前言：趣导航 (https://qu.72jueji.com)是一个专门收集创意小站的导航站。这种导航站纯静态，无交互，制作非常简单，无需任何后端技术，只需要懂少量的Html + JS的知识就可以动手做。建议初学者可以先学习开源的导航网站模板，一般花一周左右的时间，就能上线一个既好看又有用的导航网站。下面我就具体讲讲如何从零开始，制作上线一个静态导航站。
目录
-
导航站模板
-
确定导航站内容
-
收集网站链接
-
代码实现
-
部署及运维
-
盈利模式探讨
-
扩展阅读
1. 导航站模板
我在Github上逛了一圈，发现了以下几个纯前端的导航站模板还不错：
[1.GitHub – WebStackPage/WebStackPage.github.io:
静态响应式网址导航网站 – webstack.cc ]
[2.GitHub – geekape/geek-navigation:
极客猿导航－独立开发者的导航站！]
[3.GitHub – xjh22222228/nav:
发现导航 , 打造最强静态导航网站(支持SEO) | Discovery Navigation: A purely static, powerful navigation website that supports SEO and online editing]
[4.GitHub – xiaodai945/WEBJIKE: 小呆导航 – 可自定义的简洁网址导航]
因为WebStack列举了数十个它开发的导航站，我挨个点进去看了一下，界面挺清爽，加载速度也快。由于WebStack应该很容易上手，颜值也不错，我最终选择了这个模板。
2. 确定导航站内容
这里有必要介绍下2023年国内导航站市场的现状，由于移动设备的普及，PC端Web用户已经很少了，大多数用户即使浏览网站也主要是使用搜索引擎，因此现在应该很少有人会用网址导航。于是既然我们选择做这个类别的产品，我们肯定不能做一个大而全的导航站，相反做一个专注某个垂直方向，只服务特定的用户的导航网站也许还有价值。
我对创新创业比较感兴趣，因此选择做一个创意小站的导航站，希望能多收录一些国产的创意小站，与这些创意小站一起共同成长，他日能有几个成长为参天大树也未可知。
3. 收集网站链接
这个可以通过搜索引擎+逛论坛，每天收录几十个，百来个就够了，注意除了网站链接还需要收集网站的ICO文件，一般网站的ICO文件可以通过https://www.jd.com/favicon.ico 这个地址获取。有了网站链接和ICO文件，下一步把index.html中的链接替换掉就行了。
4. 代码实现
无
5. 部署及运维
我将本网站上传到了腾讯云的COS存储桶中，设置私有读写，打开存储桶的静态网站功能。
然后开通腾讯云的CDN，CDN的源指向COS的URL，注意CDN一定要配置IP限速，以及设置流量封顶，以避免被人恶意攻击。
IP限额
图1
流量封顶
图2
6. 域名申请
域名就是你的网站在互联网世界中的地址，你想让用户更容易找到你，你的域名就应该短小易记，例如用英语单词或者拼音等起名，想好名字后最好去搜索引擎搜一下，确保搜索引擎没把你的域名跟一些垃圾网站放在一起。
购买域名之后，还需要备案，如果你的网站用户在国内，或者你的服务器在国内，你就必须备案。备案的过程比较冗长，我在后文中会详细介绍。
https支持. SSL证书申请已经是每个网站的必选项了，因为没有SSL证书，各大浏览器都会提示不安全，用户大概率会望而却步的。腾讯云提供了20个免费证书，直接在腾讯云网站上点几下，就能申请下来，非常方便。
7. 盈利模式探讨
这个产品主要是给大家打个样，从0开始跟大家一起成长为一个日进斗金的开发者，应该没人会天真的想靠一个导航站日进斗金的。但是变现方法探索是我们的特色，不赚钱的开发者是肯定干不长久的，对于这个导航站，我们尝试了以下两种变现方法。
一是赞赏码：在介绍页面添加一个微信收款链接，听说面包多做了一个顿顿饭的打赏功能，准备下次尝试以下。
二是联盟广告：百度联盟，目前还在申请中。
8. 扩展阅读
以下内容涉及一些python自动化处理的延申内容，感兴趣的读者可以看一下。因为我们有一个公众号，这个公众号提供了一个给站长自动提交创意网站的入口；网站提交之后，后台会对网址进行定期扫描，确认内容安全，延迟不大后就会自动加入我们这个导航站。
本网站收集的链接都是些小众网站，很多网站都会出现不能访问和延迟高的问题，为了带来最好的用户体验，我做了一个定时任务，每隔一段时间探测这些网站的延迟。
图4
目前还有一个问题没有解决，我收录的这些小众网站，虽然他们刚被收录的时候有人工审核，但是保不准一年后这些网站就变成了不良网站，现在自动检测还不能把这种情况抓出来，有一种思路，是定期对所有网站录屏，然后检查图片是否涉黄涉政，大家有什么更好的建议请留言。