常见建站框架: Hexo、Jekyll、Hugo、VuePress、Docusaurus、WordPress、Ghost、VitePress。
总结来说:购买域名、服务器(可选)、部署代码、绑定域名、设置 DNS、设置解析
国内可以选择备案或套 cf
部署:vercel,github pages,netlify,cloudflare pages 等
ps:netlify 和 cloudflare 大善人有很多免费服务
VitePress 博客搭建参考资料
官方文档
优秀博客示例与教程
- 清晰的目录结构
- 基础配置示例
- 详细的搭建步骤
- 主题定制方案
- 从零开始的教程
- 完整的部署流程
- 知识库示例
- 高级功能展示
💡 这些参考资料将帮助你构建一个功能完善的 VitePress 博客
放几个相关链接
框架名称 | 技术栈 | 特点 | 适用场景 |
---|---|---|---|
VitePress | Vue3 + Vite | 轻量快速,配置简单 | 技术文档、个人博客 |
Docusaurus | React + MDX | 功能丰富,社区活跃 | 大型文档项目 |
Hexo | Node.js + EJS | 主题丰富,生态成熟 | 个人博客 |
Hugo | Go | 构建速度快,资源占用少 | 静态网站、博客 |
Jekyll | Ruby | GitHub Pages 默认支持 | 简单的项目文档 |
✍️写作平台 WordPress,博客及内容管理系统,你可以在.COM网站注册使用。或者使用.ORG网站的程序搭建自己的网站,支持中文。
https://zh-cn.wordpress.com Medium,由推特联合创始人创办的高颜值博客平台。
https://medium.com Blogger,谷歌旗下博客平台。
https://www.blogger.com Telegraph,Telegram 官方推出的文章发布平台,主打匿名性
https://telegra.ph Matters,去中心化的写作平台,内容一经发布不可更改
https://matters.news Steemit,去中心化的写作平台,内容一经发布不可更改
选择建议:
对于个人博客:
- 追求简单:VitePress(文档)
- 需要丰富主题:Hexo(总能找到喜欢的主题)
- 注重性能:Hugo
对于项目文档:
- 小型项目:VitePress
- 大型项目:Docusaurus
- GitHub 项目:Jekyll
技术栈考虑:
- 熟悉 Vue:选择 VitePress
- 熟悉 React:选择 Docusaurus
- 不想写前端代码:选择 Hexo/Hugo
📧 Cloudflare 邮件路由配置指南
前置要求
- 已拥有域名
- 完成域名托管到Cloudflare(如果在CF购买域名可跳过此步骤)
配置步骤
bash
# 1. 添加域名
访问CF控制台 → 点击「添加站点」→ 输入域名 → 选择免费计划
# 2. 修改DNS服务器(非CF购买域名需操作)
在域名注册商处修改NS记录:
# 3. 创建邮件路由
a. 进入域名控制台 → 侧边栏「电子邮件」→「路由规则」
b. 点击「创建路由规则」
c. 填写规则信息:
- 名称:自定义子域名
- 匹配:匹配所有邮件
- 目标:选择「转发」→ 输入目标邮箱地址
- 保存规则
# 4. 验证配置(等待DNS生效约5-30分钟)
发送测试邮件
▸ 预期结果:邮件将转发至绑定邮箱
⚠️ 注意事项:
- 免费版每月限额1000封转发邮件
- 不支持附件超过25MB的邮件
- 修改DNS后需等待全球解析生效(最多72小时)