[自荐]个人开源 Web 应用：「倾城之链」

[jeffjade]

备注：目前可以通过 浏览器、小程序、快应用、添加桌面应用等方式访问。

介绍

• 地址：倾城之链 | NICE LINKS
• 描述：倾城之链，作为一个开放平台，旨在云集全球优秀网站，探索互联网中更广阔的世界；在这里，你可以轻松发现、学习、分享更多有用或有趣的事物。
• 说明：此项目，前端基于 vue2.* 开发（额外使用 element-ui、vuex、axios、marked 等）；后台基于 Node.js （ koa2 ）来编写；数据库用到 MongoDB 和 Redis ；现借助 Nginx、pm2 （后续会迁移至 Docker ） 等部署于阿里云服务器 ECS ；SEO 的解决，则是在服务器，由 Prerender + Nginx 搭建起的预渲染服务来完成(只针对搜索引擎的访问)......

初衷

• 尝试解决大数据信息时代，汲取 & 收集优质有价值信息，以更好服务网民；
• 搭建汇聚优质网站平台，并赋予其👍、👎、分享等功能，以促进个体品牌发展； 更多详情可参见早期文章：
  • 云集优站，尽在「倾城之链」
  • 云集优站，尽在「倾城之链」其二

特色

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

温馨提醒🔆：凡通过后台审核的优质网站，这边会在微博、Facebook、粉丝群、朋友圈等给予分享性推广。

链接

• 项目主页地址
• 项目后期规划
• Github 源码

截图

• 倾城之链 NICE LINKS - Mac 端截图
• 倾城之链 NICE LINKS - 移动端截图

如何访问「倾城之链」

• WEB 浏览器：为便捷用户访问，有为「倾城之链」注入 Pwa 部分功能，您可通过现代浏览器访问 https://nicelinks.site （推荐使用 Chrome），可将其“添加至主屏幕”，它将为您创建与原生应用类似的桌面图标，以供您下次可便捷且快速打开。

备注：当您在移动设备浏览器点击“添加到主屏幕”后，如未得到预期结果，需要您主动进行设置；可在设备设置项，找到权限管理，进而开启“桌面快捷方式”权限即可；这在不同供应商的手机设备间，步骤会有所差别。

• 快应用：目前倾城之链(快应用版)已在 OPPO、vivo、小米、魅族等平台上线；如果您使用 Android 手机，可以在应用商店、负一屏、浏览器等场景搜索倾城之链，便可秒开使用，亦可保存在桌面；也可以在手机倾城之链(网页版)，点击快应用中打开即可(仅限于已上线平台)；未上线平台机型，可参见倾城之链 - 快应用版，下载快应用调试器扫码体验。

• 小程序：在初步完成 Web、「快应用」等版本蛮久以后，最近（ 2019.10 ）有基于 mpvue 构建了微信「小程序」版本，通过微信扫码、或者在微信搜索「倾城之链」即可访问。

• 桌面应用：如果您想在 MacOS, Windows 或 Linux 中，获得更快捷的访问体验，您可以通过 Nativefier（使任何网页成为桌面应用程序的一个命令行工具），轻松创建桌面版「倾城之链」应用，只需运行以下命令即可：

npm install nativefier -g
nativefier --name "倾城之链" "https://nicelinks.site/"

备注：如果您使用最新版本的 Chrome，用其访问 https://nicelinks.site ，在地址栏的末尾，点击 ⊕ 符号，即可快速生成桌面版本「倾城之链」；而且，这这个独立应用中，浏览器插件扩展都在；除此外，浏览器上涉及的倾城之链的外链，也可以右键选择在这个桌面应用中打开，NICE。

[jeffjade]

此项目，原本是为个人练技升级，同时也想做一款个人独立产品；于是，在 2017 年初，结合了一些个人想法和切身诉求（如何收录、发现、分享优秀网站等），就开始策划、设计、编写（「学习」）、测试、部署、运营.....；随着时间推移，部分功能完善后，所想了解的技术已有涉猎；加上又开了些其他的新项目（坑），迭代就不再那么频繁；虽然目前还不是很完善，但鉴于一些原因，以目前的速度更新，臻于心中理想，恐是遥遥无期；因此，趁着 2019 即将结束，就分享出来，也算是给之前的工作一个交代，同时也希望能够给有相同诉求的朋友，带来一些价值。https://nicelinks.site/

[codingBug]

看起来蛮不错的

[jeffjade]

@codingBug 感谢；欢迎试用，以及提出您宝贵的意见或建议。

[saymoon]

不错
不过这名字～竟然不是区块链项目～

[FinGek]

嗯，不错。过去支持一下。顺便把自己的也注册和推荐一下。刚刚过去稍微喵了一下，已经发现一两个厉害的人物了。

[raysmond]

收录的网站也不多，导航却很多很复杂，不够便利。单页展示，一目了然不好吗？

[jeffjade]

@saymoon 嗯，这里的链，指的是“链接”。记得初定名字那会儿，区块链还没如今这么火。不过，用国内浏览器检索，基本会被“认为”是要搜索「倾城之恋」～

项目名字的由来可以参见这里： https://www.jeffjade.com/2017/12/31/136-talk-about-nicelinks-site/#%E3%80%8C%E5%80%BE%E5%9F%8E%E4%B9%8B%E9%93%BE%E3%80%8D%E4%B9%8B%E7%94%B1%E6%9D%A5

[jeffjade]

@FinGek 感谢支持🤝🤝。

[jeffjade]

@raysmond 有两点需要说明：
1. 现在展示的信息比较少，规划里，像网站首页截图、访问数量、网站排名等信息，都是要展示的，只不过现在还没加上；
2. 另外就是，此网站虽然做出来蛮久了，却没怎么推广，现在收录的确实不怎么多，但这并不代表以后也不多；

市面上，已经有很多单页导航，就没必要搞重复了；况且，也没有说「倾城」要做成一个导航。

[yafoo]

很早之前就收藏进了我的个人网址主页：www.i-i.me/1.html

多端开发，特别手机端，建议使用 uni-app

[CEBBCAT]

这个名字有点耳熟，是那个什么晚晴什么轩的博主吗？帮忙踩踩

[iamobj]

后台有没有开源，想学习下 koa2

[jeffjade]

@yafoo 好的👌。 嗯，现在市面上多端框架好多，https://github.com/nicejade/nice-front-end-tutorial/blob/master/tutorial/wechat-mini-program-tutorial.md#%E6%A1%86%E6%9E%B6 后面有机会可以尝试下这 uni-app。

[jeffjade]

@CEBBCAT 是的，幸会🤝，感谢。

[jeffjade]

@iamobj 后台也有开源，请参见： https://github.com/nicejade/nicelinks.site （后面会统一整合下）；不过，https://github.com/nicejade/docker-vue-node-nginx-mongodb-redis 这个示例性项目，更具有参考的价值。

[suyuyu]

这竟然不是区块链项目

[yehuzi]

支持一下楼主，感觉 /explore/all 作为首页会好点哈～另外，感觉这个域名更适合楼主的网站 niceweb.cn 。哈哈

[jeffjade]

@suyuyu 嗯，目前不是。～ 不曾想，当时的命名，跟如今这红的发紫的「区块链」撞上了，囧。

[jeffjade]

@yehuzi 嗯嗯，这是一个很帮的建议，不止一个朋友提起，后续可以考虑修改下。 至于 niceweb.cn 这个域名，好是挺好的，不过已经很早就被注册了，所以😂～

[MarcoJiang]

@yafoo 🙁美女图片的链接挂了