无服务器GitHub+CF个人博客/网页方案:优雅外观+好用后台

之前大家做轻量级博客一般都是用像Hugo、AcademicPages这些Jekyll的框架配上GitHub Pages + CF加速,但这种方法编辑不方便。此外,像AstroPages这种新的框架动画做的非常好看,值得一试。

我的博客:~/tosaki
模板仓库地址:GitHub - t0saki/AstroPages-Bilingual

:sparkles: 核心特色

  • 优雅的阅读体验
    • 极简风格,支持亮色/暗色模式自动切换。
    • 中文字体优化:集成了思源宋体(Source Han Serif),不管是正文还是代码块,在各种屏幕上看着都很舒服。
  • 像 Notion 一样的写作后台
    • 内置了 Keystatic CMS,你可以直接在浏览器里由可视化界面写文章、传图片、配置 SEO 信息。
    • 点击“保存”会自动同步到 GitHub,完全不用碰命令行。
  • 原生双语支持
    • 不是简单的机器翻译插件,而是完整的双语内容结构。中英文文章独立管理,互不干扰。站长可以借助更强大的AI提前翻译好文章,或者直接修改几行去掉双语支持。
  • SEO 友好
    • 自动生成双语 Sitemap 和 RSS 订阅源,对搜索引擎极其友好。
53 个赞

挺好看的,部署一个

2 个赞

感谢分享,就喜欢这样全免费技术栈的

2 个赞

我现在的个人导航页就是用的Astro

1 个赞

挺好看的,部署一个

1 个赞

这里应该是fork这个仓库吧。

对的对的,已修改

感谢大佬

1 个赞

看着不错。以前用hexo 折腾

我在cf上部署,怎么报错,fork后部署按cf的默认设置没改

1 个赞

看下报错呢

astro-blog-cf.production.0a67363b-cc81-49f6-92cb-3d60bdfba271.build.log.txt (14.0 KB)
请大佬帮忙看看

MARK一下

奇怪,确定选的是下面小字Pages而不是Workers吗?

1 个赞

又是薅cf的一天 :smiley:

我的观点,Github Pages 的整体质量和速度都不如其他方案

比如


Cloudflare Pages

不会被打爆的神,兼容性的神,海外优选这个,国内也能用,兜底的神。
:white_check_mark: 可优选,优选后速度有概率追上备案站了。


腾讯EdgeOne Pages

国内节点多,免费套餐不限总流量不限访问次数
Pages Function不计请求也不计费
:cross_mark: 老接入可以优选,现在已被堵死。(官方自己在卖香港节点优选套餐)

也是我正在使用的CDN和Pages方案

我没备案,不过国内速度还可以,5M以下小文件不限速
我的博客 https://blog.oowo.cc


阿里云ESA

如果备案了是最好的选择,边缘节点不限速。
但是不备案会被扔到法国等节点,国内访问堪忧。
试了一下Pages,被扔到法国了,就没仔细用。
:cross_mark: 不可优选


Vercel

支持非常多的语言,如 Node.js、Python、Go、Wasm 等等。
默认分配 4C8G 构建
用量限制非常宽松,并且可以超过限制的 2倍 以上仍保持正常访问
但是如果静态资源被刷超过3倍以上可用量(350%)整个项目会被暂停无法访问
只能发工单询问解除限制,但是客服效率十分差劲,一个紧急工单的回复时间大约是10天左右
:white_check_mark: Amazon Anycast CDN 可优选


Netlify

带有推送合并前预览功能,十分好用。编译性能平庸
资源限制十分严格,超量就停。
Amazon Anycast CDN 可优选
:white_check_mark: Amazon Anycast CDN 可优选,优选后浅绿+深绿是可以的,就是长PING晚高峰会波动


关于分流

如果玩到进阶可能会想玩一些高端的
这是一个十分优秀的分流方案的博客案例,可以提供一个参考思路。
感谢二叉树树的方案,我自己也在用:face_savoring_food:

8 个赞

挺好的,应该也可以搭Astro吧?以国内为主的话是个不错的方案。我自己不在国内就暂时先用CF了。

1 个赞

上面的方案对于Astro来说都是很好的。如果读者主要来自中国地区还是可以参照 上面的方案选择Cloudflare这类。不过怎么方便自己怎么来,祝写作愉快~

这个看着很不错 谢谢佬!!

看起来也很接近我想象中的博客了,简约又好看!