背景

咕咕咕了好久之后终于开始继续进行学习,之前的博客已经很久没有维护了,而且也是和别人一起搭建的,虽然是轻松了一点,但是上传个文章很不方便,而且后台我也懒得进,最后还是决定自己搭建一个博客。问题是,手头没有主机,没有域名,更莫得钱,幸好有大佬告诉我可以用HEXO+GitHubpage白嫖,遂决定研究。

所需条件

  1. 有一台自己的PC,Windows、Linux、Mac均可。
  2. 有自己的域名或者能嫖来一个子域名。(白嫖真香
  3. 会用MarkDown语法(不会用就去学啊),自己有时间折腾。

推荐文章

部署:

官方文档:https://hexo.io/zh-cn/docs/

博客:

博客1

博客2

理论上来说,根据这两篇博客配置就没有什么问题,想要研究更多东西请参考官方文档。

tips:
  1. 在安装npm之后可以参考博客3,先进行npm的速度优化,不然安装过程会长到你怀疑人生。

  2. 如果你对GitHub的使用不是那么熟练,那么你可以在创建仓库时参考博客2的创建过程。但是要注意的是博客2在创建仓库时有一些小的错误(详情见博客2的评论,博主在评论里指出了修改办法),这一步可以参考博客1的做法,这里我也贴上我最后的设置结果。

美化

主题选择:

这里我推荐一个主题:hexo-theme-matery,本博客使用的也是这个主题。

GitHub项目地址:https://GitHub.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md

我讲一下我推荐这个主题的原因:

  1. 界面称得上好看

  2. 有写的很好的中文文档,是国人开发的,而且开发程度比较完善,网上也有很多教程。如果你用一些冷门博客主题的话很有可能在个性化的时候(甚至在配置的时候)都会遇到各种问题。

  3. 配置文件基本都有中文注释,熟悉后想要自己修改设置的话根本不用参考官方文档。

  4. 懒。毕竟选主题实在是太累了,最后直接选了这个,我老选择困难症了。

如果你选择了这个主题的话,那么你可以参考这篇文章进行个性化设置:https://blog.csdn.net/victoryxa/article/details/105841309

优化

参考博客

博客3

B乎

tips:

在你对全站配置CDN加速之前,你可以先看看matery主题配置文件的最后部分。这里提供了一个全局CDN设置,可以直接加速整个仓库。

真香。

写博客

工具推荐:

md文件编辑器:Typora(怎么安装和使用就不介绍了,网上教程成吨)

图床:七牛云,GitHub图床(胜在免费,但是在国内使用体验不佳)

图片上传:PicGo-core(command-line)

好消息是在Typora里面已经集成了PicGo的接口,所以说真的是香的一批。

建立图床:

这里以七牛云为例。

参考博客:https://www.cnblogs.com/ssgeek/p/10854839.html

如果你没有自己的域名的话,也可以绑定成白嫖的子域名,暂时没发现有什么问题,反正只是给图床用。

图片上传:

Typora中,图片上传的配置如下:

之所以不用PicGo-APP是因为懒得安装一个软件,而且Typora本身的接口都写得很好,设置完成之后可以直接从剪贴板插入图片并且完成上传,就免去了用图形化界面的烦恼。

下载也不用自己用命令行,直接在Typora上传服务设定中,选择PicGo-Core(command line),然后点击“下载或更新”即可。

下载完成后点击“打开配置文件”,因为我们用的是命令行模式,所以说修改信息可能比较麻烦,但是好在有官方提供的文档

但是因为未知原因,通过命令行自动生成配置文件会有Bug,所以下面我还贴上我用七牛云图床时的配置文件:

配置的相关项可以参考PicGo-APP的文档,命令行和图形化客户端本质上都是一样的。说不定用到后面你会爱上命令行。

总结

至此,HEXO+GitHubPage的博客搭建及美化优化,以及用HEXO写博客的方法就记录完毕。

如果你看到这篇文章,觉得有不明白的地方,可以到我的GitHub issus界面提出问题,如果我看到的话就会回答。

觉得这篇文章帮到你的话也不妨给我的GitHub项目主页点一个star。

谢谢。