搭建基于github的个人博客(hexo+github)

为获得更好的观看体验，请到我的博客

1.简介

GitHub 是一个面向开源及私有软件项目的托管平台

Hexo是一个快速、简洁且高效的博客框架

将这两者结合，我们就能得到一个免费博客

2.准备

分别登陆Node.js平台（建议下载LTS版）

和Git官网下载对应软件

在Git Bash中运行如下命令以检查，如图所示即安装成功

git version
npm -v

3.搭建

3.1搭建本地博客

在桌面新建一个文件夹，作为博客的本地目录

右键文件夹，选择 “Git Bash Here”

在弹出界面中输入如下指令

npm install hexo-cli -g
hexo init

不出意外文件夹中应生成如下目录

.
├── _config.yml # 配置文件 
├── package.json
├── scaffolds # 模版文件夹
├── source  # 资源文件夹
└── themes  # 主题文件夹

此时说明安装成功

运行命令

hexo s

在浏览器内输入

localhost:4000

至此，本地博客已搭建成功

3.2Github设置

登陆github官网，注册账号

新建一个仓库，如图设置

3.3配置SSH

在命令行中输入如下内容

git config --global user.name "github用户名"
git config --global user.email "github注册时的邮箱地址"
ssh-keygen -t rsa -C "邮箱"

然后连按三次Enter键

查看C:\Users\你的用户名\.ssh\id_rsa.pub，即为SSH密钥

登陆Github，进入设置页面

按照图示进入SSH配置界面

Title随便填，Key就是文件中的那一串

SSH配置完成，开始部署

3.4部署到Github

打开如下文件

C:\Users\你的用户名\Desktop\Myblog\_config.yml

拖动到末尾部分，按照图片填写

代码：

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo:
    github: https://github.com/你的用户名/你的用户名.github.io.git
  branch: master

然后安装插件

npm install hexo-deployer-git --save

最后执行以下命令便大功告成了！

hexo g -d

4.结语

码字不易，如果有所收获的话可以关注下我的B站和知乎账号哟(〃‘▽’〃)

最后安利一波我的博客(￣▽￣)~*

5.参考资料

超详细Hexo+Github Page搭建技术博客教程【持续更新】

使用hexo+github搭建个人博客(进阶篇)