前端时间公众号里发过一个hexo搭建博客的简易教程,不过有的朋友跟营长反馈说写的不太明白。因此今天特地给大家带来了一套比较详细的hexo+github搭建教程。
下面的搭建过程中还附赠了一些其他教程,比如git 教程、node视频教程等等,大家可以自行查看学习。
一、注册一个github
GitHub官网:https://github.com 按照一般的网站注册登录执行就好了,这一步很简单。
二、安装git
git官网:https://git-scm.com安装过程也很简单,一直下一步 安装即可。
很多其它教程里都说要配置环境变量,我本人安装过5次左右的git,一次都没有配过,但是要配置用户名和邮箱,就是和github注册的一样
安装成功你在桌面右键,就能看到 多了两个 git命令,如下图
三、安装Nodejs
安装nodejs主要是为了安装npm包管理工具
Nodejs官网:https://nodejs.org/zh-cn 下载自己系统的版本安装就好了
安装也是极其简单,一直下一步就好了。
在github上新建一个厂库
需要把Repository name 改成你自己的哦,例如我的:
创建好了,来到Settings页面,开启gh-pages功能
在最后找到Github pages(我的是默认开启的,如果你不是就点击Launch automatic page generator按钮,一直下一步就行了)
四、安装hexo
这个时候nodejs的npm就派上用场了
你可以用系统自带的命令面板(window下是cmd),也可以用(推荐)
以下的命令懂得就不说了,不懂得小伙伴可以自己去了解一下
检查一下npm是否安装成功,如下
五、初始化blog
你可以在C、D、E、F盘任意一个地方,只要你喜欢,哪里都是可以的。新建一个文件夹来管理你的blog。
然后在这个文件夹内,右键打开git base here,就是这么神奇,哪里都有它。
检查你的hexo 是否安装成功
初始化hexo
打开你的blog
然后会提示你:
在浏览器中打开http://localhost:4000/,你将会看到:
到这里 恭喜你,你的本地blog已经搭建好了,注意现在只是在本地的。
六、与github对接,让别人也能访问你的blog
考虑到大家可能会存在的一种情况,就是换电脑,或者在家里和公司都想写blog,管理他,该怎么做呢!
新建一个hexo分支(branches)
这个分支就是用来装hexo的核心源文件的!慢慢往下看,一步一步来
在你的博客文件夹内,打开git base here。如果你的文件正确的话,现在是没有.git文件的,这是个隐藏文件夹,有的小伙伴没有设置怎么查看隐藏文件,不会的可以根据你的系统去百度一下,很简单的。
提交完成之后,你可以在github上的厂库里看到:
将博客文章提交到master页面
在你博客文件夹中找的文件,修改以下几处 (文末附上其他配置信息介绍)
然后你就可以执行以下命令
七、如果换了电脑之后该怎么弄?
注意在新电脑上,nodejs,git,github这些都要有哦
如果没有生效
可以再执行
你如果有多个电脑在用,每次写了blog在其他电脑上执行一下:
再写
完整的配置信息如下
到此,整个博客搭建过程就全部完成啦!自己动手试试吧~
本文作者为FinGet,已获得作者的授权
https://finget.github.io/2018/01/25/hexo-GitHub/
领取专属 10元无门槛券
私享最新 技术干货