前言

经过查阅资料和教程视频,终于建成了基于gitee部署的博客hexo,并且使用了Butterfly模板

所需的软件和平台

必须的软件:

NODE.JS 用于编译文件
GIT (用于推送到gitee仓库)
VISUAL STUDIO CODE (用于修改配置文件)
TYPORA (用于编写MD超文本)
gitee必须先打开page服务,需要先进行实名认证,打开方法请百度!

以上软件若你下载速度慢,可以在百度搜索阿里国内镜像下载!

框架或平台

HEXO
GITEE (码云)

安装说明

node.js和Typora安装

百度搜索下载安装即可!

Git安装

它安装的时候选项挺多的,而且还都是英语,看不懂的话就全部选 next 就行了。

VsCode安装

百度下载安装好之后默认是英文界面,可以在插件市场里搜索chinese,然后安装之后重启软件,就是中文版了。

ps:以上软件均在官网下载或者阿里镜像下载,其他链接可能含有病毒!

检验是否成功安装

打开git或者cmd运行以下命令

node.js 的检查

1
node -v

npm的检查

1
npm -v

Git 的检查

1
git --version

以上有显示版本号,则说明安装成功

HEXO的安装

安装之前可以先设置一下淘宝镜像加速器

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

全局安装框架

1
npm install hexo-cli -g

创建你的博客目录

1
hexo init 你博客的文件夹名字

进入你博客的目录

1
cd 你博客的文件夹名字

复制文件到你博客的目录

1
npm install

安装Hexo部署插件

请在你博客的目录下启动cmd,再执行以下代码

1
npm install hexo-deployer-git --save

GIT的配置

打开cmd

设置用户名称

1
git config --global user.name "用户名"

设置用户邮箱

1
git config --global user.email "用户邮箱"

生成密钥

1
ssh-keygen -t rsa -C "用户邮箱"

以上代码执行之后,会让你设置密码,推荐全都不要设置,直接连按三次回车键。

博客 _CONFIG.YML 文件的配置

打开你博客根目录的 _config.yml 文件,将一下信息添加到里面去。

1
2
3
4
deploy:
type: git
repo: https://gitee.com/hcllmsx/hcllmsx.git #替换成你自己仓库的HTTP URL地址
branch: master

【注意区分】你博客根目录的 _config.yml 文件,和主题根目录的 _config.yml 文件!

HEXO常用代码

清理缓存

1
hexo cl

hexo cl 是 hexo clean 的简写

生成静态页面

1
hexo g

hexo g 是 hexo generate 的简写

在本地映射(预览)

1
hexo s

hexo s 是 hexo server 的简写

部署推送

1
hexo d

hexo d 是 hexo deploy 的简写

以上连写示例一(清理缓存 + 生成静态页面 + 在本地预览)

1
hexo cl && hexo g && hexo s

以上连写示例二(清理缓存 + 生成静态页面 + 部署推送)

1
hexo cl && hexo g && hexo d

注意:每次推送后需要更新pages服务!否则gitee页面不会在你推送后立即生效!

修改主题模板

在hexo主题下载网站搜索Butterfly主题,下载后解压到theme根目录并修改_config.yml配置文件中的theme为你主题的文件名

Butterfly配置

请参考Butterfly官网配置文档

教程到这里就结束了,感谢观看!