使用Hexo

hexo 官方指南:https://hexo.io/zh-cn/docs/

安装初始化Hexo

npm install hexo -g

如果安装出现错误,请使用cnpm进行尝试,
安装后,输入hexo -v 检查安装是否成功,
安装成功后,输入hexo init进行初始化,
输入npm install安装所需要的组件,如果失败请使用cnpm install进行尝试,
生成静态文件,输入hexo g(是命令hexo generate缩写),
和线上的github相关联后,新增一篇博客hexo new post '博客名'
安装插件,npm install hexo-deployer-git --save

编辑好文章后就可以进行发布部署了,hexo d -g

清除缓存hexo clean

本地启动Hexo服务

hexo s # hexo server

是命令hexo server的缩写
默认启用4000端口号,修改端口号

hexo server -p 5000

新建页面

新建文章
hexo new "new post"
新建文章分类页面
hexo new page categories

配置categories页面,进入到刚才生成的categories/index.md文件中

title: 分类
date: 2018-04-25 22:34:08
type: "categories"

设置每篇博客的categories

categories: xxx
新建文章标签页面
hexo new page tags

配置tags页面,进入到刚才生成的tags/index.md文件中

title: 标签
date: 2018-04-25 22:34:08
type: "tags"

在文章中设置标签

tags:[xxx,xx,x]

部署

hexo deploy --简写 hexo d
兼容node14.*版本

当前时间是2021年4月,升级了一下node版本到14.*,结果hexo发布出现了问题。

所以用npxhexo运行在12.*版本上

  1. 先用 npm view node version 查看一下 node 的历史版本,选一个旧一点点的版本号
  2. 在当前目录环境下,安装node依赖包 npm install node@12.21.0 -D
  3. 就可以每次发布的时候 npx hexo d -g 使用当前文件夹下的node环境
  4. 懒人当然在 package.json 中定义一下 scripts 这样可以避免忘记使用npx

更新

版本升级:https://novnan.github.io/Hexo/update_hexo/

进入 theme/next 目录,执行 git pull 。

冲突解决:https://stackoverflow.com/questions/15745045/how-do-i-resolve-git-saying-commit-your-changes-or-stash-them-before-you-can-me/15745424#15745424

主题更新:https://theme-next.js.org/docs/getting-started/upgrade.html

设置

置顶

使用插件:https://github.com/netcan/hexo-generator-index-pin-top

字数统计 & 阅读时长

https://github.com/theme-next/hexo-symbols-count-time

深色模式

https://github.com/sandoche/Darkmode.js

https://haomingzhang.com/hexo_3/

提交日历

https://github.com/theme-next/theme-next-calendar

静态图片插入

https://github.com/xcodebuild/hexo-asset-image

更多

可以参考更多设置:

https://siriusq.top/Next%E5%8D%87%E7%BA%A7-Mac%E8%BF%81%E7%A7%BB.html

https://tding.top/archives/567debe0.html

https://hexo-next.readthedocs.io/zh_CN/latest/

美化界面

安装主题NexT

NexT官方文档

根据官方文档进行主题配置,还有更多的其他hexo相关的主题