cover

迷途羔羊

DopaMine.

零基础优雅搭建静态博客全教程

3215 字
16 分钟
零基础优雅搭建静态博客全教程

零基础优雅搭建静态博客全教程#

序言#

静态博客凭借零服务器运维、访问速度快、安全性高、轻量化的优势,成为个人技术记录、生活随笔、知识沉淀的最优选择。无需繁杂的后端配置,依托主流边缘平台即可一键部署上线,搭配免费稳定的图床与简洁的 Markdown 编辑器,就能搭建专属个人独立博客。

本文将从部署平台、免费图床、专业写作编辑器三个维度,循序渐进讲解完整搭建流程。其中 Cloudflare、Vercel 无需备案,零成本境外快速上线;腾讯Edge One、阿里云 ESA 备案后可解锁国内极速访问,完美适配不同使用场景,新手可按需选择。

搭建博客,最重要的是,你需要拥有属于自己的一个域名,我前面介绍过怎么弄免费的域名,最好还是买一个吧。

1 静态博客部署平台#

静态博客部署核心依托 Git 仓库(GitHub/Gitee)自动构建部署,全程自动化、支持实时更新。四大平台分为两类:境外免备案平台,开箱即用、无需资质;国内边缘加速平台,备案后独享国内低延迟访问,适配刚需国内访问的用户。

1.1 免备案境外部署平台(零门槛、快速上线)#

境外部署平台主打零备案、零门槛、快速上线,依托全球边缘节点分发,无需域名资质即可搭建公开可访问的个人博客,适合新手快速试水、临时建站、无备案需求的用户,核心代表为 Cloudflare Pages 与 Vercel。

Cloudflare Pages 全能免费、全球节点、稳定性拉满

Cloudflare 作为全球顶尖的边缘网络服务商,Pages 功能永久免费、无流量限制、全球节点覆盖广,支持自动构建、HTTPS加密、自定义域名,是静态博客的首选基础部署方案,全程无需备案。

搭建步骤:

  • 注册登录 Cloudflare 官网,进入控制台左侧「Pages」板块,点击「创建项目」。
  • 选择「连接 Git 仓库」,授权绑定自己的 GitHub/Gitee 账号,选中存放博客源码的仓库。
  • 配置构建参数:根据博客框架选择预设(Hugo/Next/VuePress 等),填写对应构建命令与输出目录,无特殊框架可选择静态HTML模式。
  • 确认配置后点击「保存并部署」,平台自动完成依赖安装、代码构建、边缘节点分发,1-3分钟即可生成专属访问链接。
  • 绑定自定义域名,Cloudflare 自动配置 SSL 证书,永久免费加密访问。

核心优势:永久免费、不限流量、抗访问波动、自带CDN加速、无需备案,适配绝大多数个人博客场景。

Vercel(极致开发体验、适配主流框架)

Vercel 是前端开发者公认的最优部署平台,为 Next.js 官方适配平台,对各类静态博客框架兼容性极佳,部署流程极简、页面加载流畅,同样无需备案,境外访问体验顶级。

搭建步骤:

  • 注册登录 Vercel 官网,首页点击「New Project」,导入GitHub/Gitee 博客仓库。
  • 完成仓库授权(仅读取选中仓库数据,无隐私风险),无需复杂配置,平台自动识别博客框架。
  • 一键点击「Deploy」,系统自动构建部署,全程无需手动干预。
  • 部署完成后生成默认域名,支持自定义域名绑定,自动开启 HTTPS 与全球 CDN 加速。

核心优势:开发体验极佳、构建速度快、适配所有主流静态框架;小短板:未备案情况下,中国大陆部分地区访问速度略逊于国内边缘平台。

1.2 国内备案加速平台(低延迟、国内极速访问)#

上述境外平台虽便捷无门槛,但受网络线路影响,国内访问存在一定延迟与波动。若博客主打国内访问、追求极致流畅的加载速度与稳定性,可选择国内边缘加速平台。此类平台需绑定已备案域名,解锁国内专属节点 CDN 加速,延迟极低、访问稳定性拉满,主流方案为腾讯云 Edge One 与阿里云 ESA。

腾讯云 Edge One Pages(腾讯国内节点、稳定低延迟)

腾讯 Edge One 依托腾讯全球边缘节点,主打国内极速访问,Pages 功能专为静态站点设计,支持Git自动部署、增量更新、智能缓存,备案后彻底解决境外平台国内访问卡顿问题。

搭建步骤:

  • 注册腾讯云账号,开通 Edge One 边缘安全加速平台服务,进入 Pages 控制台。

  • 授权连接个人Git仓库,选中博客源码仓库,自定义构建规则,适配对应博客框架的构建命令。

  • 开启自动部署功能,代码更新后平台自动触发重新构建上线。

  • 绑定已备案域名,系统自动分配国内边缘节点,完成国内 CDN 加速配置。

核心优势:国内节点密集、访问延迟极低、适配国内网络环境、免费额度足够个人使用,备案后体验远超境外平台。

阿里云 ESA 边缘安全加速(全域加速、高稳定性)

阿里云 ESA 是一站式边缘加速与静态部署平台,整合了 CDN、边缘计算、站点托管能力,支持静态博客一键部署、智能路由、全球加速,备案域名绑定后,可实现国内全域极速访问。

搭建步骤:

  • 注册阿里云账号,开通 ESA 边缘安全加速服务,进入静态站点托管模块。

  • 连接Git仓库,导入博客项目,配置构建参数与输出路径,支持 CLI 工具辅助快速初始化项目。

  • 配置流量规则,设置 HTTP/HTTPS 端口、缓存策略,优化静态资源加载速度。

  • 绑定已备案域名,修改 DNS 解析为 ESA 提供的 CNAME 地址,等待解析生效即可完成部署。

核心优势:阿里云基建稳定、抗并发能力强、边缘缓存策略完善,适合长期运营、追求极致稳定性的个人博客。

2 免费稳定图床搭建(博客配图专属方案)#

静态博客的图片若存放本地,上传部署后会失效,图床是博客必备配套工具。图床可将图片上传至云端,生成永久在线链接,适配所有Markdown编辑器,保证博客图片永久正常加载。下面介绍两款永久免费、稳定性强的主流图床方案,适配不同建站需求。

2.1 Cloudflare R2 私人免费图床(零流量限制、私密安全)#

Cloudflare R2 是零出站流量费用的对象存储服务,无访问流量限制、无广告、支持自定义域名,完美适配个人博客配图,私密性与稳定性远超普通公共图床,搭配 PicList 可实现一键上传,是私人博客最优图床选择。

搭建&配置步骤:

  • 登录Cloudflare控制台,找到「R2对象存储」,开通服务(需绑定支付方式,仅身份验证,不会自动扣费)。

  • 创建专属存储桶,自定义桶名称,区域推荐选择亚太节点,提升访问速度,存储类型选择标准存储。

  • 进入 R2 控制台「管理API令牌」,创建读写权限令牌,绑定对应存储桶,记录 Access Key ID、应用密钥等核心参数。

  • 自定义域名配置:在存储桶设置中添加二级域名,绑定后可使用专属域名访问图片,同时开启浏览器缓存与边缘缓存,优化加载速度。

  • 安装 PicList 客户端,在图床设置中选择 S3 通用模式,填入 R2 存储桶参数、API 密钥、存储地址,完成对接。

  • 配置完成后,拖拽图片即可一键上传,自动生成Markdown格式图片链接,直接复制粘贴至博客文档即可。

核心优势:永久免费、无流量上限、私有存储安全性高、支持自定义域名、全球 CDN 加速。

2.2 七牛云免费图床(国内极速、新手友好)#

七牛云是国内老牌对象存储平台,为个人用户提供10GB永久免费存储空间,国内访问速度极快、延迟极低,适配国内部署的静态博客,配置简单、新手零门槛,是入门首选图床。

搭建&配置步骤:

  • 注册七牛云账号,完成个人实名认证(免费额度需实名认证解锁),进入对象存储控制台。

  • 新建存储空间,自定义空间名称,选择就近国内存储区域,访问控制设置为「公开」(保证图片可正常访问)。

  • 进入个人中心「密钥管理」,复制 AccessKey(AK)、SecretKey(SK),保存备用。

  • 下载安装 PicList 客户端,打开「图床设置-七牛云图床」,依次填写自定义图床名称、AK、SK、存储空间名、七牛云分配的测试域名或自定义域名。

  • 保存配置并设置为默认图床,开启剪贴板上传快捷键,后续截图、拖拽图片可一键上传,自动生成可用图片链接。

注意事项:七牛云默认测试域名有效期30天,长期使用建议绑定个人自定义域名,避免链接失效。

核心优势:国内访问极速、免费额度充足、配置简单、新手零门槛,适配所有国内部署博客。

如果你域名是备案的,那么七牛云走 http,套一层 Edge One 这样的 CDN 走 https 会非常流畅。

3 Markdown专属写作工具:Typora#

搭建好博客与图床后,一款优质的 Markdown 编辑器是提升写作效率的关键。Typora 是目前最受欢迎的轻量化 Markdown 编辑器,摒弃传统「代码+预览」双栏模式,实现即写即所得、沉浸式无干扰写作,完美适配静态博客创作场景,搭配图床可实现全流程高效创作。

3.1 软件核心优势#

  • 极简沉浸式界面:无多余弹窗、无广告,纯白写作画布,专注内容创作,告别繁杂排版干扰。
  • 实时渲染预览:输入 Markdown 语法即时生效,标题、加粗、引用、代码块、表格等样式实时可视化,无需切换预览模式。
  • 完美适配图床:原生支持 PicList 对接,粘贴图片自动上传至预设图床,自动替换为在线链接,彻底解决图片本地失效问题。
  • 格式兼容性极强:导出文件适配所有静态博客框架,支持一键导出 MD、HTML、PDF 等格式,排版样式统一不错乱。
  • 轻量化低占用:软件体积小、运行流畅,低配电脑也可无感运行,支持 Windows、Mac、Linux 全平台。

3.2 博客写作适配技巧#

  • 图床联动配置:打开 Typora 偏好设置,找到图像设置,绑定 PicList 上传工具,勾选「粘贴图片自动上传」,写作时截图粘贴即可自动同步至 R2/七牛云图床。
  • 统一博客排版:内置多款简洁主题,可自定义字体、行间距、标题层级,统一博客全局排版风格,无需手动调整样式。
  • 语法快捷操作:支持快捷键快速生成标题、列表、代码块、分割线,大幅提升长文写作效率,适配技术博客、随笔、教程等多种文体。
  • 文件管理便捷:支持本地文件夹管理,可直接同步博客源码目录,修改后直接提交Git更新,实现写作、部署无缝衔接。

总结#

本文完整梳理了静态博客从部署、配图到写作的全流程解决方案,适配不同用户的建站需求,零基础也可快速搭建专属独立博客。部署层面,无备案、追求高效便捷可选择 Cloudflare、Vercel 两大境外平台;已备案、追求国内极致访问速度可选用腾讯 Edge One、阿里云ESA 国内边缘加速平台。图床层面,私密无限流首选 Cloudflare R2,新手国内稳定使用优先七牛云免费图床。写作层面,依托 Typora 沉浸式编辑器搭配 PicList 自动传图,可形成高效、稳定、完整的博客运营闭环。整套方案零成本、高稳定,完全满足个人长期博客运营需求。

Created with ❤️ by 十三

支持与分享

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

打赏
零基础优雅搭建静态博客全教程
https://blog.nw177.cn/posts/40-博客搭建/02-零基础优雅搭建静态博客全教程/
作者
十三
发布于
2026-06-04
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
十三
终不似,少年游。
📢 欢迎来访者
👋🏻 Hi,我是十三,欢迎来到我的博客!这里是分享知识、交流想法的地方。希望你能在这里找到有价值的内容!
分类
标签
站点统计
文章
55
分类
9
标签
58
总字数
87,993
运行时长
0
最后活动
0 天前
站点信息
构建平台
EdgeOne
博客版本
Firefly v6.13.9
文章许可
CC BY-NC-SA 4.0
音乐
封面

音乐

暂未播放

0:000:00
暂无歌词
--%
本年还剩 -- 天
--%
本月还剩 -- 天
--%
本周还剩 -- 天

距离 --

--

--

我和宝宝在一起已经
---------TSH❤️CXY---------
---------TSH
❤️
CXY---------
0000000
✨ 今日一言
"山重水复疑无路,柳暗花明又一村。"
—— 陆游
天气预报
统计
✨️ 复制成功,转载请标注本文地址