【自荐】倾城之链：在线导航平台，专注优质网站

应用名称

倾城之链。

应用平台

Web、小程序、快应用。

推荐类型

开发者自荐。

应用简介

倾城之链，新一代开放型导航 平台，为云集全球「优质网站」而生。在这里，您可以便捷的探索互联网中那更广阔的世界，同时还能分享为您所欢喜的网站。

官方地址

https://nicelinks.site/ 。

应用简介

探索更广阔的世界，为您

在这个信息化的世界，海量的讯息可能让您不知所措；担心错过她而努力汲取的同时，却可能错过更多；「倾城之链」的存在，即是为您解决这种困扰；在这里，您可以浏览全球各类智慧的结晶；丰富视野的同时，可以标注抑或分享您喜欢的站点，从而为更多挖掘讯息的人提供建设性参考。

分享，为您所欢喜的网站

在当今这信息化时代，即便是再小的个体，也当有自己的品牌。=然而，独立的才是自己的。「倾城之链」作为一个开放平台，鼓励您创造属于您的个人品牌，烙印着自己的风格，替自己代言、发声。如果您已经这样做了，您可以尽情分享在这里，让更多人知道，且从中受益。当然，您也可以分享出您欢喜的其他有意思站点，让您的见识惠及更多人。

应用截图

nicelinks.site-小众软件2680×1560 293 KB

网站特色

1. 收集有价值网站，并在后台审核，力争所收录的内容，可对他人产生积极作用；
2. 鼓励用户自荐、推荐欢喜的网站，使得见闻、见识可以互相，从而惠及更多人；
3. 尽最大可能为收录的网站，提供完善推荐语，使用户能轻易知道该网站价值；
4. 内置搜索功能，并在不断完善中，使得用户可以便捷索引到主动想要的内容；
5. 持续在经营的社交网站等，对优质网站，进行分享传播，从而提升其访问量；
6. 陆续更新其它功能如箴言锦语(云集所喜欢的曼妙句子)，以促进网站趣味性。

所用技术

• 前端：Vue、vue-router、Webpack、vuex、axios、marked 等
• 后端：Node(Koa2) + MongoDB + Redis 等
• 工具：Mac、Git、VsCode、prettier、Yarn 等；
• 其他： Prerender（For SEO）、Waline（评论）、Gatsby（周刊）。

盈利方式

盈「利」：如果特指金钱；目前方式仅有：广告收入（包含：微信公众号、Google AdSense、小程序广告）。实际上，利，也可以是掌握技术、开阔思维、获取信息、获取数据、收获经验、节省时间等等。「倾城」的初衷与维护，以及后续可能的发展，在时间、得到和失败的洗礼中，逐渐变迁，这「盈利方式」也跟随变化，有必要在此，对其过往趋利方式做下总结：

• 17 ～ 18 年：主要是学习技术，不乏包括前端、后端、设计、运维等；
• 19 ～ 20 年：开发小程序、快应用，尝试开辟新的获利方式和途径；
• 21 ～ 22 年：学习投放 Google AdSense 广告、SEO、接入微信登录等；

当然，所学到零碎技能，远不止这些；此外，收录千款 Web 应用，从而了解很多效率工具、创意产品，对工作和生活，都有一定积极意义。目前来看，在这可量化的价值中，占比最多的莫过于，由「倾城」间接促进提高的工作薪酬。未来，探索用户对象、构建盈利模式，亦是努力侧重点。

心得感悟

过去这几年的业余时间，很大部分给了娱乐；其余不多的“雨露”，则在产品设计及臆想，倾城运营及推广等方面做了“均沾”；如今回顾，虽说有些决策只是蹉跎了岁月，但成长总是需要过程，也就能够释怀。但以下几个方面，在之后的折腾中，实该避免：

• 做好认知：认知，近期工作总是围绕的主题，五看三定，久思已倦。但，不可否认，做产品须先做好对其认知：服务客户是谁？竞争对手有哪些？如何错位/对位竞争？市场盘子有多大？如何为客户带来价值？盈利模式是什么？未来商业价值何在？…将这些准确思考并评估清晰，再做长短期规划、可行性分析、实际落地，相信是更棒的选择。
• 瞄准客户：从前总是幻想，「倾城」可以被所有人使用；事实上，绝无可能。就自身而言，假如半年前给我很好的机器学习资料，多半也只是收藏；实际生活、工作用不到，也就不太会去关注、学习乃至使用（于大多数人，学习甚苦，娱乐至上）。用户心智与产品匹配度，是绕不开的结界。因此，后续主要服务于互联网从业人员；至于内容，则依旧保持开放，不乏包括技术、有趣、人文、信息、资源等。
• 保持平衡：逐利、客户、产品、技术、情怀等考量，该要保持适当平衡（作为开发者，先前较侧重技术、情怀）。按道理，产品、技术都该服务于获利；但获利本质上是为获取更高层次的利「幸福、价值体现」；如果抛弃情怀（价值观），本末倒置之余，也难以在困境中坚持。倘若不能盈利，产品也是难以长久（近两年主要精力在此）。
• 跟随趋势：视频信息，相比于图文，越发更具优势；虽不愿承认，但这是铁一般的事实。就目前而言，「倾城」仍是图文信息，想调整为「视频」格式输出，倒也可以，只不过没有足够智能工具加持，就只有人工处理，代价颇高（得闲时，可录制几期视频，或搞几次直播）。未来将折腾，最好跟随趋势：如 XR、AI、Web3 等。
• 经营资产：打工上班，相对最简单的收入来源；但其本质是一种负债——不上班便没有收入，跟自媒体蹭热点式经营没有本质区别；相信越来越多人意识到：税后收入及多种收入来源的必要性（经营资产、远离负债）。就自媒体或独立开发者而言，经营长期性内容、打造专属品牌，综合来看或是更可取的选择。

备注：这 五看三定 模型，最早源自 IBM 战略制定方法论；五看分别是：看行业 / 趋势（行业现状，及未来发展趋势）、看市场/客户（市场规模、发展趋势、市场需求、客户痛点）、看竞争（分析竞争对手、知己知彼）、看自己、看机会（市场空间有多大、战略机会点）；根据「五看」得到的输出，在战略制定阶段需要“三定”：定战略控制点（即：竞争优势）、定目标（可量化）、定策略（具体的方案、阶段里程碑、实施策略等）。

未来路线图

• 认知：思考：如何错位竞争、如何获得更多流量，如何建立更多盈利方式；
• 迭代：优化网站性能，改进 SEO，解决发现的存在问题，增添有价值新功能；
• 学习：学习机器学习相关技术，探索如何用新的手段来填充 & 审核内容。

值此信息爆炸的时代，如何高效汲取优质、有价值信息 ？想必很多朋友都有这疑惑，尤其是关乎「知识」与「资源」；倾城之链，便是针对其垂直领域——网站，而做的一种解决尝试方案（初衷）；类似于小众软件、Product Hunt。当然，也蕴含了其他动机，如供己使用、提炼技艺（如产品、设计、编码、运营、运维等等）。她自 2017 年诞生，至今已收录优质网站 960 余款，相信无论您是普通用户，抑或站长，「倾城」可以为您带来一定方便。如您对「倾城」更多内容（譬如创作初衷、网站功能、网站特色、未来路线图）感兴趣，可移步至： 倾城之链 ｜ NICELINKS 。

除了首页很多图片打不开，好像还可以，我进一步试用

图片 CDN HTTPS 证书，正好在昨天到期了，没及时处理，导致以 https 地址访问无法获取到；昨晚已修复。感谢反馈；也欢迎您提出更多建议或意见。

2022 年 9 月中旬，Adobe 公司宣布，200 亿美元收购设计软件 Figma （一款数字设计和原型制作工具，面向专业用户，于 2016 年问世的 Web 应用）。它的一个竞争对手 Sketch（原生 MacOS 应用），直到 2019 年，Sketch 的估值还超过 Figma。

Figma 并没有采用 JavaScript 编写，而是基于 Rust，再编译成浏览器能理解的 WebAssembly 字节码格式，从而达到接近原生应用的性能。事实上，Figma 是业内 WebAssembly 最强的公司之一。一旦解决浏览器的性能瓶颈，达到能够接近原生应用的体验，Figma 胜出也就毫无悬念。

未来，随着各项基础硬件、配套设施的不断发展，越来越多公司和服务，将转向云端；而 Web 应用，本就有高效开发、方便使用、易于迭代、推广等优势，外加「性能问题」的解决，简直如虎添翼。可以大胆预测，未来应用形态，其主场将再次回归于“Web 应用”。

如果您有一个创意，并想将其实现，建议优先考虑「Web 应用」方向。如果想了解更多，可参见：Figma 为什么赢了 Sketch？。

Rust，真可以学起来了 ；Wasm，2017 年那会儿就有了解，终于见到这它大放光彩的产品。

嗯嗯呢；早上接触到一个网站（ https://needle.tools/ WebXR、3D「基于 threejs」相关），看着很酷，但在我的 iMac 访问巨卡，体验很差。倘若跟 Figma 采用类似处理，效果想必将会好些。

是挺cool，具体应用场景，是不是刚需呢

@alenh 请问所指的是 needle.tools 么（论坛的评论是平铺式，不能方便分辨是回复哪一条）？猜测指的是：Needle。

Needle（ Tailor-Made Tools for Creators），在 github 上有个组织：needle-tools 介绍到： Needle Engine is a web-based runtime for 3D apps. It runs on your machine for development, and can be deployed anywhere. It is flexible, extensible, and collaboration and XR come naturally.

现在看起来可能不太明显；在未来，对于构建沉浸式 3D 游戏或应用（应用场景），还是蛮有价值的。据悉，国内也有蛮多公司在 XR 方向布局并实践的。Needle​，定位是为创作者量身定制的工具，那对于这种类型用户，或是刚需。

截止今晚（ 2022.10.25），倾城收录网站突破 1000 款（不含已无法访问的部分）；这将是一个重要里程碑；自此之后，倾城将收录方向侧重于面向现在乃至未来的资源，如机器学习、人工智能、Web3 等领域； 相关思考，将陆续沉淀于：2022，「倾城之链」运营第 6 年感记 。

做这么久了嘛，经历了不少艰辛，加油

感谢 。项目开始的前两年，因为要在业余时间去设计功能和交互、学习后端、运维等，经历些些艰辛； 后面的四年就还好，主要是优化各类设计、编写效率脚本、发现和审核内容。 现如今，有意开启新的变革（征程），可以想像，未来的两年要加油了 。

2022/11/04：倾城之链网站收录周刊 - 第 90 期。

最近，在论坛或者其他平台，接触了蛮多导航类网站，你这款与市面上流行的设计，存在很大区别，这是基于什么考虑呢？

@bleem 这个问题，在过去几年，有过多次思考，想法上也有多次转变。

• 项目之初，没想那么多；设计、技术、运维方面等均尚在学习阶段，仅是参考了些社区类网站，就定交互雏形。
• 维护期，有多次接收到朋友建议，以常见一页聚合式曾现；当时，受 Product Hunt 等产品影响较大，认为 Less is more，于是并未采纳。
• 最近这两年，尝试了 Google 广告投放、SEO 优化等举措，并积极收录各种优质内容，发现流量这块，仍无法与很多传统导航相比。前段时间，做认知规划，明白用户习惯/心智，短期很难修改。有想着妥协（添加聚合页），但目前尚未实施。

值得一提的是，在年初有基于 GatsbyJS 搭建了倾城周刊（汇聚一周所收录内容），这大半年略有运营，效果不如预期。看起来，聚合还是得抽空整一个 。

非常不错的思考和实践，加油~！

@alenh 感谢鼓励， ，。庄子在《庖丁解牛》中写道：“彼节者有间，而刀刃者无厚；以无厚入有间，恢恢乎其于游刃必有余地矣…”，可见把握事物运行规律，极为之重要。如今，各种类型应用（含 Web）层次不穷，各类导航也是数不胜数；除了优化 SEO，属于导航类网站的「规律」是什么呢？