前言

在互联网上逛久了总有一些想要收藏的网站,但自己使用的浏览器众多,一个个添加书签岂不甚是麻烦,既然我们有自己的服务器,何不利用它为自己搭建一个个人的网址导航呢?
github搜索了一下,果然有开源的的网址导航网站项目WebStack,随后发现在typecho上还有对应的主题,我们就拿它来制作自己的网址导航。

轶哥搭的导航,还在更新中... https://go.devyi.com/

基础准备

本文基于你有一台已经安装宝塔的Linux服务器以及一个域名,还没有服务器和域名的朋友,可以参考这篇文章,其中安装WordPress的部分不需要看,这里我们使用typecho。

安装typecho

typecho是一套轻量的博客程序,原生支持 Markdown 排版语法,仅仅 7 张数据表,加上不足 400KB 的代码,就实现了完整的插件与模板机制。超低的 CPU 和内存使用率,足以发挥主机的最高性能。

1.访问http://typecho.org/download,下载最新正式版

2.前往宝塔后台,点击网站——添加站点——填写域名——启用MySQL数据库——点击提交

3.此时是不能直接访问域名的,我们需要在域名服务商解析这个域名。具体可以看这篇文章。

这里轶哥在腾讯云购买的域名,在腾讯云设置解析

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/[email protected] 可在外观设置中更改

CDN加速

直接访问源站速度不佳,还可能有有一定的安全问题,我们可以通过cdn解决,具体可参考

其它

安装教程就到这里结束了,如有你有一定的网页设计经验还可以对主题进行魔改,设计出属于自己独一无二的导航!

轶哥的修改

默认的样式轶哥不是很喜欢,轶哥自己修改了一下

方形图标

删除主题文件根目录下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">
Last modification:April 25th, 2020 at 12:03 pm
如果觉得我的文章对你有用,请随意赞赏