Hexo之Next主题优化(一)

来源:互联网 发布:淘宝送的优惠券怎么用 编辑:程序博客网 时间:2024/05/10 23:20

设置中文

找到站点配置文件(hexo根目录下的称为站点配置文件,主题文件夹下的称为主题配置文件),找到如下字段,更新为如下即可

language: zh-Hans

添加导航栏

如下图,我们可以添加多样的导航栏,这些在我们主题的配置文件中都是用的

next主题导航栏图片

添加导航栏方式:直接打开hexo安装根目录下的themes文件夹中,我用的是next主题(根据你主题而定),然后打开next文件夹,更改_config.yml文件,用文本方式打开,找到如下位置,默认情况下有些事注释掉的,你可以试着打开,我选择全部不注释,导航栏就是上图所示。

导航栏配置图

home: / 首页
categories: /categories 分类
archives: /archives 归档
tags: /tags 标签
about: /about 关于
commonweal: /404.html 公益404

添加导航栏相应页面

导航栏我们刚刚添加成功了,这个时候如果部署 提交,你点击的话,可能是给你报错了,404 提示你找不到页面,这是因为我们只是创建了这个链接,而页面并没有创建,默认情况下home archives 页面都是不用自己创建的,所以分类、标签、关于、404都是要我们自己创建的

创建分类

在hexo安装根目录下执行如下命令

hexo new page "categories"

执行完,在hexo根目录下的source文件夹中会多出一个categories文件夹,里面默认有一个index.md的文件,这就是我们创建的导航栏的分类页面
我更改为如下样子

分类页面图片

type:”categories” 类型
comments: false 这个是关闭多少评论,后面会说到添加评论

创建标签

在hexo安装根目录下执行如下命令

hexo new page "tags"

执行完,在hexo根目录下的source文件夹中会多出一个tags文件夹,里面默认有一个index.md的文件,这就是我们创建的导航栏的分类页面
我更改为如下样子

标签页面图片

创建关于

在hexo安装根目录下执行如下命令

hexo new page "about"

执行完,在hexo根目录下的source文件夹中会多出一个about文件夹,里面默认有一个index.md的文件,这就是我们创建的导航栏的分类页面
我更改为如下样子

关于页面图片

这里说一下,这个关于页面,如果你前端技术很好,这个页面可以自己定制,做一个很漂亮的页面,我这里就顺便弄了一下。

创建404

404页面创建与前面有所不同,方式应该有很多种,我选择的是直接创建一个404.html放在了hexo根目录下的对应主题下的source文件夹下面,默认404导航选项,就会找到这个页面
最后看一下hexo根目录下source文件夹创建多个导航栏标签页后的内容

404页面位置图

未完,待续。。。。。。

个人主页:http://www.wanglijun.vip
csdn主页:http://blog.csdn.net/mynamelijun
简书主页:http://www.jianshu.com/users/b6cc5e05848d/latest_articles

1 0
原创粉丝点击