HEXO+Git+Github+域名搭建个人博客

搭建个人博客可以分为以下五个部分

一、搭建本地环境（个人为Win10）

1、安装Git，下载地址：点击

下载后，按提示进行安装即可，作用是：把本地的内容提交到github上去

注意：官网下载速度不是很快，可以去其他地方搜索相关资源。

2、安装Node，下载地址：点击

按顺序安装即可

3、安装Hexo

Node和Git都安装好后,创建一个文件夹,如blog,用于存放后期用到的所有的hexo文件。

在blog文件夹中右键，选择git bash here，打开窗口，输入：

npm install hexo-cli -g

然后输入

npm install hexo --save

待安装完成后，输入一下代码，用来查看版本

hexo -v

然后执行init命令初始化hexo,命令：

hexo init

至此，全部安装工作已经完成！

接下来，执行以下代码，用来生成服务，然后在本地访问。

hexo g

hexo s

执行后，会出现代码如图：

在浏览器中输入http://localhost:4000/ ，可以访问即表示本地hexo发布成功。

二、搭建GitHub环境

1、在GitHub官方注册账号

2、New repository

此处，注意Owner的名称与repository的前半部分必须一致，例如：

3、开启GitHub pages

打开这个库的setting页面，找到GitHub Pages，创建即可，创建成功后，便可以通过浏览器访问owner.github.io

三、将本地Hexo与github page 联系起来

1、配置Git个人信息

 git config --system user.name "yourusername"

 git config --system user.email "youremail@163.com"

运行截图如下：

2、配置Deployment

在_config.yml文件中找到deployment，然后配置如下：

 deploy:

   type: git

   repo:git@github.com:githubname/githubname.github.io.git

   branch: master

注意：内容一定要保证无空格，否则会报错；

3、发布到Github

输入如下命令：hexo clean && hexo g && hexo d；

也可以分三步：

 hexo clean

 hexo generate

 hexo deploy

在执行deploy中，会弹出输入框如下，分别输入在GitHub上的账号密码即可；

这样就实现了本地与GitHub的连接，当然也可以通过SSH Keys方式。两种方式都可以~

四、域名关联GitHub

1、域名可以前往相关网站购买，我是在阿里云上购买的，购买成功后，将域名进行解析，如图

其中记录类型选择CNAME，记录值填写GitHub的仓库。域名解析是需要时间的，不要急于操作。

2、在blog中的public文件夹中创建CNAME，不带任何后缀名的文件;文件中填写上你的域名，不要写www

如图：

然后执行hexo d命令发布到GitHub上去，会在仓库中看到该文件，如图：

然后再去settings下面的pages中看到如下图

这样就可以通过域名访问博客了。

五、Hexo的部分使用介绍

hexo官网

无论是设置文章内容还是整体样式等，一定要注意一点：key和value值之间一定要有空格，否则会报错。

六、个人感觉不错的HEXO主题

所有主题列表

1、leopard

2、NexT

3、yilia

个人博客地址：http://dreamice.top/