刚开始我也是很不理解为什么要利用github+hexo搭建博客,现在差不多能理解,首先逼格很高,其次用github搭建可以学习使用github并且空间很大,也可以便于交流。
再次声明本篇是基于windows系统下搭建的博客。
我最开始搭博客时是用的linux,结果错误好多,于是还是决定放弃原来的,在windows上重新搭建,虽然说自己也找了好多教程但是还是觉得自己写下自己在搭建博客时遇到的问题,以便和大家分享。
<h4>声明:</h4>本篇文章禁止转载,仅供参考。
<h3>1.准备node.js和git</h3>
node地址:

https://nodejs.org/en/

git地址:

http://rj.baidu.com/soft/detail/30195.html?ald

下载时尽量不要把它们移在其他盘,最好放在c盘;
<h5>对于node:</h5>

2549157-34ec3960c5207a66.png
准备node

选好这个之后其他的next就好;在先使用之前我们先看看是否安装好,同时按下win+R,会屏幕左下会弹出一个小框,输入cmd回车即可;

2549157-94e321d2bbd32e54.png
检查

然后输入:

node -v
npm -v

出现如下图所示就说明安装正确;

2549157-b7ac0ed819905113.png
提示

<h5>对于git:</h5>
按照下图要求选好即可:


2549157-1db30fa3106be04c.png
准备git

2549157-5f8f1da3a8e0c62c.png
准备git

同样现在检查git是否安装正确,输入

git --version

出现如下图所示即可;

2549157-abfec15a217146df.png
检查git

<h3>2.注册github添加仓库并申请秘钥</h3>
<h4>注册github并且建立仓库</h4>
没有github的话可以先进官网注册一个,然后进入主页后点击右上角的加号
github地址:

https://github.com/

2549157-749f2cafee4395b6.png

然后点击new repository(p.s.我原来已经建了一个,所以大家不要管我的就好)

注意:自己仓库的名字最好和自己github的名字一致,Description 这一栏可以不用填写,只需用勾选public就可以,然后自己的仓库就建好了。</br>


2549157-387c1fbff1f56d20.png

(p.s.注意自己仓库名的后缀为github.io)</br>
<h4>添加秘钥</h4>
<h5>1.现在点击鼠标右键打开git bash,首先检查是否有ssh key;</h5>
输入:

cd ~/.ssh

如果显示“no such file or directory”,则跳转第三步,否则继续;
<h5>2.备份和删除原来的ssh key设置;</h5>

$ ls
$ mkdir key_backup
$ cp id_rsa* key_backup
$ rm id_rsa*

<h5>3.生成新的ssh key</h5>
输入

$ ssh-keygen -t rsa -C"邮箱地址@youremail.com"

回车就好;
如果要让你输入密码,输入密码就好;
看到这样的画面就说明你已经设置好了;

2549157-8d5e81090d6ab2af.png

<h5>4.添加ssh key到github</h5>
首先到github上点击自己右上角头像,下边有个setting,点击setting;

2549157-fde46218a31494fe.png

选择ssh and GPG keys添加秘钥就好,可以不用填写名称。如图所示;

2549157-fd29197cb1d8d938.png

其实到这一步了,也可以给自己的github加个主题,但其实到最后因为要去克隆主题所以可以不用;
主题的设置,进入仓库后,点击setting,往下翻,直到找到github pages这个专栏就好,如图所示(p.S.因为我已经设置过了,所以不用看我的)

2549157-59716f085a476391.png

然后点击那个框就好,会进入一个页面,选择同意就好,然后就可以挑选主题了。

2549157-13f62030453f4ca7.png

<h3>配置hexo</h3>
在桌面建一个文件夹,自己喜欢就好,我们暂时叫做git pages;然后打开文件夹,在空白处点击右键,打开git bash;输入命令行

npm install hexo-cli -g

2549157-531583f993ee2bf8.png

可能出现一个WARN不要担心,然后输入 npm install hexo --save,然后会看到窗口刷了一大堆白字,不用管,再输入

hexo -v,

如果看到下面的图,则说明安装正确了;

2549157-60e1fd0b27723e94.png

<h3>初始化hexo</h3>
接着上面的操作,输入

hexo init;

2549157-c5bef450e319bece.png

再输入 npm install 然后等待安装;
<h3>体验hexo</h3>
接着上面的操作,输入

hexo g;

2549157-5570a46e10d9c90f.png

如图,输入

hexo s;

2549157-904820df858deb24.png

会有一个网址,打开就可以看见最初的hexo在本地的配置了;

2549157-83689cb93099202e.png

<h3>使用hexo </h3>
进入自己的文件夹,打开一个config文件,如图所示;

2549157-9aa8ac12b42bfe2e.png

将下列找到改成自己的设置;

2549157-8d7d7522a62be10a.png

<h3>配置Deployment</h3>
打开命令行输入

git config --global user.name "yourname"
git config --global user.email "youremail"

带引号的是自己的github账号和github相同的邮箱;
完了之后,还是在config文件里。找到deployment修改自己的参数;

2549157-b7f7d95ac848f735.png

输完之后,输入hexo d;就可以通过自己设置的github名称访问自己的主页了;
<h3>文章发布</h3>
打开命令行输入

hexo new “文章名”

2549157-7b8c0584e608c5ed.png

如图现在已经建了一个名为123456的markdown文件,而这个文件保存在source文件夹下的post文件里,如图所示:

2549157-41a5c03651c6c1f5.png

下面你可以用sublime 或者其他的markdown编辑器打开,进行编辑;
写完之后保存下来,再输入,

hexo clean,//清空原来的文件

再输入

hexo g
hexo d

然后就可以刷新网站看到自己推送的文章了;</br>
<h3>更换主题</h3>
因为默认主题实在太丑了,所以都想着换主题;下面介绍主题的更换方法;
下面有三个主题,可以克隆,大家任选一个,如果有的不行,可以重新挑选克隆;

$ git clone https://github.com/cnfeat/cnfeat.git themes/jacman
$ git clone https://github.com/wuchong/jacman.git themes/jacman
$ git clone https://github.com/A-limon/pacman.git themes/pacman

然后再将config文件的theme值改好,复制哪个改成哪个
例:theme: jacman;</br>
<h3>更新主题</h3>
输入;

$ cd themes/jacman
$ git pull

为避免出错先备份你的config文件;
然后再输入:

hexo g
hexo s;//进行预览;
hexo d -g //再刷新网页就可以看到新的主题了;

好了,一个博客也就搭好了,下面介绍两篇文章,我是参考他们写出来的,你们要是也有不懂得也可以参考,因为事物在更新,所以很多东西不适合现在的搭建,我将他们的总结下来加上自己的经验,希望可以帮助到所有搭建博客遇到问题的小伙伴们。
https://xuanwo.org/2015/03/26/hexo-intor/
http://www.jianshu.com/p/05289a4bc8b2
大家也可以进我的博客里进行学习交流,欢迎来访:
https://welkin-qing.github.io/

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐