本文最后更新于 about 2 years ago,文中所描述的信息可能已发生改变。
TIP提示
本篇教程为网站重建后重写
以Hexo框架以及Butterfly主题为例
环境配置
工具下载
Git
进入Git官网,下载好Git
Node.js
进入Node.js官网下载Node.js,也可进入中文站下载Node.js
VSCode
进入VSCode官网,下载VSCode
Hexo脚手架安装
新建文件夹,VSCode中打开,打开终端输入以下命令
shell
npm install -g hexo-cli
Hexo本地配置
Hexo安装
VSCode中在打开的项目文件夹中,输入以下命令
shell
hexo init
下载依赖
shell
npm install
Butterfly主题安装
稳定版【推荐】
在你的 Hexo 根目录里
shell
GitHub: git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
或
Gitee: git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly
shell
npm i hexo-theme-butterfly
WARNING注意
npm 安装只支持 Hexo 5.0.0 以上版本
通过 npm 安装并不会在 themes 里生成主题文件夹,而是在 node_modules 里生成
TIP提示
npm 安装升级方法:在主题目录下,运行npm update hexo-theme-butterfly
测试版
WARNING注意
测试版可能存在 bug,追求稳定的请安装稳定版
如果想要安装比较新的 dev 分支,可以
shell
GitHub: git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
或
Gitee: git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
TIP提示
升级方法:在主题目录下,运行git pull
安装插件
shell
npm install
npm install hexo-renderer-pug hexo-renderer-stylus --save
npm install hexo-deployer-git --save
主题修改
修改根目录下的_config.yml
,把主题改为butterfly
yaml
theme: butterfly
建议
在根目录创建一个文件_config.butterfly.yml
,并把主题目录的_config.yml
内容复制到_config.butterfly.yml
去。(注意: 复制的是主题的_config.yml
,而不是hexo的_config.yml
)