HEXO+GitHubpage+部署优化过程记录
背景
咕咕咕了好久之后终于开始继续进行学习,之前的博客已经很久没有维护了,而且也是和别人一起搭建的,虽然是轻松了一点,但是上传个文章很不方便,而且后台我也懒得进,最后还是决定自己搭建一个博客。问题是,手头没有主机,没有域名,更莫得钱,幸好有大佬告诉我可以用HEXO+GitHubpage白嫖,遂决定研究。
所需条件
- 有一台自己的PC,Windows、Linux、Mac均可。
- 有自己的域名或者能嫖来一个子域名。(白嫖真香
- 会用MarkDown语法(不会用就去学啊),自己有时间折腾。
推荐文章
部署:
官方文档:https://hexo.io/zh-cn/docs/
博客:
理论上来说,根据这两篇博客配置就没有什么问题,想要研究更多东西请参考官方文档。
tips:
在安装npm之后可以参考博客3,先进行npm的速度优化,不然安装过程会长到你怀疑人生。
如果你对GitHub的使用不是那么熟练,那么你可以在创建仓库时参考博客2的创建过程。但是要注意的是博客2在创建仓库时有一些小的错误(详情见博客2的评论,博主在评论里指出了修改办法),这一步可以参考博客1的做法,这里我也贴上我最后的设置结果。
美化
主题选择:
这里我推荐一个主题:hexo-theme-matery,本博客使用的也是这个主题。
GitHub项目地址:https://GitHub.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md
我讲一下我推荐这个主题的原因:
界面称得上好看
有写的很好的中文文档,是国人开发的,而且开发程度比较完善,网上也有很多教程。如果你用一些冷门博客主题的话很有可能在个性化的时候(甚至在配置的时候)都会遇到各种问题。
配置文件基本都有中文注释,熟悉后想要自己修改设置的话根本不用参考官方文档。
懒。毕竟选主题实在是太累了,最后直接选了这个,我老选择困难症了。
如果你选择了这个主题的话,那么你可以参考这篇文章进行个性化设置:https://blog.csdn.net/victoryxa/article/details/105841309
优化
参考博客
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。
谢谢。