利用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 git@github.com
- Coding配置公钥
Coding配置公钥与GitHub差不多。测试一下是否配置成功
ssh -T git@git.coding.net
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: git@github.com:username/username.github.io.git
coding: git@git.coding.net:username/username.git
branch: master
- 安装git插件
npm install hexo-deployer-git --save
- 测试一下是否可以部署成功
hexo g
hexo d
出现INFO Deploy done: git说明部署成功,可以打开GitHub及Coding相应repo查看!