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

2026-04-11 08:201阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述:

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

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

image1575×1420 245 KB

image1575×1420 274 KB

核心特色

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

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


--【贰】--:

看下报错呢


--【叁】--:

感谢大佬


--【肆】--:

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


--【伍】--:

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


--【陆】--:

又是薅cf的一天


--【柒】--:

MARK一下


--【捌】--:

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


--【玖】--:

挺好看的,部署一个


--【拾】--:

对的对的,已修改


--【拾壹】--:

看着不错。以前用hexo 折腾


--【拾贰】--:

挺好看的,部署一个


--【拾叁】--:

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


--【拾肆】--:

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


--【拾伍】--:

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


--【拾陆】--:

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

比如


Cloudflare Pages

pages.cloudflare.com

Cloudflare Pages

Build your next application with Cloudflare Pages

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


腾讯EdgeOne Pages

Tencent EdgeOne

Best Asian CDN, Edge, and Secure Solutions - Tencent EdgeOne

Tencent EdgeOne, the leading CDN in Asia, provides superior edge solutions for acceleration, security, serverless, and video using Tencent's advanced edge nodes.

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

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

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


阿里云ESA

account.aliyun.com

阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台

欢迎登录阿里云,全球领先的云计算及人工智能科技公司,阿里云为200多个国家和地区的企业、开发者和政府机构提供云计算基础服务及解决方案。阿里云云计算、安全、大数据、人工智能、企业应用、物联网等云计算服务。

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


Vercel

Vercel

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

Vercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.

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


Netlify

netlify.com

Push your ideas to the web | Netlify

Build with AI or code, deploy instantly. One platform with everything you need to make real apps live.

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


关于分流

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

https://2x.nz


image911×327 82.1 KB
该博主原文:https://blog.acofork.com/posts/fenliu/


--【拾柒】--:

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


--【拾捌】--:

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


--【拾玖】--:

image1730×668 61.6 KB

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