Zhang 的博客

记录学习、技术与生活

使用免费方案部署个人博客

2026-10-09 · 教程 / 建站

很多朋友想搭建自己的个人博客,但又不想花钱买服务器。其实现在有很多免费的托管方案,这篇文章记录一下我的实践。

免费托管平台对比

平台 费用 国内访问 绑定域名
EdgeOne Pages 免费 快 支持,自动 HTTPS
Cloudflare Pages 免费 一般 支持,自动 HTTPS
GitHub Pages 免费 较慢 支持

部署步骤概览

  1. 准备好博客的静态文件(HTML/CSS/JS)
  2. 在托管平台创建一个项目并上传文件
  3. 绑定自己的域名
  4. 到域名注册商修改 DNS 解析记录
  5. 等待生效,访问域名即可

代码示例

// 一个简单的页面加载时间统计
window.addEventListener('load', () => {
  const t = performance.timing;
  const loadTime = t.loadEventEnd - t.navigationStart;
  console.log(`页面加载耗时:${loadTime}ms`);
});

搞定之后,你的博客就上线了,而且完全免费。