用Hexo+Github搭建个人博客

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

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

本文来自企鹅号 - RoseDuan媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯Bugly的专栏

解耦---Hybrid H5跨平台性思考

跨平台,是H5最重要的能力之一。而 Hybrid H5 因强依赖于具体 app,往往不具有跨平台性。这时,将强依赖关系解耦,即可恢复 H5 的跨平台能力。近期本...

47740
来自专栏京东技术

京东JMAC,完美解决移动自动化测试的常见问题

提到移动端自动化测试就不得不提及目前几大开源的移动端自动化测试工具/框架,主流工具有Appium、Athrun、Robotium、UiAutomator、Mon...

16520
来自专栏技术换美食换不换

picu后端架构总结

首先我们项目的定位是一个图片,音频为主体的分享应用,于是服务器对于大资源的存储有了常规数据库,nginx静态资源存储和对象存储服务的选型问题.常规数据库(如my...

15420
来自专栏Java架构师历程

如何进行微服务的API测试

作为构建复杂系统的架构,微服务在开发社区中获得了巨大的吸引力。虽然人们开始明白它并不是解决所有应用程序架构问题的灵丹妙药,但是分享与依赖关系和扩展相关的挑战的应...

1.2K20
来自专栏小白课代表

重大更新!全新的百度网盘下载器 PanDownload v2.0.1 来了!(附全新介绍)

时隔半年,最早的最稳定的知名度最高的流传范围最广的百度网盘下载器,PanDownload 终于迎来重大更新!

50740
来自专栏iOSDevLog

应用程序内购买教程:入门

更新说明:Pietro Rea为Xcode 10,Swift 4.2和iOS 11/12更新了本教程。Ray Wenderlich写了原文。

38020
来自专栏Python中文社区

Python微博移动端爬虫实例

專 欄 ❈ 作者:麦艳涛,挖掘机小王子,数据分析爱好者。 ❈ 本文简要讲述用Python爬取微博移动端数据的方法。可以看一下Robots协议。另外尽量不要爬取...

30250
来自专栏恰童鞋骚年

《大型网站技术架构》读书笔记三:大型网站核心架构要素

此篇已收录至《大型网站技术架构》读书笔记系列目录贴,点击访问该目录可获取更多内容。

9420
来自专栏微信小程序开发

小程序中wx.xx is not a function的报错

34840
来自专栏向治洪

携程React Native实践

React Native(下文简称 RN)开源已经一年多时间,国内各大互联网公司都在使用,携程也在今年 5 月份投入资源开始引入,并推广给多个业务团队使用,本文...

43070

扫码关注云+社区

领取腾讯云代金券