.webp)
Hexo博客搭建指南
本小站也运行了1.8年,659天了,是时候介绍一下我的博客是怎么搭建的,为什么选这个框架了。
建站初衷
选择搭建博客是因为我想要一个属于自己的空间,记录一下生活琐事与学习时的笔记并分享一些我踩过的坑与解决办法。
初探wordpress重量级框架的烦恼
刚开始我选择的是本地服务器加wordpress博客框架,简称WP,但是WP的搭建过程比较复杂,首先下载WP的框架加MYSQL数据库,然后配置PHP环境,最后设置域名解析与端口映射,整个配置过程花了我 2 个小时。完成后我发现了一个奇怪的问题:通过域名访问时,会被强制带上端口号,导致访问报错。排查后发现是重定向配置的问题,修改 NGINX 配置文件后得以解决。虽然本地访问 WP 后台一切正常,但切换到域名访问时依然很慢,甚至偶尔打不开。后面我就查询了一下Cloudflare tunnel的相关文档,发现 Tunnel 虽然好用,但配合本地运行沉重的 WordPress(PHP+MySQL)会导致资源占用过高且动态内容难以缓存,索性放弃了 WP,开始寻找一些轻量级的博客框架,最好是静态的。
邂逅HEXO
经过关键词搜索,我找到了hexo,经过上手使用还挺不错,hexo是一个静态博客框架,使用nodejs开发的,安装起来也很简单,配置也很简单,最重要的是它是静态的,不需要数据库支持,直接生成静态文件就可以了。
部署到github pages
只不过呢后面我追求更快的速度和不想维护服务器就看到了hexo可以部署到github pages上面,我顿时一喜:太好了!于是我根据相关教程配置了github的上传插件与配置文件,成功部署到了github pages上面,只不过这个方案还是存在弊端,就是访问速度不太稳定,会不定时的阻断,我查了相关文档配置上了CF的CDN服务,解决了这个问题,稳定了访问速度,经过一段时间使用,发现好像速度还是不太满意,我就在想了,这难道是极限了吗?我发现CF有很多功能我都没有用上,其中提升速度最强的功能就是缓存规则,这个功能是让访问的资源存在CF的全球众多CDN中,保证了资源的访问速度,只不过如果将文章也长时间缓存的话,文章更新后就不能及时看到新文章了,所以我就只配置了图片与一些大文件的长缓存,再把图片压缩成webp格式,既保证了速度也能及时看见新文章,将访问速度从平均8s的加载降低到了平均2.7s,提升了5.3s,这个速度已经是现有条件的最好选择了,好啦本次搭建与优化就到这里啦!
结语
顺便一提我用的主题是solitude哦,如果各位朋友还有什么问题可以发到我邮箱(mail@delishahk.com)哦,我会及时回复并解决问题哒,谢谢阅读



