关于本博客的诞生

博客架构如标签所示,搭建期间参考了度娘N篇教程,主要是因为不熟悉前端和Hexo结构,踩了许多坑,然后还不会用Github(不是特别熟悉开发QAQ)。
本文应该属于半保姆级教程,总结了我踩的坑和大概过程。保姆级太麻烦啦(~ ̄(OO) ̄)ブ
之前使用过wordpress,搭建在阿里云上,然后天天被爆破,维护起来也不是很方便。虽然wordpress挺好使的一应俱全,作为使用最多的博客cms,主题、资源、插件都很多。也可以搞的十分好看。投靠静态,主要喜欢不需要维护云服务器,虽然现在IaaS也不需要维护太多,甚至还有轻量服务器。但是吧,也挺麻烦的其实。我觉得不如托管在GitHub方便,顺便都省了服务器的费用。(吐槽国内的1M上行宽带实在是太少了)。
关于用Cloudflare Pages部署分发,感觉访问速度也有点玄学,有的时候快有的时候慢,据观察还有其他方案,双线部署,国内部署在coding,国外Github Pages或者Cloudflare Pages。网上大部分教程都是部署在Github Pages上的,但是我个人觉得Cloudflare Pages挺好使的。关键这家伙专门做CDN的,心理上访问速度快一点(狗头),据说还有方案就是多线部署继续做DNS择优路线,有点顶,有点麻烦。(回头再说,我懒。。。)
总而言之,长话短说,这就投靠Hexo的怀抱啦o((>ω< ))o
首先需要一个GitHub仓库,Github的注册教程就省略啦,n年前注册的我也不记得怎么注册的了。然后就是创建仓库了,创建仓库如下图。

然后就点创建就好啦。然后呢因为我是没有采用服务器的,还看到有人用服务器部署Hexo分流国内流量的,这样国内访问速度会很快,but我就是因为懒才用PaaS的,才不会重新部署在服务器上呢。
然后呢,既然没有部署在服务器上,那咱使用静态博客不是得自己本地编译先看看效果再推送云端嘛,所以就需要两个本地环境了,Git和NodeJS,这俩好大哥。NodeJS是用来安装Hexo的,然后Hexo的许多插件都需要NodeJS实现,Git是Git工具,实际作用用于推送到仓库,拉取别人的仓库,拉取主题也用到了。
大佬可以使用git命令直接推送,拉取仓库哈,我用的github desktop。桌面图形化真的香。。。
然后把刚刚创建的仓库拉取到本地,选择一个文件夹,待会就要从本文件生成Hexo了。
1 | |
接下来就是主题方面了,原主题有点略丑,所以我找了好久主题,网上有很多个人开发的主题。个人建议选择正在维护的主题,然后我选择的主题是fluid,巨香,使用手册巨详细,而且大佬还在维护。帮我避免了好多坑,比如评论插件,和首页一言,使用很舒适,基本上所有问题都可以在fluid的用户手册中找到。
安装方式按照用户手册就好了,新版的安装方式应该是写了一句语句在文件里,编译的时候自动拉取的,老版本就是从Github拉取放在themes文件夹内。
主题使用方式就是在,_config.yml中把主题改成想要使用的主题,然后就是分发页面了。部署在GitHub Pages的需要设置

这个是使用GitHub Pages的必备项,使用Cloudflare则不需要。
安装好的hexo目录下自带一个.gitignore文件,这个文件会覆盖掉仓库初始化里面的.gitignore文件,里面记录了不需要上传仓库的一些文件(如public文件夹等,因为将博客源文件上传Github之后Cloudflare会自动拉去并且重新部署,所以不需要该文件)
然后就是把刚刚init出来的blog文件夹里面的所有东西都复制到仓库的根目录下,如果有重复文件则覆盖。
主配置文件中包含一些基本设置配合主题设置食用。

类似于这些东西,还有fluid的全局配置文件和_config.yml同目录下优先级比自己拉取的(如果没有使用主题一键安装命令的话,而是自己从仓库拉取,则主题文件存在themes中,里面有主题配置文件)优先级要高,所有配置文件修改完成后就可以上传了。
这里我踩过一个没见识的小坑,因为没怎么用过Github,我之前是自己拉取的主题文件,放在themes目录下,结果文件死活推不上去,这里把里面的关于仓库信息的文件删了就好了(.git,.github之类的),仿佛是识别成两个仓库了不让上传。
然后就是推送仓库了,修改完配置文件后,Desktop会自动识别文件差异,显示出来然后点一下commit

这里看到Commit to main按钮是灰色的,在Summary里随便添一点东西就好了,像是修改备注一样的东西。
Commint之后需要点一下Fetch origin就保存到仓库了。
(任何修改都可以用hexo g && hexo s 本地测试是否有问题再推送云端)
最后到了分发页面的部分注Cloudflare Pages掠过,贴个网址在这Cloudflare Pages
登录之后点击左边栏Pages,然后创建项目选择连接到Git,进去之后绑定Github账号,然后选择刚刚创建的仓库,项目名称自己写,分支选择main。

然后就可以保存并部署了。部署生效之后就可以通过Cloudflare提供的dev结尾的二级域名访问。
至此一个基于Hexo源代码托管在Github采用Cloudflare分发的博客就大功告成啦。恭喜恭喜,来张二次元姐姐庆祝庆祝。

在这里补充一些杂项,不至于另开文章了,如果有补充也在结尾将修改,第一次写文章,欢迎大佬指正。
因为Hexo的文章是使用markdown编写的,所以发布新文章可以先用Hexo new [文章名] 命令生成.md文件,会自动生成在source文件夹里的_post目录下,里面存放了所有的文章,同source目录下还可以创建img等其他文件夹用于存放网站或者文章图片等等。
如果遇到博客配置或者文章写作问题,或者其他任何问题都可以阅读fluid的用户手册,内容十分详细,超赞!!!