个人博客网站搭建(2) | 初始网站的建立

在上一篇文章 个人博客网站搭建(1) | 相关软件环境的准备 ，介绍了搭建个人博客网站的相关软件环境的准备，下面，主要介绍

个人博客网站搭建(2) | 初始网站的建立

安装hexo

由于node自带的npm安装起东西来是非常慢的，因此，我们先来安装淘宝镜像源。右键打开Git Bush Here
输入命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后我们就可以安装hexo了
输入命令：

cnpm install -g hexo-cli

由于我已经安装了hexo，因此这里出现的如下更新界面

检测是否安装成功，输入命令

hexo -v

出现版本信息则表示安装成功

初始化hexo

在自己的电脑上，建立一个文件夹，至于建在哪里，自己定，好找就行，命名也自己定。在这里，我建在桌面上，命名为bolg。
点击进入bolg文件夹，然后鼠标右键打开Git Bush Here，输入命令

hexo init

出现如下界面

同时在bolg目录下出现如下界面，则表示初始化成功

这时我们就可以输入命令

hexo s

复制 http://localhost:4000 ，这时，我们就可以随便找一个浏览器进行预览了。预览效果如下

配置github

首先需要注册一个github账户，这个就不需要给大家说了吧。然后新建一个仓库，命名为 自己的账户名+.github.io，例如，我的账户名是wang-xiao-ze，我就命名为wang-xiao-ze.github.io

然后就是配置SSH公钥。这个我就在这里不展开详细说了，网上方法有很多很多，请大家自行查看。

部署到github

首先需要在bolg目录下安装一个hexo部署插件，输入命令

cnpm install --save hexo-deployer-git

然后选择一个合适IDE打开bolg目录下的config.yml文件，这里我极力推荐VScode，至于VScode 的安装及配置我打算以后专门写一篇文章来讲一下，这里就不展开了。打开后，直接翻到最后，找到如下代码

在type后面加git，然后换行添加代码

repo:这里是自己在giuhub新建好仓库的SSH链接

然后在换行添加代码

branch:master

换好以后，点击保存，以我的为例，换好完整代码如下：

然后我们就可以将网站部署到github上了！
在bolg目录下鼠标右键打开Git Bush Here，输入命令

hexo d

出现如下界面，则表示部署成功。(这部分可能会出现错误，小伙伴实践时遇到问题再联系我哈，具体问题具体对待)

到此为止，我们已经把刚建好的网站部署到github上了，此时我们就可以直接用我们的仓库名访问我们的网站了。这里以我的为例，我的仓库名是
wang-xiao-ze.github.io，随便找个浏览器打开。我的界面可能与大家的不太一样，原因是我已经加了其他功能了，具体教程会在以后推出，大家拭目以待哈。

总结

到此为止，个人博客网站搭建(2) | 初始网站的建立就算介绍完了，问题还有很多，欢迎各位小伙伴转发讨论，但请注明来源哦。各位如果想讨论，或想咨询，请给本人留言或联系本人。欢迎关注本人微信公众号。