Github+hexo搭建个人博客教程

image

关与如何使用Github和hexo搭建个人博客的教程
image
Github

Github上是一个共享虚拟主机服务,用于存放使用的Git版本控制的软件代码和内容项目.Github作为现在最流行的代码仓库,一个全世界程序员聚集的地方,大家相互分享自己写的代码,相互学习。

Github提供了一个Github Pages的服务,Github Pages的设计初衷是为托管在Github上的项目提供介绍的静态页面。

创建存储库

在github上申请一个账户,然后创建个人存储库来存放我们的博客内容。
image

image

Git的安装

Git下载下载安装自己电脑支持(64/32位)的Git来将网站同步到Github上。首先进行Github的绑定:
git config –global user.name ‘你注册所用的用户名’
git config –global user.email ‘注册所用的邮箱’ image
第一次绑定还会出现登陆界面如图:

安装Node.js

Hexo基于Node.js,Node.js下载地址:Download | Node.js 下载安装包,注意安装Node.js会包含环境变量及npm的安装。
安装后,检测Node.js是否安装成功,在命令行中输入 :
node -v
检测npm是否安装成功,在命令行中输入:
npm -v
image

安装Hexo

exo就是我们的个人博客网站的框架, 这里需要自己在电脑常里创建一个文件夹,可以命名为Blog,Hexo框架与以后你自己发布的网页都在这个文件夹中。创建好后,进入文件夹中,按住shift键,右击鼠标点击命令行

使用npm命令安装Hexo,输入:
npm install -g hexo-cli

这个安装时间较长耐心等待,安装完成后,初始化我们的博客,输入:

hexo init blog
注意,这里的命令都是作用在刚刚创建的Blog文件夹中。

为了检测我们的网站雏形,分别按顺序输入以下三条命令:

hexo new test_my_site

hexo g

hexo s


之后你就可以看到自己所写的第一篇博客了。

推送网站

上面只是在本地预览,接下来要做的就是就是推送网站,也就是发布网站,让我们的网站可以被更多的人访问。在设置之前,需要解释一个概念,在blog根目录里的_config.yml文件称为站点配置文件,如下图
我们需要在博客根目录下的配置文件中修改高亮部分:
deploy:

type: git

repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git

branch: master

之后保存站点配置文件。

其实就是给hexo d 这个命令做相应的配置,让hexo知道你要把blog部署在哪个位置,很显然,我们部署在我们GitHub的仓库里。最后安装Git部署插件,输入命令:

npm install hexo-deployer-git –save

这时,我们分别输入三条命令:

hexo clean
hexo g
hexo d
也可以简写成

hexo clean && hexo g && hexo d

你就会发现你的博客已经上线了,可以在网络上被访问了。

这里注意一下,第一次部署会要求你输入GitHub的用户名和密码,只需要按着要求做就行了。

更换主题

在完成了博客的初步搭建后,大家一定和我一下想更换博客的主题来让博客更加的酷炫。
hexo主题商城中有大量的主题可供大家选择
在选择好自己喜欢的主题后将其下载的压缩包解压放入D:\博客根目录\themes内

同时在根目录的网站配置文件中修改如图所示内容来应用主题

注意将箭头表示的名称改为你要使用的主题名称,然后进行更新便可以应用到博客里了。

发布文章

在博客中发布的文章统一使用markdown文件,这里推荐使用有道云笔记:

可以方便快捷的编辑.md文件。
在将要发表的文章编辑好之后,将.md文件放入D:\博客根目录\source\ _posts内,然后进行更新就可将文章同步至博客了。