hexo的使用技巧

总结一下hexo的使用技巧

首页展示折叠

在需要折叠的地方添加 ``

指令

指令集

• hexo g = hexo generate // 生成

• hexo d = hexo deploy // 部署

• hexo s = hexo server // 运行服务器

• hexo new post "article title" //新建文章

头像设置

参考：设置侧边栏头像

文章中插入图片

使用markdown写文章，插入图片的格式为![图片名称](链接地址)，这里要说的是链接地址怎么写。对于hexo，有两种方式：

1. 使用本地路径：在hexo/source目录下新建一个img文件夹，将图片放入该文件夹下，插入图片时链接即为/img/图片名称。

2. 使用微博图床，地址http://weibotuchuang.sinaapp.com/，将图片拖入区域中，会生成图片的URL，这就是链接地址

分页设置

在配置站点配置文件中添加:

index_generator:
  per_page: 5

archive_generator:
  per_page: 20
  yearly: true
  monthly: true

tag_generator:
  per_page: 10

分别是主页、归档和标签的页数。如果部署失败就先执行 $ npm i --save ，参考：首页分页和归档分页不同是如何做到的

新建自定义标签

在项目目录执行 hexo new page ${PAGE_NAME} ，在主题配置文件中增加以PAGE_NAME为名的menu，会在${blog_path}\source\文件夹下面生成对应PAGE_NAME名的文件夹，文件中有个index.md文件就是了，只要在写作的md文件头部加上PAGE_NAME就可以了，参考tag，categories...的创建，汉化：在 languages/zh-Hans.yml 文件的menu下面新增PAGE_NAME并汉化。

参考：创建分类页面

字体大小更改

在${Blog}\themes\next\source\css\_variables\custom.styl文件里面添加：

$font-size-base           = 16px
$code-font-size           = 14px

参考：next-常见问题

修改代码字体大小后，在火狐浏览器上变得惨不忍睹（缩成一团），修改${Blog}\themes\next\source\css\_variables\base.styl文件下的

$line-height-code-block = 1.5

原值是1.6。好多问题在next的issue下面都有讨论的。有可能是code字体每增大1，line-height-code-block的值减小0.1，未验证。

生成默认带有categories的模板

使用hexo new ${post_title}生成模板时通常只有title,date,tags三个标签，想要加标签的话就在${blog_path}\scaffolds\post.md文件中添加一个标签就可以了。

菜单栏排序

在主题配置文件中找到menu配置块，调整顺序即可。

侧边栏默认显示与否配置

在主题配置文件中，找到sidebar块，配置display。

网站图标设置

在主题配置文件中配置favicon，配置为favicon: /images/favicon.ico，把图标文件favicon.ico放到${blog}\images\文件夹下即可。

头像设置

在主题配置文件中配置avatar为avatar: /images/avatar3.jpg或者一个链接的地址，然后在主题目录下的images文件夹下面放置头像jpg文件。

参考：

NexT文档

NexT项目地址

Hexo中文文档

如何在一天之内搭建以你自己名字为域名且具备cool属性的个人博客