如何在GitHub上搭建属于自己的博客

最近在学习机器学习查阅资料的时候，看到几个大佬写的博客，羡煞我也，自己也想搭建一个，过程有点艰辛，现在搭建成功后，想把搭建过程写下来，作为我的第一篇博客，没有前端和后端经验的小白也能看的懂哦！

一、简介

Hexo

Hexo是一个开源的静态博客框架,基于node.js开发,作者是台湾大学生tommy351。

Github

GitHub相当于程序员的知网啦，在GitHub，用户可以十分轻易地找到海量的开源代码。

GitHub Pages

GitHub Pages可以理解为用户编写的、托管在github上的静态网页，你只需将你的改动提交到Github，就可以实现更改你的网页。

二、搭建环境

安装Node

软件在官网下载即可安装Node的过程很简单，基本上一路点默认就行了，文件路径想改的可以改一下。

安装Git

Git可是个好东西，代码托管、团队协作都离不开它。安装过程也并不复杂，几乎一路默认就好了，不过其中也有一些要注意的地方，不过一直按默认安装也没有什么问题。

三、环境配置

创建文件夹

在电脑某一磁盘内创建一个文件夹（文件夹必须是空的，名字随便，但最好能见名知意哈，比如blog）本文用blog文件夹进行演示。

初始化Hexo

进入blog文件夹，右击鼠标，选择Git Brash Here 命令，弹出命令框输入以下命令:

hexo init

等待Hexo进行初始化（如果过程比较久，就终止一下，然后把blog文件夹里缓存的东西删光，重新执行初始化命令）。

启动Hexo

仍是在blog文件夹下，在命令窗口输入：

hexo s

这时在浏览器输入：默认网址，可以在本地查看你的博文啦！

创建自己的博客

在命令窗口，输入ctrl+c,断开连接，然后输入命令：

hexo n '我的第一篇博客'

这时候，你的第一篇博客就创建成功了！它默认在‘ G:\Blog\source_posts ’位置（你的可能不同），接下来我们就可以愉快的用MarkDown编辑自己的博客啦！我们用VScode或者Jupyter打开它，输入命令：

## 第一章
    内容
## 第二章
    内容  
## 第三章
    结束语

查看博客

仍是blog文件夹的命令面板输入命令行:
清理

hexo clean

生成

hexo g

启动

hexo s

此时刷新刚才的界面，发现内容已经传入啦！

四、GitHub设置

登录

登录GitHub,不用GitHub的话，你也可以自己买域名创建博客，但白嫖不爽吗？没有账号的自己创建一个。

部署

新建一个仓库，仓库名必须为：[你的昵称].github.io,这个很重要。描述信息可写可不可。

本地部署

回到blog文件夹下的控制面板，我们点击ctrl+c,将本地服务终止，然后输入以下命令：

npm install hexo-deployer-git --save

这是一个插件，用它来连接Github。

配置文件

在文件夹blog里，找到配置文件_config.yml，我们打开它，拉到代码最下面，进行配置：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  # 这里根据自己的改，把siwuxei改成你的昵称
  repo: https://github.com/siwuxei/siwuxei.github.io.git 
  branch: master

同步至远端（GitHub）

输入命令：

hexo d

期间会让你进行输入github的账号和密码，至此，网站静态部署结束啦！此时你可以访问：[你的昵称].github.io啦！

五、Hexo主题的使用

主题选择

Hexo上有许多主题进行使用，我比较喜欢精简的主义的，写博客让人看的，搞些花里胡哨的不太好，个人推荐Yilia和Next，连接中都有教程，我这里以next举例,仍在blog文件夹里右键启动命令面板，输入：

git clone https://github.com/iissnan/hexo-theme-next themes/next

国内没有梯子比较慢，请耐心等待。
然后，在blog文件夹下修改_config.yml文件，将theme名字改为next

theme: next

配置完成

同步GitHub

在控制面板输入

hexo d

即可同步至github上面去了，但你立即登录可能还看不到效果，github进行自动配置需要时间，通常不会太久。

六、图床

没有写博客前我都不知道有这东西，图床重要用于在写博客时，便于插入图片（若用网上的公共图片，随时可能失效），推荐路过图床,空间无限，但传入图片<10M,基本够用，当然你如果还不满意，可以利用GitHub自己搭建一个图床。步骤如下：
1、添加博客图片专用Repository，如BlogImages，这样有利于维护；
2、发布博客前，将博客中用到的图片push到BlogImages；
3、从Github里获取图片地址，如何获取我想你会的；

# 注意将地址中的blob替换为raw，必须替换，否则无法显示图片
“https://github.com/ConnorLin/BlogImages/blob/master/2016:04:02/hexo_server.png”  
改为  
“https://github.com/ConnorLin/BlogImages/raw/master/2016:04:02/hexo_server.png”

好啦，至此你的个人博客就搭建完了，Enjoy it！

打赏