使用 Github 搭建 Hexo 博客(一)

Hexo 简介

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

准备工作

  • Github 账号 官网
  • 本地 Node.js,npm(安装 Node 自带)环境 官网
  • 本地 Git 环境 官网

本教程是在 Mac 环境下完成的。Hexo 官方文档

安装

Github 操作

  • 到 Github 上新建项目,右上角 + 号 -> New Repository,
  • Repository name 填写 yourname.github.io,yourname 是你的用户名,例如:paynezhuang.github.io
  • 勾选 Initialize this repository with a README

本地操作

  • 下载安装 Hexo ,执行命令:
1
npm install hexo-cli -g
  • 为了后续发布到 Github 中,我们同时也安装:hexo-deployer-git
1
npm install hexo-deployer-git --save
  • 安装完了,可以 hexo -v 查看版本
  • 创建一个文件夹,例如 hexo
  • 进入文件夹中进行初始化
1
hexo init

初始化完了以后,我们本地测试下是否搭建成功,运行后访问:http://localhost:4000

1
hexo s

同步到 Github

打开刚刚创建的 hexo 文件夹,找到 _config.yml 配置文件,找到 deploy:
原:

1
2
deploy:
type:

修改如下:

1
2
3
4
deploy:
type: git
repository: https://github.com/paynezhuang/paynezhuang.github.io.git
branch: master

本地生成网站

1
hexo g

推送同步到 Github 中

1
hexo d

访问网站

此时,打开浏览器,访问 https://paynezhuang.github.io
15521285587921