Skip to content

常见建站框架: Hexo、Jekyll、Hugo、VuePress、Docusaurus、WordPress、Ghost、VitePress。

总结来说:购买域名、服务器(可选)、部署代码、绑定域名、设置 DNS、设置解析
国内可以选择备案或套 cf

部署:vercel,github pages,netlify,cloudflare pages 等

ps:netlify 和 cloudflare 大善人有很多免费服务

VitePress 博客搭建参考资料

官方文档

优秀博客示例与教程

  1. Example Blog

    • 清晰的目录结构
    • 基础配置示例
  2. Auriel's Blog

    • 详细的搭建步骤
    • 主题定制方案
  3. Ken Xu's Blog

    • 从零开始的教程
    • 完整的部署流程
  4. Nolebase

    • 知识库示例
    • 高级功能展示

💡 这些参考资料将帮助你构建一个功能完善的 VitePress 博客
放几个相关链接

  1. VitePress

  2. Docusaurus

  3. Hexo

  4. Hugo

  5. VuePress

    freedns

    常见建站框架对比:

框架名称技术栈特点适用场景
VitePressVue3 + Vite轻量快速,配置简单技术文档、个人博客
DocusaurusReact + MDX功能丰富,社区活跃大型文档项目
HexoNode.js + EJS主题丰富,生态成熟个人博客
HugoGo构建速度快,资源占用少静态网站、博客
JekyllRubyGitHub 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,去中心化的写作平台,内容一经发布不可更改

https://steemit.com

选择建议:

  1. 对于个人博客:

    • 追求简单:VitePress(文档)
    • 需要丰富主题:Hexo(总能找到喜欢的主题)
    • 注重性能:Hugo
  2. 对于项目文档:

    • 小型项目:VitePress
    • 大型项目:Docusaurus
    • GitHub 项目:Jekyll
  3. 技术栈考虑:

    • 熟悉 Vue:选择 VitePress
    • 熟悉 React:选择 Docusaurus
    • 不想写前端代码:选择 Hexo/Hugo

📧 Cloudflare 邮件路由配置指南

前置要求

  1. 已拥有域名
  2. 完成域名托管到Cloudflare(如果在CF购买域名可跳过此步骤)

配置步骤

bash
# 1. 添加域名
  访问CF控制台 点击「添加站点」→ 输入域名 选择免费计划

# 2. 修改DNS服务器(非CF购买域名需操作)
  在域名注册商处修改NS记录:

# 3. 创建邮件路由
  a. 进入域名控制台 侧边栏「电子邮件」→「路由规则」
  b. 点击「创建路由规则」
  c. 填写规则信息:
    - 名称:自定义子域名
    - 匹配:匹配所有邮件
    - 目标:选择「转发」→ 输入目标邮箱地址
    - 保存规则

# 4. 验证配置(等待DNS生效约5-30分钟)
  发送测试邮件
 预期结果:邮件将转发至绑定邮箱

⚠️ 注意事项:

  1. 免费版每月限额1000封转发邮件
  2. 不支持附件超过25MB的邮件
  3. 修改DNS后需等待全球解析生效(最多72小时)