typecho图标_typecho使用WebStack搭建网址导航

前言

在互联网上逛久了总有一些想要收藏的网站,「但自己使用的浏览器众多,一个个添加书签岂不甚是麻烦」,既然我们有自己的服务器,何不利用它为自己搭建一个「个人的网址导航」呢?df912eb75abf08cea814571a8b17750f.png

github搜索了一下,果然有开源的的网址导航网站项目WebStack,随后发现在typecho上还有对应的主题,我们就拿它来制作自己的网址导航。

基础准备

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

0基础小白向博客搭建指南

安装typecho

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

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

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

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

DNS解析那点事

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

4.回到宝塔面板,点击刚刚创建网站的根目录d69038e0a6b4d45d47db0a0fb1548d01.png

5.点击上传——选择文件——开始上传91a344b200a36f90c10a35166c6b1924.png

6.解压该压缩包,如若位置不对,可以移动到正确的位置。完成效果如图。995b43a4922a1aefe6db4d363ca06c42.png

7.若之前操作正确,访问域名即可打开typecho安装界面b325d7e5ccfe460a15e3083e8b488686.png

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/目录下,3a1daba1a10c0c36040c81803a06a5d5.png

3.回到typecho后台,在外观页面即可看到主题已安装,点击启用,使用主题a22ae5b8ace57910ae2017e351602384.png

4.此时访问网站,即可看到变化

杂项设置

管理页面

遵循typecho的管理页面,域名后加/admin即可

请将独立页面命名为about

或在typecho后台设置外观中可更改关于我们URL链接

开启伪静态

ffcef19a390118ce209e171bdb8280aa.png

如何编辑分类与网站

「新建分类和文章即可」

导航栏标题前面的图标请在分类缩略名中填入,图标样式请参考 http://fontawesome.dashgame.com/

42be7340f959c762f54d05e03ebcae87.png

关于图片资源

大LOGO地址:/usr/themes/WebStack/images/logo@2x.png 可在外观设置中更改

其它

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

876099d45219277f36fbc0c91c7a809c.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值