这是一篇原发布于2020-04-23 10:10:00得益小站的文章，备份在此处。
前言
在互联网上逛久了总有一些想要收藏的网站，但自己使用的浏览器众多，一个个添加书签岂不甚是麻烦，既然我们有自己的服务器，何不利用它为自己搭建一个个人的网址导航呢？ ::aru:discovertruth::
github搜索了一下，果然有开源的的网址导航网站项目WebStack，随后发现在typecho上还有对应的主题，我们就拿它来制作自己的网址导航。
轶哥搭的导航，还在更新中... https://go.devyi.com/
基础准备
本文基于你有一台已经安装宝塔的Linux服务器以及一个域名，还没有服务器和域名的朋友，可以参考这篇文章，其中安装WordPress的部分不需要看，这里我们使用typecho。
[post cid="18" /]
安装typecho
typecho是一套轻量的博客程序，原生支持 Markdown 排版语法，仅仅 7 张数据表，加上不足 400KB 的代码，就实现了完整的插件与模板机制。超低的 CPU 和内存使用率，足以发挥主机的最高性能。
1.访问http://typecho.org/download，下载最新正式版
2.前往宝塔后台，点击网站——添加站点——填写域名——启用MySQL数据库——点击提交
3.此时是不能直接访问域名的，我们需要在域名服务商解析这个域名。具体可以看这篇文章。
[post cid="443" /]
这里轶哥在腾讯云购买的域名，在腾讯云设置解析
4.回到宝塔面板，点击刚刚创建网站的根目录
5.点击上传——选择文件——开始上传
6.解压该压缩包，如若位置不对，可以移动到正确的位置。完成效果如图。
7.若之前操作正确，访问域名即可打开typecho安装界面
8.按提示安装即可，其中数据库名、用户名和密码在宝塔数据库页面可以查看，安装完成记住用户名和密码
安装WebStack导航主题
1.源项目：https://github.com/WebStackPage/WebStackPage.github.io
typecho主题：https://www.seogo.me/muban/webstack.html
三次开发钻芒二开版：https://www.zmki.cn/5366.html https://github.com/wclk/WebStack_ZMKI (github版更新较慢)
大家选择自己喜欢的项目下载即可，这里轶哥使用三次开发功能更强大的钻芒二开版为例。
2.按照压缩包内说明操作，上传插件文件到/usr/themes/目录下，
3.回到typecho后台，在外观页面即可看到主题已安装，点击启用，使用主题
4.此时访问网站，即可看到变化
杂项设置
管理页面
遵循typecho的管理页面，域名后加/admin即可
请将独立页面命名为about
或在typecho后台设置外观中可更改关于我们URL链接
开启伪静态
如何编辑分类与网站
新建分类和文章即可
导航栏标题前面的图标请在分类缩略名中填入，图标样式请参考
http://fontawesome.dashgame.com/
关于图片资源
大LOGO地址：/usr/themes/WebStack/images/logo@2x.png 可在外观设置中更改
CDN加速
直接访问源站速度不佳，还可能有有一定的安全问题，我们可以通过cdn解决，具体可参考
[post cid="504" /]
[post cid="482" /]
其它
安装教程就到这里结束了，如有你有一定的网页设计经验还可以对主题进行魔改，设计出属于自己独一无二的导航！
轶哥的修改
默认的样式轶哥不是很喜欢，轶哥自己修改了一下
方形图标
删除主题文件根目录下index.php
<img src="<?php echo $posts->fields->logo;?>" class="img-circle" width="32">
中class="img-circle"
即变为
<img src="<?php echo $posts->fields->logo;?>" width="32">