开场白

昨天用hexo搭建了自己的一个个人博客,费了不少劲,网上的资料有的不全,有的是太老了现在用不了,废话不多说了,直奔主题吧。

正文

因为hexo是基于node的所以安装的时候非常方便

准备工作

首先,我们来到node官网下载node(建议下载稳定版的)安装包,下载完后运行安装程序,然后一直点下一步就行了(安装的时候建议使用默认路径)。

然后,打开cmd或者git bash输入:

node -v

如果出现版本号说明安装成功。

接着,使用node自带的包管理工具npm安装hexo

输入npm install -g hexo(或者npm i -g hexo)

安装全局的hexo

上面的工作做完后来到github官网,没注册的先注册。然后点击New repository新建一个项目,名字为:yourname.github.io 注意:一个账号只能有一个yourname.github.io,如果有了就随便新建一个项目

新建完后,将仓库用

git clone

命令克隆到本地,然后进入到本地仓库,在这里打开命令行工具(也就是cmd或者git bash。注意,路径是当前文件夹路径)输入

hexo init

等一段时间后程序会帮你安装好hexo所需要的依赖。

安装完后,在命令行工具输入

hexo generate(或者 hexo g)

等待一段时间后,输入

hexo server(或者hexo s)

然后进入localhost:4000查看是否出现hexo的界面(有的人可能会发现样式没加载出来,不急,先往下看)

如果出现界面的话,至此,所有准备工作基本完成,你离成功不远了!

全局配置

首先,得找到根目录的_config.yml文件,打开以后,把最上面的Site的博客基本信息填写完毕。

特别注意:在冒号后面有空格,这个空格不能少

然后来到下面的URL填写你博客的网址,例如我的:

https:JayZangwill.github.io/blog

然后看到下面的这个root填写的是io后面的内容,我的是/blog(如果没有,那就是/特别注意root后面不能为空),之前说的样式没有加载很有可能是这个原因(如果还没加载出来,不急,再往下看)

完之后,看到_config.yml文件的最下面,找到deploy:,另起一行输入:

type: git
repository: 你项目的ssh
branch: gh-pages(如果博客地址是yourname.github.io,分支名就是master)

至此,全局配置就完成了。这个时候,你需要再在命令行工具输入:

hexo generate(或者 hexo g)
hexo server(或者hexo s)

如果标题变为你_config.yml文件最上面title输入的东西,那么文件就更新成功了!

上传到github

在上传到github之前还需要安装一个东西,在命令行输入:

npm install hexo-deployer-git --save

这样才能上传到github上,不然上传的话会报错

之后在命令行工具输入:

hexo deploy(或者hexo d)

即可上传到github上。

传到github上以后那些样式和图片肯定都能加载上去了,如果还不能加载的在浏览器里按f12点击network选项卡看看路径怎么错了之后再调调根目录的_config.yml文件里的root吧!

改变主题

我在改变主题这里花了蛮多的时间,一是因为没有找到符合胃口的主题,还有就是在主题更新这里走了很大弯路。直奔主题吧,伤心的会议不要再提!

首先,我用的是jacman主题,界面还算看得过去。过几天有时间了在自己写个主题。给的网址上面说得很清楚主题是如何安装和配置的,我就不在赘述。

我想说的是,上面说的更新:

cd themes/jacman
git pull origin master

是主题的源文件更新,不是我们博客的更新,我们博客更新是:

hexo g

我在这就转了很大弯。。。我们在配置完主题的_config.yml文件后到根目录的命令行输入上面的命令更新博客后上传到github上就行了。

注意:如果上传到github上有些链接点不开或者有些图片出不来,需要到本地仓库的public文件夹里的index.html或者css文件夹里的style.css里讲一些链接还有图片的链接进行微调,然后再更新上传即可

当文章多了以后,我们需要一个标签来标记,想要增加标签,首先得安装一个东西:

npm i hexo-generator-tag --save

安装完后输入:

hexo new page "tags"   

然后会发现source里多出个tags的文件夹,这个文件夹里有个md文件,点开,在第二条横线下加个

type: "tags"

保存就好了。之后在根目录的命令行输入:

hexo new "文件名"  

你会发现在文章开头有个tags:,在后面填上标签即可。

同理,新建分类也是一样的把tags换成categories就行了

添加rss订阅

要想添加订阅功能首先得安装一个东西:

npm install hexo-generator-feed

安装完以后再输入:

hexo g

之后,你会发现在public里多了一个atom.xml文件,那就证明rss订阅功能已经添加了。

至此,一个hexo博客就基本搭建完成了,如有疑问直接在下面留言,我有时间就会回复的。