hexo搭建博客以及next主题的各种特效合集

hexo搭建博客

1、安装node和npm，这个自己百度一下node官网下载即可就不在这多说了，node下载后npm也会一起下载，下载完成后终端测试：

node -v

npm -v

检测版本号

2、全局安装hexo

npm install -g hexo-cli     # -g表示全局安装

3、初始化项目

hexo init xxx  #文件名

4、进入文件夹并且初始化

cd myblog

npm install

5、在本地运行创建的博客

hexo g

hexo s

//也可以在package.json中配置
"local" : 'hexo g & hexo s'

//每次想要运行这两个语句的时候直接

npm run local

这个时候你就能够在本地看到你搭建的博客

hexo发布文章

hexo new  xxxx  # xxx为文章名字可以是汉字

此时会出现一个提示

进入posts文件夹下,打开文章，在里面进行编写

vim test5.md

 

hexo添加标签和分类

这里只拿标签页作举例子，其他页面都是一个道理

1、在配置文件中找到menu，将你想现实的页面钱前方的#去掉

2、这时候你刷新就可以看到主页面已经有了tags，但是，点击的时候会现实cannot get，这是因为你还没有创建对应的界面

hexo new page tags

此时会给你一个提示信息

3、进入tags文件夹后，打开index.md

vim index.md

type写为tags ，保存，这时候再刷新就可以看到你的tags啦

hexo添加多个tag

hexo添加多个分类（categories）

1、添加两个并行分类

categories:
 - [分类1]
 - [分类2]

2、添加子分类

categories：
 - 父分类
 - 子分类

next主题

1、将文章底部带#的tag变成图标

实现效果图

实现方法：找到next下的配置文件，把tag_icon设置为true

2、在每一篇文章后加本文结束的标记

在路径 \themes\next\layout\_macro 中新建 passage-end-tag.swig 文件,并添加以下内容：

<div>
    {% if not is_index %}
        <div style="text-align:center;color: #ccc;font-size:14px; margin-top:10px">-------------本文结束---感谢您的阅读-------------</div>
    {% endif %}
</div>

接着打开\themes\next\layout\_macro\post.swig文件,将下方代码复制到红框位置

<div>
  {% if not is_index %}
    {% include 'passage-end-tag.swig' %}
  {% endif %}
</div>

然后打开主题配置文件（_config.yml），在末尾添加

# 文章末尾添加“本文结束”标记
passage_end_tag:
  enabled: true