使用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
发布出现了问题。
所以用npx
让hexo
运行在12.*版本上
- 先用
npm view node version
查看一下node
的历史版本,选一个旧一点点的版本号 - 在当前目录环境下,安装
node
依赖包npm install node@12.21.0 -D
- 就可以每次发布的时候
npx hexo d -g
使用当前文件夹下的node
环境 - 懒人当然在
package.json
中定义一下scripts
这样可以避免忘记使用npx
了
更新
版本升级:https://novnan.github.io/Hexo/update_hexo/
进入 theme/next 目录,执行 git pull 。
主题更新: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
根据官方文档进行主题配置,还有更多的其他hexo相关的主题