安装Node.js和Hexo

因为Hexo需要Node.js生成,所以先安装Node.js

1
2
3
brew install node 
node -v
npm -v #包管理器

安装hexo (全局安装可能需要管理员权限,npm前加sudo)

1
2
npm install hexo-cli -g
hexo -v

使用hexo生成博客

首先创建一个空的文件夹用于生成博客

1
2
pwd #显示当前工作目录
mkdir blog

初始化(initialization)一个博客

1
2
cd blog #切换目录到blog
hexo init #初始化博客

启动博客

1
hexo s #在本地服务器server启动博客

创建第一篇博客文章

1
2
3
4
5
hexo n "我的第一篇博客文章"
vim 我的第一篇博客文章.md #使用markdown语法添加内容
hexo clean #清除Hexo生成的临时数据(文件和缓存)
hexo g #生成generate网页静态文件,将网页源文件(markdown文件、模版和相关配置文件)转换成静态的HTML文件以及相关的CSS和JS文件
hexo s #运行服务器

将博客部署到GitHub

在Github上创建仓库,用户部署个人博客的GitHub仓库的命名必须符合规范:wcy18(用户名).github.io
接着在blog目录安装Git部署插件

1
npm install --save hexo-deployer-git

编辑_config.yml文件

1
vim _config.yml
1
2
3
4
5
#按以下格式编辑,repo的地址在Github个人博客仓库HTTPS
deploy:
type: 'git'
repo: https://github.com/wcy18/wcy18.github.io.git
branch: master

部署到远端

1
hexo d #部署推送deploy到远端

注意:输入密码时如果输的是Github账户密码会报错:鉴权失败。这里需要输入GitHub个人密钥PAT(Personal access tokens),在主页的开发者设置里生成,可以设置权限和时长,记得截图保存

注意:部署完进入GitHub主页更新仓库才会立即更新博客网页,使用command+shift+R强制刷新浏览器也可以解决部署完网页未发生变化或者出现404报错的问题