Hexo+Git+Node.js+GitHub Pages+Coding Pages搭建博客

利用Hexo+Git+Node.js+GitHub Pages+Coding Pages刚刚搭建完个人博客，记录一下搭建过程，方便以后查看，有任何问题都可以在下方评论区留言。

前期准备

Hexo博客搭建完成后需要部署于GitHub Pages及Coding Pages上，所以先注册好GitHub及Coding的账号。

Git

点击进入Git官网，点击Downloads，下载对应自己操作系统的Git版本，并进行安装。

image

• 测试Git是否安装成功

# 打开cmd
git --version

• 配置Git用户信息

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

• 生成ssh密钥文件

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

回车，Windows下可以在C:\Users\Administrator.ssh路径下找到.pub公钥

• GitHub配置公钥
  进入你的GitHub，点击Settings\SSH and GPG keys，点击New SSH key，将刚才生成的.pub文件内容全部复制进Key栏中，Title栏可以相应取名，测试一下是否配置成功

ssh [email protected] 

• Coding配置公钥
  Coding配置公钥与GitHub差不多。测试一下是否配置成功

ssh -T [email protected]

Node.js

点击进入node官网，点击DOWNLOADS，下载对应自己操作系统的Node.js版本，并进行安装。

image

• 测试安装是否成功

# 打开cmd
node -v
npm -v

• 更换npm安装源

# 淘宝源
npm config set registry https://registry.npm.taobao.org
# 打开cmd，测试是否更换成功
npm config get registry

Hexo

点击进入Hexo官网，查看Hexo安装教程。

# 新建文件夹Blog，打开cmd
cd Blog
npm install hexo-cli -g
hexo init blog
cd blog
hexo g
hexo d

Ok，恭喜你，hexo博客搭建成功！

Hello World

这是Hexo博客的初始主题landscape，可以更换为其他主题，其他Hexo指令可以到官网Getting Started查看。

同时部署到GitHub和Coding

• 修改站点配置文件_config.yml，关联GitHub及Coding

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: 
    github: [email protected]:username/username.github.io.git
    coding: [email protected]:username/username.git
  branch: master

• 安装git插件

npm install hexo-deployer-git --save

• 测试一下是否可以部署成功

hexo g
hexo d

出现INFO Deploy done: git说明部署成功，可以打开GitHub及Coding相应repo查看！

NexT主题配置

参考文献

1. GitHub+Hexo 搭建个人网站详细教程