hexo搭建博客以及next主题的各种特效合集
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、添加两个并⾏分类
健步如飞的蜗牛作文300字三年级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 >-------------本⽂结束---感谢您的阅读-------------</div>    {% endif %}
</div>乌榄
接着打开\themes\next\layout\_macro\post.swig⽂件，将下⽅代码复制到红框位置
<div>
{% if not is_index %}
{% include 'passage-end-tag.swig' %}
{% endif %}
</div>
然后打开主题配置⽂件（_l），在末尾添加
# ⽂章末尾添加“本⽂结束”标记
passage_end_tag:
enabled: true

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。