【个人博客网站】从零开始搭建博客网站(一):本地配置

本文最后更新于 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)

【个人博客网站】从零开始搭建博客网站(二):博客部署
【白夜极光】免加速游戏教程,使用直连速度起飞