用Hexo+Github搭建个人博客

2018-02-02 15:00:56 浏览数 (1)

技能、干货、感悟,在这里发现世界的美!

1.为什么要写博客?在什么平台上写博客?

最近我想把自己学过的一些知识复习整理一下,于是我就想到了通过写博客来记录的这种方式。其实在很早的时候我就看到很多大神都开通了自己的博客,并且文章质量很高,在写作分享之时也能够顺带提升自己的名气。

同时,在学习之余能够把相应的知识点进行归纳总结、写作整理的话,这在很大程度上能够帮助我们理解所学的知识。在此过程中,我们也能提高自己的写作能力和表达能力。

当然,需要说明的是,写博客肯定不是程序员的专长,不管你从事哪个行业,能够拥有自己的博客并且坚持写作分享的话,我觉得都是一件很幸福的事情。

博客写作平台很多,像CSDN、博客园等等都非常不错,但是我总觉得在第三方平台写作显得有点low,还有这些平台的一个缺点就是阅读体验很差,广告太多!

其次,我觉得简书这个写作平台挺不错的,很大的一个优势就是在手机端能够很方便的观看!要是嫌搭建博客麻烦的同学可以尝试在简书上写博客!

总之,搭建自己的博客肯定还是首选。这几天我在网上看了一些教程,自己试着完成了搭建,但是中间还是踩了一些坑,网上的教程稍微有点老了。所以我决定自己写一篇关于博客搭建的文章,尽量做到简化易懂,让大家快速上手完成。此次教程总共分为以下5个简单的步骤:

Node.js的安装

Git的安装

Hexo的安装

初次用Hexo配置博客

与Github相连接

在搭建之前,我们需要做一些准备工作:

Node.js安装包,官网上面很容易就能找到。

Git的安装包,这个在官网上面下载比较坑,反应很慢,这里提供一个最新的Windows64位的安装程序,下载地址:链接:https://pan.baidu.com/s/1pL3fkq3 密码:zjww

Github的账户申请,已经有Github账户的同学就不用进行这一步了,只不过需要特别注意的是你的账户一定要激活关联邮箱。

2.Node.js的安装

这是Node.js的安装页面

整个安装过程很简单,一直点击Next就行了!

然后检查一下,按win R,输入cmd,调出命令提示符窗口。

然后依次输入这两条命令:

node -v

npm -v

如果出现上图显示的样子就说明安装成功了!否则就要重新安装一下。

3.Git的安装

Git的安装也很简单,打开安装程序,中间的步骤有点多,但是根本不用管,一直Next下去就行了。

安装完成后,还是一样的步骤,调出cmd,输入这条命令

git --version*注意这里是两条短横线!

如果出现上图显示的样子就说明安装成功了!否则就要重新安装一下。

4.Hexo的安装

在你的计算机的适当位置新建一个文件夹,命名为Hexo,然后调出cmd命令提示符,进入到该目录之下。

例如我在G盘下面新建了一个Hexo文件夹,然后进行如下操作:

然后在命令行中输入:

npm install hexo -cli -g

稍等一会之后,你会看到这样的显示,有一些警告,但是不用在意!

紧接着,再输入这条命令:

npm install hexo --save

稍等一会之后,可能会出现很多的警告,但是不用在意,然后输入这条命令查看是否配置成功:

hexo -v

如果出现上图所示的Hexo的基本信息的话,就说明配置成功了。

5.初次用Hexo配置博客

在适当的位置新建一个文件夹,这个文件夹就是你的博客文件,包含其他的一些配置文件。

例如:我在G盘新建一个Blog文件夹,然后调出cmd命令提示符,进入到该目录之下(和上一步的进入到Hexo文件夹的操作相同)。

输入这条命令:hexo init,稍等它完成之后,再输入:npm install

继续操作,输入:hexo g,你会看到以下内容:

再输入hexo s,出现这样的提示:

然后我们在浏览器输入这个网址:http://localhost:4000/,如果出现下面的界面的话,就说明成功了!

6.与Github相连接

首先,登录Gtihub,点击new repository,新建一个仓库。创建时请注意以下几点:

其中username就是你的Github账户名称,这个千万不要填错了!

然后,找到我们在第五步中新建立的文件夹,我的文件夹是G:Blog,点击用记事本打开里面的_config.yml文件,拉到最后面,添加如下内容:

然后在Blog文件夹上点鼠标右键,选择Git Bash Here

进去之后,输入以下命令:

npm install hexo-deployer-git --save

完成之后,稍等一会,出现一下内容:

然后再输入这条命令:

hexo clean && hexo g && hexo d

这时可能会出现验证Github账号的对话框,输入账号密码即可。出现下面的内容则表示部署到Github完成!

7.如何发布博客?

找到我们的博客文件夹(我的是在G:Blog目录下),进入source-_posts中,新建一个md文件,然后用Markdown编辑器打开编写内容。

然后再次用hexo d命令部署

最后,在浏览器输入地址:https://你的Github中的username.github.io

例如我的就是:https://roserduan.github.io

进去之后我们可以看到我们刚才编辑的博客内容,这个网址也就是以后我们的博客地址了!

做到这里就大功告成了!

关于后期的的更多配置内容,包括博客主题的修改等等,我会在后面和大家交流分享 。

如果你有关于这方面的经验的话,欢迎随时与我交流哦!

推荐阅读:

吐血分享珍藏的15条人生哲理!

我们的生活不是童话故事

1

END

1

【RoseDuan】

用心,做好每一篇

爱折腾的RoseDuan

0 人点赞