mobile wallpaper 1mobile wallpaper 2
2343 字
6 分钟
博客框架选择与静态站点托管

博客框架选择#

引出问题#

新手在选择博客框架时,通常会面对这么一个问题:我该选择什么样的博客框架? 是选择动态站点,还是静态站点?他们之间有什么区别呢?

介绍#

站点区别#

  • 动态站点通常是基于后端服务器运行的。我们生成的网页内容会存储在服务器的数据库中,当用户访问站点时,会从数据库获取最新的内容并生成动态网页,再返回给用户浏览器。这么做的好处是我们可以随时更新文章内容,并且可以实现一站式服务,比如评论、用户登录等功能。但缺点是需要服务器,且访问速度取决于服务器的CPU性能和出口带宽。对于访问流量较高的用户,高性能的服务器和一定量的带宽价格通常较高,不适合个人站点使用。

  • 静态站点通常是基于浏览器前端渲染的。我们生成的网页内容会存储在静态文件中,当用户访问站点时,直接从静态文件中获取内容并返回给用户浏览器。这么做的好处是访问速度快,且不需要服务器。我们可以把时间花在内容创作上,而不像动态站点那样折腾。但缺点是无法实现动态交互功能,评论等功能需要借助第三方服务来实现。

TIP
注意:大厂服务器厂商(如阿里云、腾讯云)的配置相对而言较低,且价格偏高。当网站面临较高的访问流量时,由于高并发,通常会出现访问缓慢的问题。但这种问题对于个人站点来说,通常不会出现。我们可以通过为网站设置缓存、嵌套CDN一定程度上缓解此问题。

静态站点的上手门槛较高,需要对前端技术有一定的了解。但好在社区开发者已经开发了很多优秀的静态站点框架,我们只需要按照文档进行配置即可。

相关问题#

  • 动态站点还存在社区生态的问题。动态站点的上手门槛低,且易于部署。像 WordPress、Halo、Typecho 等这类站点,有着庞大的社区生态,插件和主题丰富,易于扩展。但由此,想配置出一个符合自己需求的站点,通常需要花费大量的时间和精力去折腾。对于新手来说,通常会被各种插件和主题所迷惑,不知道该如何选择和配置,从而花费大量的时间和精力,但却无法产出真正有价值的内容。

  • 静态站点的选择也值得花时间考量。选择一个适合自己的站点,可以适当降低入门门槛,提高用户使用体验。

小结#

综上所述,动态站点和静态站点各有优缺点。我们可以根据自己的需求,灵活选择适合自己的站点类型。

  • 对于新手小白来说,可以先配置一个动态站点,快速上手,产出内容。到自己有一定经验后,再考虑迁移到静态站点。
  • To Be Honest,博主更推荐使用数据库存储数据,但由于个人精力有限,且更看重内容的产出效率,最终选择了静态站点。
优点描述
访问速度极快极快的响应速度,浏览体验好。
无服务器部署Serverless支持,无维护成本。
更好的SEO优化提升搜索引擎排名,使网站更易被发现。
更高的内容质量产出输出高质量的内容,增强网站价值和浏览体验。

框架选择#

开源社区上有很多像 HexoAstroVuePressNuxt.js 这样优秀的静态主题框架。这些框架各有优缺点。但对于初学者来说,建议选择 Hexo 的 Butterfly 主题及其衍生主题、Vitepress 文档框架、Astro 框架的 Furwari 主题等这些成熟且文档完善的框架。

选择一个好的框架主题,可以大大降低入门门槛,提高使用体验。

坦诚的说,博主都不止一次的使用过上述的几个博客框架,比如说 Hexo 框架下的 Butterfly 主题,基于 Butterfly 框架魔改的 AnZhiYu 主题,Solitude 主题 等等。但都被其严格的语法缩放规则和网站性能问题所限,最终都放弃了,转而选择了 Astro 框架。如果从发展前景来说,更加现代化的 Nuxt.js 和 Astro 无疑是更好的选择。

静态站点部署#

我们使用 Git 来实现版本控制和部署。我们将我们的博客框架上传至我们的 GitHub 仓库,然后在站点托管服务商处,连接我们的 GitHub 仓库,配置好网站的运行环境,即可开始使用。当我们对内容进行变更时,我们只需要把变更的仓库提交到 GitHub 仓库,站点托管服务商会自动检测到变更,并重新构建和部署我们的网站,不必手动操作。

托管服务商选择#

列举托管服务商#

目前主流的提供商有基于 CloudFlare CDN 服务的 CloudFlare Pages (以下简称 CF Pages)、GitHub 的 GitHub Pages (以下简称 G Pages)、基于亚马孙云服务的 NetlifyVercel。国内有 EdgeOne Pages(以下简称 EO)和 ESA Pages。

CloudFlare Pages#

若服务对象在海外,CF Pages 无疑是最优选择。CF 的免费 CDN 可以抵御大量的海外攻击,且不计费,缺点是对于大陆用户延时高,但稳定性仍然不容小觑。如果我们要做全栈服务,且用户在海外, CF 无疑是最好的选择。

GitHub Pages#

GitHub Pages 基于 GitHub 代码托管平台,永久免费,但由于是境外平台的原因,默认提供的 github.io 域名在大陆地区访问速度较慢(比 CloudFlare 还慢),但可以通过自定义域名来改善访问速度。GitHub Pages 的优点是免费且易于使用,适合个人博客和小型项目,但缺点是功能较为有限,并不推荐使用。

Netlify 和 Vercel#

NetlifyVercel 的区别不大,两者均适合中小型项目,但需要免费额度差异。但相较于 CF Pages 来说有更低的延时。其中 Netlify 的亚洲边缘节点托管在新加坡,对于移动和联通的优化不错,电信的延时偏高。

Vercel 在亚洲有香港节点,但由于线路问题,导致在晚高峰时会出现比较严重的丢包情况,对于联通和移动的优化不错,电信欠缺。关于计费方面,传言 Netlify 的计费模式更加严格,Vercel 比较宽松。当请求超过免费版限制时,Netlify 轻则停止服务,重则封号,而 Vercel 更加灵活,一般不会导致封号。

EdgeOne Pages 和 ESA Pages#

对于大陆用户,EO PagesESA Pages 无疑是更好的选择。两者都基于国内的大型云服务商:腾讯云(EdgeOne Pages)和阿里云(ESA Pages),有着更好的网络优化和访问速度。两者在国内都有运营商 CDN 节点,但目前两者处于竞争关系。其中 EO Pages 的技术相较而言更加成熟。

截至 2026 年 1 月 29 日,EO Pages 和 ESA Pages 都仍处于 早期测试 阶段,部分功能相比境外的主流服务商有所欠缺,但对于个人博客来说,已经足够使用。

  • 以下是博主个人对各大静态站点托管服务商的一个简单对比:
平台大陆优先选择国际平台访问速度功能完成度收费模式
EO Pages
ESA Pages
CloudFlare PagesCloudflare > GitHub PagesCloudFlare > Vercel ≈ Netlify > GitHub
VercelVercel ≈ Netlify > CloudflareVercel ≈ Netlify > CloudFlare PagesVercel > Netlify
NetlifyNetlify ≈ Vercel > CloudflareVercel ≈ Netlify > CloudFlare PagesNetlify > CloudFlare
GitHub PagesCloudflare > GitHub PagesGitHub Pages

总结#

以上两个部分的内容,是基于博主个人的使用经验和理解所写,仅供参考。希望能帮助到正在面临相同问题的朋友们。

本站引用了以下链接#

每日一图#

每日一图

分享

如果这篇文章对你有帮助,欢迎分享给更多人!

博客框架选择与静态站点托管
https://blog.haoryou.com/213ad7b7/
作者
洛枫晨
发布于
2026-01-28

部分信息可能已经过时