结合hexo在GitHub上搭建我的博客——全过程

 

刚花了几个小时在GitHub上搭建了本身的博客，出了雏形，由于也是新手，因此想记录下本身搭建的过程，也能够给新手小白们当个参考。若是有错误的地方，欢迎指出！

首先，放出雏形图~~~~~，有点丑，还没来得及完善！

　　

 

啦啦啦，回归正题，想搭建一个这样的博客，须要哪些步骤呢？

1.  首先，得在GitHub上有个本身的仓库。

　　莫嫌我啰嗦，先简单说一下，GitHub是一个什么样的网站。说到GitHub得先说一下git，git是Linux的做者Linus和他的一群以代码会友的小伙伴在创做Linux期间，为了更方便的进行创做而编写的一个分布式（不须要中央服务器，可离线进行）版本控制系统，这其中的故事挺有趣的，有兴趣的小伙伴能够去谷歌一下（大牛们的idea和实现真的都是秒秒钟的事，我何时才能有他们十分之一的功力）。git呢，能够帮咱们管理记录程序开发过程当中的每一个版本，打个比方，写毕业论文，昨天写了一段，今天进行了一些修改，只要进行提交，每次修改事后的版本，它都会帮咱们保管，而且当咱们发现我刚刚的修改不合适，我想回到昨晚提交时的样子时，发现作了好多细节的修改，记不清了，这个时候，git能够帮你秒秒钟回溯到昨晚的那个版本！可穿越到过去，也能够从过去穿越到如今。就是这么神奇！棒呆了有木有

　　GitHub 是基于 Git 的一个代码托管网站。开发者能够将代码在 GitHub 上开源，能够浏览其它项目的代码，fork 到本身名下作修改，clone 回本地（没有访问权限的 private repo 除外）使用，也能够发起 pull request 向上游提交本身的修改。

　　来到GitHub官网，注册本身的帐号，填好用户名，密码，邮箱，并完成邮箱验证就能够啦！

　　

　　注册完以后，就能够在GitHub上新建一个仓库，这个仓库里能够存放你本身的代码和项目（GitHub免费帮你保存哟），能够和其余人分享，向咱们这种小菜鸟能够去学习大牛们的项目，包括一些优秀的框架源码。（若是想要有本身的私人库，每个月7刀的费用！）

　　

 

　　

 　　注意，库的名字要和帐户名一致！

　　

　　默认的域名是http;//username.github.io/,若是想要一个特别的域名，能够买一个域名，并在setting里面绑定就能够了。

　　以上完成了第一步，咱们有本身的代码仓库了，接下来咱们要配置本机环境了！

 

2. 环境搭建

　　2.1 首先，咱们须要下载node.js和git.安装基本上就是默认安装便可。

　　安装，完成以后，打开命令窗口（Win+R，输入CMD，回车），分别输入node -v,  npm -v, git -version,  若是都能像下图同样返回版本号就说明安装好了。

　　

　　若是在这里不能够操做git，说明在安装时没有更改路径，设置为windows环境下也能够操做，不过没有关系，只须要将git的安装路径添加到环境变量中就能够在windows下操做，或者咱们能够运行git bash，在这里查看git的版本号（安装git以后必定会生成git bash），

　　

　　注意，在git bash中应该输入 git version。（环境号版本号不一样没有关系）

 　　2.2 SSH受权

　　打开git bash，输入ssh-keygen -t rsa, 接着回车三下

　　

　　这样就会在C盘用户目录下生成id_rsa和id_rsa.pub这两个文件，前者是密钥，后者是公钥，用记事本打开id_rsa.pub，复制其中的所有内容，添加到GitHub上，这样本地的id_rsa密钥就能够和GitHub上的id_rsa.pub公钥进行配对，受权成功。

 

　　

 

 　　SSH key添加以后，就能够在本机git bash中进行测试，输入ssh -T git@github.com进行测试，

　　

　　返回Hi username ！You've successfully ......说明你已经成功啦！

　　（若是碰到什么问题，能够给我留言哟！嘻嘻）

3. 设置本地博客的配置

　　3.1 安装hexo

　　在任意一个地方新建一个文件夹，在git bash中进入这个文件夹，好比cd /d/Files/hexo/（以后安装的内容会保存在这个文件夹内），输入npm install -g hexo安装hexo便可，以下图（我已经安装过了，就再也不安装了）

　　

　　注意，在回车以后，可能会出现一行WARN的警告语句，不用管它，什么都不要按，等着。。。过一段时间若是出现hexo版本号之类的语句就表明差很少了。

　　而后输入npm install hexo --save这个时候你会看到命令行出现了一堆白字，紧接着输入hexo v查看是否安装成功

　　

　　喏，安装好了。。。。

　　别着急，就快成功了，再坚持一小小下，嘿嘿。

　　3.2 初始化hexo

　　继续输入hexo init实现初始化，

　　

　　

　　下载好了，再输入hexo s

　　

　　这时候咱们就能够打开浏览器了，在地址栏中输入http://localhost:400/，咱们就能够看到以下图的界面，，咱们的博客建成功啦！！！开不开心？高不高兴？是否是颇有成就感？

  　　

　　咱们能够去看一下咱们的源码的位置，就在以前新建的那个文件夹里，在source->_posts文件夹下，有一篇helloworld的初始化文章，若是想要添加新的文章，能够在命令行输入hexo new 'filename',就会生成一个新的.md文件，对它编辑就能够了。

　　

（上图中有个错误，public才是源码文件夹）

 

　　3.3 上传项目

　　先打开配置文档_config.yml，对它作以下修改，repository后面的内容是 git@gitbub.com:username/库地址 的形式

　　注意：type、repository、branch冒号的后面都有一个空格

 　　　

　　部署好以后，咱们就能够上传咱们的代码咯

　　回到命令行窗口，输入npm install hexo-deployer-git --save,

　　再输入hexo g，而后再hexo d，就能够将咱们public里面的代码上传咯，在GitHub上能够看到咱们上传的代码。这样别人也能够经过域名访问咱们博客了。在地址栏输入http://域名就能够访问。

 

4. 更改主题

　　在hexo官网上下载本身喜欢的theme，点击图片能够预览主题，点击图片下面的文字就能够打开下载连接，

　　

 

　

 　　

　　复制源码的url，在git hash 命令窗口下载主题，输入git clone url，注意得手动粘贴，Ctrl+v无效，

　　

　　

 　　接着，将配置文件中的theme改成新的主题的名字，记住必定要将下载下来的文件夹放到themes文件夹里！

　　

　　差不过就这么多啦，接着就能够根据主题的使用文档进行博客的修改，改为本身喜欢的样子！

　　ps: 整理这么些内容比搭博客还累，若是以为对你有帮助的话，麻烦给个赞赞哟！谢谢！