本文主要学习的内容如下:
在上节介绍如何快速去搭建 Hexo ,最终展示的效果如下图所示:
这是 hexo 默认的主题,我们需要修改这个主题,那么我们可以去找一些符合我们个人爱好的一些主题 选择一个自己喜欢的 Hexo 主题
这个网站有很多主题可以供我们去选择,如下图所示。每一个主题都有对应网站可以预览,并且都有 Github 地址,我们可以照着 Github 的 wiki 就可以安装了,过程都比较简单。
将主题克隆到 themes 目录下,以下截图就是 clone 之后的结果。
第一步:打开 _config.yml 文件,该文件为 站点配置文件 ,存放位置如下图所示:
第二步:将主题修改为 next
菜单配置包括三个部分,第一是菜单项(名称和链接),第二是菜单项的显示文本,第三是菜单项对应的图标
在设置 菜单项的名称和链接 中的名称并不会直接显示在网页上,而是会通过 NexT 主题目录下的 languages/{language}.yml 找到对应的显示文本。
对应的字段是 menu_icons。 此设定格式是 item name: icon name,其中 item name 与上一步所配置的菜单名字对应,icon name 是 Font Awesome 图标的 名字。而 enable 可用于控制是否显示图标,你可以设置成 false 来去掉图标。
按照上面的方式设置的菜单之后,点击标签,分类,或者关于我都会出现 404 页面,意思就是没有找到对应的页面,那这是怎么回事呢?
在默认情况,source 目录只有 _posts 一个文件夹的,并没有生成对应的 tags,categories,about 等文件夹,所以就会出现 404 的情况。
将 source/tags/index.md 的内容修改为如下:
将 source/categories/index.md 的内容修改为如下:
将 source/about/index.md 的内容修改为如下:
下面是生成的结果图:
现在再重新部署一下项目,就不会出现 404 问题了。好了,以上就是本文要介绍的一些关于 Hexo 更换主题的知识了。
hexo搭建好后,默认的主题叫 landscape 。可是,如果你不想自己的博客就这么干巴巴的,那就去 Hexo Themes 里面挑一个喜欢的吧,然后换掉它。
从上图可以看到,Hexo Themes 目前已经提供了超过200个主题供大家选择,这些主题呢都是世界各地热爱开源的小伙伴分享出来的(下一个可能就是你了)。心动了吧,那么改个主题很难吗?答案当然是否定的,只需要下面简单几步,我们就可以拥有一个好看又有个性又有逼格的博客。
PS: 支持安装多个主题,但一次只能使用一个,在根目录下的 _config.yml 文件中修改切换主题即可。安装和使用主题中遇到的任何问题,可以通过查看主题所在Github仓库的 Issues 来排查和提问,或者直接联系主题贡献者协助解决吧。
hexo博客换装,大概就以上这么几步。下来给大家介绍一下 我的博客 换装过程,有兴趣的可以接着往下看。
我这个博客用的主题叫 MiHo ,然后这套主题贡献者博客大概长下面这个样子。
是不是觉得有点不太一样,这是因为默认的主题还是不太符合我的个性,所以我是有做一点点改造。如果大家接触过前端或者干脆就是做前端开发的,那这些应该都不是难事。好了,下面正式介绍下我是怎么换装的。
神奇吗?用Hexo,自定义博客主题就这么简单,你还在犹豫什么呢?
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)