Tian Jiale's Blog

快速搭建 Hexo 个人博客并部署至 GitHub

准备环境

安装 Git

sudo apt install git-core -y

安装 Node.js

使用以下命令安装 Node.js

wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

更新一下

source ~/.profile

安装 Node.js

nvm install stable

安装 Hexo

安装 cnpm

使用以下命令安装 cnpm

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

安装 hexo-cli

用命令创建 hexo 文件夹

mkdir hexo

用命令安装 hexo

cnpm install -g hexo-cli

初始化 hexo

cd hexo/
hexo init

测试安装成功

打开 hexo 服务

hexo server

打开浏览器访问 http://localhost:4000/ 即可看到搭建成功的博客页面

将博客部署到 GitHub

如果没有 GitHub 账户的先去注册,有 GitHub 账户的直接下一步

去注册 GitHub 账户

设置 user.name 和 user.email

把以下命令中的 “Your user.name” 和 “You user.email” 换成自己的

git config --global user.name "Your user.name"
git config --global user.email "You user.email"

生成 ssh 密匙

user.email 就是自己注册 GitHub 的邮箱

ssh-keygen -t rsa -C user.email

下面要输入要保存到的路径(Windows 为用户目录)

/home/ubuntu/.ssh/id_rsa

然后直接回车回车

查看 ssh 密匙

打开

  • id_rsa.pub

在 GitHub 账户下添加 SSH key

去 GitHub 添加 SSH key

创建 GitHub 仓库

命名格式为"账户的 userName".github.io 例如 : zhangsan.github.io 去创建 GitHub 仓库

修改 hexo 配置

打开 hexo 配置文件

  • _config.yml

修改对应部分

deploy:
  type: git
  repo: git@github.com:(BoView)/(BoView).github.io.git #括号里面换成自己的用户名和仓库名,去掉括号
  branch: master

保存一下

测试并部署

清空静态页面

hexo clean

生成静态页面

hexo g

将 public 文件内容部署到 github 仓库

hexo d

如果部署遇到错误的时候,先运行下面这条命令

npm install hexo-deployer-git --save

然后重新部署一下

hexo d

此时可以打开浏览器访问 userName.github.io (GitHub 仓库名) 即可以访问到搭建的博客页面

绑定域名

添加解析记录

  • 如果想通过域名访问的就继续,前提是要有自己的域名,要是通过上面的仓库名可以访问就满足的可以跳过这一步
  • 去自己的域名下添加解析记录类型为 CNAME 主机记录为@ 线路选择默认,TTL 选择 600,记录值为 github 的仓库名 userName.github.io

配置 hexo

创建 CNAME 配置文件

touch ~/hexo/source/CNAME

CNAME 文件 下添加刚才解析的域名 例如: zhangsan.com

然后重新部署一下

hexo g
hexo d

Hexo 博客已搭建完成

可将 markdown 文件放置到 ./source/_posts/ 中即可部署自己的文章页面

另外,可以在文件夹 themes 中添加博客主题,然后修改 _config.yml 文件中的 theme 为主题文件夹名,即可使用新的主题部署自己的博客

更多的博客主题见 点击