预览地址
butterfly博客个人美化内容：
项目地址：https://gitee.com/ffing/butterfly_ffing
- 1.导航栏
- 2.首页侧边栏、文章列、页脚
- 3.自定义页面
- 4.统计图
- 5.twikoo评论
- 6.51la统计
因调整内容很多，本人只是个系统运维，非前端开放，很多东西都是搬迁或稍做修改，不能解答有关前端的问题，见谅！
美化全部来源于网络，初学推荐到 Fomalhaut🥝 博主写的很精细
起因
3年的云服务器快到期了，为钱包考虑，想利用github将wordpress迁移到hexo，且随着hexo的主题成熟，越来越多的主题任你选择。。。但搭建测试，发现静态网页依赖的css和js太消耗网络资源，大部分都通过CDN来加速，偶尔也会导致网页加载卡顿（3秒原则），体验不够完美。哎，因非前端开放，无法分析完整的主题，还是老老实实的续费吧！后面会将安装及美化笔记分享给需要的小伙伴。
Hexo是什么
Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
再直白点的，可以把Hexo当做一个转换器（将markdown文件转换为静态网页）
这样就可以将我们的平时的markdown笔记，转换成静态网页，从而发布到你想发布要的平台。
发布平台
了解过Hexo的后，我们就要为我们的“静态网页”选择一个好的平台了。静态网页，不存在动态交互，所以我们可以放置到任意可以被访问的存储中。
本地硬盘
在不开放端口的情况下，只能本地访问；若开启了本地的端口后，可以实现局域网的访问。
网络存储
又称云存储（非网盘），如腾讯阿里的oss、七牛云又拍云的云存储，可以实现公网的访问。
云服务器
nginx或apache直接发布静态网页
也可由hexo发布（默认端口4000），再通过nginx和apahce进行端口转发后发布
提供Page服务的平台
gitee，但因政策原因，已经不再支持自定义域名，且需要手动发布网站，（注：发布的文章涉及敏感内容将导致发布失败）
github，推送完成自动发布网站，但国内访问网络波动很大，即便有CDN的加速，也有异常的时候。。。
因此，发布平台直接影响用户的访问体验。
静态加速
腾讯、阿里的oss都是付费机制，这里跳过，需要了解的可以自己百度
七牛云，免费提供10G存储和20G的CDN流量
又拍云，免费提供10G存储和15G的CDN流量（需加入开发者）
搭建思路
我尝试过的免费方案：最终选择第6种折中方案
1.gitee，空间无限，但需要手动发布网站，且涉敏文章会导致发布失败。
2.github，空间无限，推送自动发布，自定义域名，但国内访问网络不佳。
3.github+cloudflare，几乎完美，偶尔卡顿。。。
4.github+Vercel，几乎完美
5.又拍云，完美（但网站流量过大，不推荐，超过15G流量就要收费了）
6.折中方案：github+Vercel+又拍云（存储CSS）+七牛云（存储博客图片）
但，最终由于博客主题自带的css、js的cdn加载会偶尔出现卡顿，最终放弃。
想做些非时效性的调用页，github的page服务还是方便的。
发表评论