Last updated on October 7, 2024 pm

博客优化思路

本博客是基于Hexo框架，部署到GitHub Pages的。本以为这样省下了买云服务器的钱，后来发现购买域名，图片云存储，CDN加速也要花费不少，因为如果一个主页打开很慢，图片加载也很慢，给人的体验感实在太差了，要用心做好这些，必要的支出和学习还是不能少的；现在主页仍然有很多不完善的地方，有时间还是要好好打磨。

Hexo博客框架的官方站点-中文 Hexo

主题

Hexo博客有很多精美别致的主题，我选择的是Fluid主题，简洁优美

配置指南 | Hexo Fluid 用户手册 (fluid-dev.com)

分类 - Hexo Theme Fluid (fluid-dev.com)

博客主页图片更换

官方文档：配置指南 | Hexo Fluid 用户手册 (fluid-dev.github.io)

首页banner图片不超过1M，不然加载很慢，现在的首页图片压缩过了，但打开速度还是一般，之后应该设置渐进式加载感官上会好很多；文章内的图片设置的是lazy-load，而且图片是存储在腾讯云COS上的，打开速度还可以；最好还是要做CDN加速访问，但是要备案好麻烦，先暂时这样吧

归档分类

hexo博客中tags与categories用法 - 知乎 (zhihu.com)

翻译-双语博客（待实现）

方案1：做2套页面

hexo-中英双语 hexo+butterfly | Aursus

因为机翻通常不够好，所以实际上是做了2种语言的主页，然后人工校对发布的内容，点击翻译时自动跳转到英文页面

方案2：hexo-generator-i18n 插件

提高响应速度

优化页面，节省资源

基于 Hexo 搭建的博客将更多的模块和页面逻辑移动到了前端页面之中，造成的就是打开慢，加载时间长

秒开的艺术：Hexo 博客首屏耗时优化实践 - 电脑星人 (imkero.net)

CDN加速

CDN加速是最直接快速的方法了，CDNContent Delivery Network内容分发网络，是一种将网络内容分发到多个地理位置的网络，以减少用户访问内容时的延迟。CDN的基本思路是将用户请求导向里用户最近的服务节点，使内容传输得更快、更稳定。CDN服务提供商必须具备CDN许可证，才能合法开展业务。

CDN的工作原理就是将源站的资源缓存到位于全国各地的CDN节点上，用户请求资源时，就近返回节点上缓存的资源，而不需要每个用户的请求都回您的源站获取，避免网络拥塞、分担源站压力，保证用户访问资源的速度和体验。什么是CDN？它解决了什么难题？5分钟让你明明白白！-腾讯云开发者社区-腾讯云 (tencent.com)

方案1： jsDelivr

使用jsDelivr 做CDN加速

jsDelivr 是一个免费开源的 CDN 解决方案，用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。官网：jsDelivr - A free, fast, and reliable CDN for JS and open source

参考这个博主使用Jsdelivr CDN加速博客访问速度-CSDN博客