前言

在当今数字时代，搭建一个高效、个性化的博客已成为许多内容创作者和开发者的目标。本篇文章旨在从全局视角介绍博客的整体方案，涵盖从内容管理到线上部署的各个层面。我们将详细探讨如何利用Notion进行内容整理，通过eLog实现与Hexo的同步，并最终将博客部署到GitHub Pages和Cloudflare Pages。此外，文章还将提供未来的产品路线图，展示博客的迭代优化过程和功能扩展。

产品架构

产品架构

说明：

  • 总共分成四个层次，notion 笔记层、hexo 博客本地管理层、线上部署层、用户感知层
  • noiton笔记层，利用noiton的强大能力，整理和输出内容
    • elog，一键将notion内容同步到hexo本地博客管理
  • hexo 博客本地管理层，进行博客自定义管理
  • 线上部署层，将博客先挂载到github pages，再挂载到cloudflare pages
  • 用户感知层，用户访问网站地址获取内容
  • 多语言管理：
    • 两个独立的中英文博客项目
    • 前端JavaScript+cloudflare worker实现语言切换

产品路线图

版本号 目标 相关博文
V1.0 从0到1，本地搭建和线上部署 1.Hexo博客搭建：搭建本地博客、部署到GitHub Pages和Cloudflare Pages
V1.1 从0 到 1， 实现 notion 内容同步到hexo 博客 1.Hexo博客搭建：通过Elog将Notion内容同步到Hexo博客
V1.2 从 0 到 1，购买、解析域名 1.Hexo博客搭建：Namecheap域名注册与Cloudflare域名解析
V1.3 新增 butterfly 主题配置 1.Hexo博客搭建：butterfly主题配置（待发布）
V1.4 新增支持多语言切换 1.Hexo博客搭建：如何支持多语言切换