美文网首页
Hexo之Next主题优化(一)

Hexo之Next主题优化(一)

作者: b6cc5e05848d | 来源:发表于2016-08-12 23:03 被阅读0次

设置中文

找到站点配置文件(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***

相关文章

  • Hexo+Next搭建个人博客

    1. 参考 Hexo官方文档 Next官方文档 Hexo+Next主题优化 2. 环境 Node.js Gi...

  • Hexo之Next主题优化(一)

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

  • hexo命令记录

    hexo 需要shh连接 生成ssh key安装Next主题,并进行优化hexo clean 清空缓存文件he...

  • hexo之next主题优化整理

    搭建hexo的教程实在太多了,折腾了几天,总算搞定了,现在去看参考文章也是能看懂,不过,官方文档也写的相当详细: ...

  • HEXO之NEXT主题优化配置

    网上已经有很多NexT主题配置的教程,一搜一大堆;所以我这边就简单说一下我个人(没那么搞)的一些配置,这些配置大部...

  • Hexo-Next-主题优化(一)

    Hexo版本是3.3.8 NexT.Pisces v5.1.2 1. 常用命令 Hexo的命令极简单,安装后只需要...

  • hexo博客优化--Next主题

    搭建完hexo博客后,需要针对博客进行优化,具体如下:注意1:每次做变更后,均需要使用hexo g和hexo s。...

  • hexo-next主题优化

    前言 这算是各种文章的集合了,如果你有耐心就看完吧(T▽T) 如果是明确想要哪一种功能的童鞋,那就直接查找吧( ...

  • Hexo主题设置

    hexo默认主题是landscape,hexo官方也提供了许多主题。推荐使用Next和Yelee。Next简洁美观...

  • Hexo之Next主题

    由于我们新搭建的基于Hexo的博客默认的博客主题都为主题默认,系统默认多多少少会有点不如人意,那么这就需要我们自己...

网友评论

      本文标题:Hexo之Next主题优化(一)

      本文链接:https://www.haomeiwen.com/subject/ufyesttx.html