1.什么是 Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
2. 准备工作
- 安装NodeJs(NodeJs可以使用解压安装的方式)
- 创建Github账号
- 在本地安装Git
- 在GitHub配置本地SSH公钥
3. 安装Hexo
3.1 下载Hexo
在磁盘上创建文件夹,如 E:\笔记\博客\GiteePages
,将博客相关文件保存到该目录下,在该目录下打开Git命令行,使用下面两条命令进行安装。两条命令的含义分别是:
- npm 全局安装 hexo-cli
- npm 全局安装 hexo-deployer-git,使用git来发布hexo
npm install hexo-cli -g
npm install hexo-deployer-git --save
3.2 Hexo 初始化
在当前目录下新建 Hexo 文件夹,即 E:\笔记\博客\GiteePages\Hexo
,并进入该文件夹,执行如下命令初始化 hexo,hexo 的初始化需要在一个干净的目录下
hexo init
Hexo 安装完成后,当前目录下新建所需要的文件,Hexo 文件夹内容如下:
3.3 本地查看效果
在 Hexo 目录下打开命令行,使用如下命令生成静态资源文件,并启动 hexo server。然后可以通过 http://localhost:4000 进行访问
hexo generate
hexo server
hexo server 启动成功后,会显示如下信息
E:\笔记\博客\GithubPages\Hexo>hexo server
INFO Validating config
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
访问 http://localhost:4000/ 查看效果:
4. 在 Github Pages 上部署 Hexo
本地的 Hexo 博客已经安装成功了,如果需要让博客被其他人访问到,可以部署到 Github Pages 或者 云服务器上。这里先将它部署到 Github Pages。
4.1 在Github创建仓库
在 Github 上创建仓库,在创建时按照如下步骤,需要指定仓库名并勾选 readme 初始化
4.2 将Hexo推送到Github仓库
复制仓库地址,使用SSH协议
将仓库地址配置到Hexo中
在 Hexo 目录下,有一个
_config.yml
的配置文件,里面保存了 Hexo 相关的配置信息。找了 deploy 配置项,按照如下方式进行配置
推送Hexo文件到Github
使用如下命令生成 hexo 文件,并推送到 Github
hexo g hexo d
或者直接执行
hexo g -d
访问博客
推送成功后,可以通过 https://<username>.github.io 进行访问,比如: https://soulballad.github.io/