无服务器GitHub+CF个人博客网页方案:优雅外观+好用后台
- 内容介绍
- 文章标签
- 相关推荐
之前大家做轻量级博客一般都是用像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
Cloudflare Pages
Build your next application with Cloudflare Pages
不会被打爆的神,兼容性的神,海外优选这个,国内也能用,兜底的神。
可优选,优选后速度有概率追上备案站了。
腾讯EdgeOne Pages
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
阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台
欢迎登录阿里云,全球领先的云计算及人工智能科技公司,阿里云为200多个国家和地区的企业、开发者和政府机构提供云计算基础服务及解决方案。阿里云云计算、安全、大数据、人工智能、企业应用、物联网等云计算服务。
如果备案了是最好的选择,边缘节点不限速。
但是不备案会被扔到法国等节点,国内访问堪忧。
试了一下Pages,被扔到法国了,就没仔细用。
不可优选
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
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这个仓库吧。
之前大家做轻量级博客一般都是用像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
Cloudflare Pages
Build your next application with Cloudflare Pages
不会被打爆的神,兼容性的神,海外优选这个,国内也能用,兜底的神。
可优选,优选后速度有概率追上备案站了。
腾讯EdgeOne Pages
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
阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台
欢迎登录阿里云,全球领先的云计算及人工智能科技公司,阿里云为200多个国家和地区的企业、开发者和政府机构提供云计算基础服务及解决方案。阿里云云计算、安全、大数据、人工智能、企业应用、物联网等云计算服务。
如果备案了是最好的选择,边缘节点不限速。
但是不备案会被扔到法国等节点,国内访问堪忧。
试了一下Pages,被扔到法国了,就没仔细用。
不可优选
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
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这个仓库吧。

