在gitee部署hexo
前言
经过查阅资料和教程视频,终于建成了基于gitee部署的博客hexo,并且使用了Butterfly模板
所需的软件和平台
必须的软件:
NODE.JS 用于编译文件
GIT (用于推送到gitee仓库)
VISUAL STUDIO CODE (用于修改配置文件)
TYPORA (用于编写MD超文本)
gitee必须先打开page服务,需要先进行实名认证,打开方法请百度!
以上软件若你下载速度慢,可以在百度搜索阿里国内镜像下载!
框架或平台
安装说明
node.js和Typora安装
百度搜索下载安装即可!
Git安装
它安装的时候选项挺多的,而且还都是英语,看不懂的话就全部选 next 就行了。
VsCode安装
百度下载安装好之后默认是英文界面,可以在插件市场里搜索chinese,然后安装之后重启软件,就是中文版了。
ps:以上软件均在官网下载或者阿里镜像下载,其他链接可能含有病毒!
检验是否成功安装
打开git或者cmd运行以下命令
node.js 的检查
node -v
npm的检查
npm -v
Git 的检查
git --version
以上有显示版本号,则说明安装成功
HEXO的安装
安装之前可以先设置一下淘宝镜像加速器
npm install -g cnpm --registry=https://registry.npm.taobao.org
全局安装框架
npm install hexo-cli -g
创建你的博客目录
hexo init 你博客的文件夹名字
进入你博客的目录
cd 你博客的文件夹名字
复制文件到你博客的目录
npm install
安装Hexo部署插件
请在你博客的目录下启动cmd,再执行以下代码
npm install hexo-deployer-git --save
GIT的配置
打开cmd
设置用户名称
git config --global user.name "用户名"
设置用户邮箱
git config --global user.email "用户邮箱"
生成密钥
ssh-keygen -t rsa -C "用户邮箱"
以上代码执行之后,会让你设置密码,推荐全都不要设置,直接连按三次回车键。
博客 _CONFIG.YML 文件的配置
打开你博客根目录的 _config.yml 文件,将一下信息添加到里面去。
1 | deploy: |
【注意区分】你博客根目录的 _config.yml 文件,和主题根目录的 _config.yml 文件!
HEXO常用代码
清理缓存
hexo cl
hexo cl 是 hexo clean 的简写
生成静态页面
hexo g
hexo g 是 hexo generate 的简写
在本地映射(预览)
hexo s
hexo s 是 hexo server 的简写
部署推送
hexo d
hexo d 是 hexo deploy 的简写
以上连写示例一(清理缓存 + 生成静态页面 + 在本地预览)
hexo cl && hexo g && hexo s
以上连写示例二(清理缓存 + 生成静态页面 + 部署推送)
hexo cl && hexo g && hexo d
注意:每次推送后需要更新pages服务!否则gitee页面不会在你推送后立即生效!
修改主题模板
在hexo主题下载网站搜索Butterfly主题,下载后解压到theme根目录并修改_config.yml配置文件中的theme为你主题的文件名
Butterfly配置
教程到这里就结束了