chaoz的杂货铺

生命有息、学无止境、折腾不止

0%

Hexo 使用入坑教程

Hexo-NexT配置超炫网页效果
https://www.jianshu.com/p/9f0e90cc32c2

SEO:
https://blog.csdn.net/MasterAnt_D/article/details/56839222#t50

特殊404,特殊背景+音乐
http://mashirosorata.vicp.io/HEXO-NEXT%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96%E9%85%8D%E7%BD%AE.html

很全的hexo的next主题个性化配置教程
https://segmentfault.com/a/1190000009544924#articleHeader28

https://www.jianshu.com/p/9f0e90cc32c2

Hexo的版本控制与持续集成:
https://formulahendry.github.io/2016/12/04/hexo-ci/#

遇到的坑 :
next李作者名不能改,标签没链接,描述不能用!

在侧边栏倒腾去吧!

版权信息作者名修改:next/layout/_macro/my-copyright.swig
侧边栏作者名修改:/themes/next/layout/_macro/sidebar.swig

Hexo使用不蒜子统计功能失效问题解决:
官方链接

1
2
3
找到原来不蒜子的域名文件,并替换掉旧的域名。
文件路径:\themes\next\layout_third-party\analytics\busuanzi-counter.swig,只需要替换src对应的域名即可,如下是替换后的域名。
<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
配置:
# Show PV/UV of the website/page with busuanzi.
# Get more information on http://ibruce.info/2015/04/04/busuanzi/
busuanzi_count:
# count values only if the other configs are false
enable: True
# custom uv span for the whole site
site_uv: true
site_uv_header: <i class="fa fa-user">访客数</i>
site_uv_footer: 人
# custom pv span for the whole site
site_pv: true
site_pv_header: <i class="fa fa-eye">访客总量</i>
site_pv_footer: 次
# custom pv span for one page only
page_pv: true
page_pv_header: <i class="fa fa-file-o">热度</i>
page_pv_footer: °C

修改自定义样式文件

1
2
样式文件custom.styl文件位于
themes/next/source/css/_custom

文章目录默认展开

1
2
// 文章目录默认展开
.post-toc .nav .nav-child { display: block; }

目录字体大小调整

1
2
3
.post-toc ol {  
font-size : 13px;
}

修改主题配置文件

1
2
主题配置文件位于
themes/next/_config.yml

每行目录超长自动换行

1
2
3
toc:
enable: true
wrap: true

修改链接

Permalinks 修改官方教程

搜索插件报错

Hexo+Next 添加菜单分类页面

新建一个页面,命名为resources。
hexo new page "resources"
此时会在hexo > source文件夹中会生成一个resources文件夹。

编辑resources文件夹下的md页面
将类型设置为resources,主题将自动为这个页面显示所有分类。

1
2
3
4
title: 常用工具
date: 2017-12-14 13:05:38
type: "resources"
---

注意:如果有启用多说或者Disqus评论,默认页面也会带有评论。需要关闭的话,请添加字段comments并将值设置为false,如:

1
2
3
4
5
title: 常用工具
date: 2017-12-14 13:05:38
type: "resources"
comments: false
---

在菜单中添加链接
编辑主题的_config.yml,在menu中的添加如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
menu:
resources: /resources || download
||之前的值是目标链接,之后的是分类页面的图标,图标名称来自于FontAwesome icon。若没有配置图标,默认会使用问号图标。
或者修改下方的
menu_icons:
enable: true
#KeyMapsToMenuItemKey: NameOfTheIconFromFontAwesome
home: home
about: user
categories: th
# schedule: calendar
tags: tags
archives: archive
# sitemap: sitemap
# commonweal: heartbeat
share: sitemap

新添加的菜单需要翻译对应的中文
打开hexo>theme>next>languages>zh-Hans.yml,在menu下添加:

1
2
3
4
5
6
7
8
9
10
11
menu:
home: 首页
archives: 归档
categories: 分类
tags: 标签
about: 关于
search: 搜索
schedule: 日程表
sitemap: 站点地图
commonweal: 公益404
resources: 资源

ps:zh-Hans.yml一定要修改,不然菜单显示会有问题,显示 menu.title

升级版本

Hexo 和Next主题升级
hexo评论_Hexo系列 | Hexo的基本使用
hexo-theme-next 主题美化
Hexo NexT 添加背景图片
Hexo博客Next主题配置加载优化性能提升
Hexo-NexT 主题样式美化 - 动画设置
Hexo Next主题添加访客统计、访问次数统计、文章阅读次数统计
Hexo引流到微信
hexo-next 添加酷炫打赏二维码
hexo-next主题添加近期文章版块
Hexo 集成 Valine 评论系统
解决hexo引入图床,防盗链破解
Valine评论系统添加邮件提醒
Valine 评论系统的扩展和增强
hexo + next8.0开启Valine评论系统及添加留言板功能
为hexo next8.0主题添加一个可以切换的黑色/夜间模式
Hexo博客提交百度收录SEO

喜欢这篇文章?打赏一下作者吧!

欢迎关注我的其它发布渠道