个人Blog框架介绍

普通版

搭建一个不需要租服务器的个人博客，有几个便捷的方案可以考虑。以下是几种常见的方式：

1. GitHub Pages

  • 概述：GitHub Pages 是 GitHub 提供的免费托管服务，可以用来搭建静态网站或博客，且支持自定义域名。

  • 步骤：

    1. 创建 GitHub 仓库：注册或登录 GitHub，创建一个名为 yourusername.github.io 的仓库。
    2. 设置仓库：将你的博客文件（HTML、CSS、JS 等）上传到这个仓库的 main 或 gh-pages 分支。
    3. 选择模板：如果你想更快搭建，可以使用 Jekyll、Hugo 等静态网站生成器，并选择或创建一个主题。
    4. 访问博客：你的博客会在 https://yourusername.github.io 自动上线。
    5. 自定义域名（可选）：在仓库中创建一个 CNAME 文件，将你的自定义域名指向 GitHub Pages。

  • 优点：免费、简单易用、与 GitHub 集成、支持自定义域名。

2. Notion + Super / Fruition

  • 概述：Notion 是一款多功能笔记工具，可以将页面公开，并通过第三方工具如 Super、Fruition，将其转换为一个美观的博客。

  • 步骤：

    1. 创建 Notion 页面：在 Notion 中创建你的博客内容。
    2. 公开页面：将 Notion 页面设为公开并获取链接。
    3. 使用 Super 或 Fruition：使用 Super（付费）或 Fruition（免费）将 Notion 页面映射到自定义域名上。

  • 优点：操作简单、易于管理内容、适合非技术用户。

3. WordPress.com

  • 概述：WordPress.com 提供免费的博客托管服务，适合不想自行托管的用户。

  • 步骤：

    1. 注册账号：在 WordPress.com 上注册账号并选择免费套餐。
    2. 选择主题：选择一个适合的博客主题。
    3. 撰写内容：开始撰写并发布你的博客文章。
    4. 自定义域名（可选）：免费版下你的域名将是 yourblog.wordpress.com，如需自定义域名需付费升级。

  • 优点：无需技术背景、支持丰富的插件和主题。

4. Medium

  • 概述：Medium 是一个现成的博客平台，用户可以直接在上面撰写并发布文章。

  • 步骤：

    1. 注册账号：在 Medium 上注册账号。
    2. 撰写文章：直接在 Medium 上撰写并发布你的文章。
    3. 自定义域名（付费）：如果你希望用自定义域名，需要加入 Medium 的付费计划。

  • 优点：非常简单、已有读者群体、无需维护。

5. Blogger

  • 概述：Blogger 是谷歌提供的免费博客平台。

  • 步骤：

    1. 注册 Google 账号：在 Blogger 上使用 Google 账号注册。
    2. 选择模板：选择或自定义一个博客模板。
    3. 撰写内容：撰写并发布你的博客文章。
    4. 自定义域名（可选）：支持将自定义域名绑定到你的 Blogger 站点。

  • 优点：简单免费、与 Google 服务集成。

总结

如果你熟悉编程并希望有更多的自定义选项，GitHub Pages 是一个不错的选择。如果你更看重简单和易用性，Notion + Super 或 Fruition 以及 Medium 都是不错的选择。WordPress.com 和 Blogger 则适合想要更传统博客体验的用户。

专业版

1. Hexo

  • 概述：Hexo 是一个基于 Node.js 的快速、简单且强大的静态博客框架，生成的博客为纯静态页面，非常适合托管在 GitHub Pages、Netlify 等平台上。
  • 特点：
    • 使用 Markdown 撰写文章。
    • 丰富的插件和主题支持，易于定制。
  • 使用步骤：
    1. 安装 Node.js 和 npm：Hexo 依赖于 Node.js 环境。先安装 Node.js，它会附带 npm（Node.js 包管理器）。
    2. 安装 Hexo：运行 npm install -g hexo-cli 全局安装 Hexo CLI。
    3. 初始化博客：在命令行中进入你想存放博客的文件夹，运行 hexo init blog 初始化博客。
    4. 安装依赖：进入 blog 文件夹，运行 npm install 安装必要的依赖。
    5. 撰写文章：使用 hexo new post "My New Post" 创建新文章，文章会以 Markdown 格式保存。
    6. 生成静态文件：运行 hexo generate 生成静态文件。
    7. 预览博客：运行 hexo server 本地预览博客，访问 http://localhost:4000。
    8. 部署到 GitHub Pages：配置 _config.yml 中的 deploy 选项，然后运行 hexo deploy 将博客部署到 GitHub Pages。

2. Jekyll

  • 概述：Jekyll 是一个由 Ruby 开发的静态网站生成器，特别适合与 GitHub Pages 搭配使用。
  • 特点：
    • 使用 Markdown 或 HTML 撰写文章。
    • 支持自定义主题和插件。
  • 使用步骤：
    1. 安装 Ruby：Jekyll 依赖于 Ruby 环境。安装 Ruby 和 RubyGems。
    2. 安装 Jekyll 和 Bundler：运行 gem install jekyll bundler 安装 Jekyll 和 Bundler。
    3. 创建新站点：在命令行中运行 jekyll new myblog 创建新站点。
    4. 安装依赖：进入 myblog 文件夹，运行 bundle install 安装依赖。
    5. 撰写文章：在 _posts 文件夹中创建 Markdown 文件撰写文章，文件命名格式为 YEAR-MONTH-DAY-title.md。
    6. 生成静态文件：运行 jekyll build 生成静态文件。
    7. 预览博客：运行 jekyll serve 本地预览，访问 http://localhost:4000。
    8. 部署到 GitHub Pages：将生成的文件上传到 GitHub Pages。

3. Solo

  • 概述：Solo 是一个轻量级的 Java 开发的博客系统，适合需要一个简单快速部署的博客。
  • 特点：
    • 集成 Markdown 编辑器。
    • 内置主题，简单易用。
  • 使用步骤：
    1. 下载 Solo：从 Solo 的 GitHub 仓库下载最新版本的 solo.war 文件。
    2. 部署 Solo：将 solo.war 部署到支持 Java 的服务器（如 Tomcat）。
    3. 配置数据库：启动后访问 Solo，按照引导配置数据库（MySQL、SQLite 等）。
    4. 撰写文章：登录后台，使用集成的 Markdown 编辑器撰写文章。
    5. 自定义主题：可以通过后台选择或自定义主题。

4. Halo

  • 概述：Halo 是一个现代化的开源博客系统，基于 Java 开发，支持多种数据库。
  • 特点：
    • 支持 Markdown 和富文本编辑器。
    • 丰富的插件和主题市场。
  • 使用步骤：
    1. 下载 Halo：从官方 GitHub 仓库下载最新的 Halo 版本。
    2. 部署 Halo：将 Halo 部署到支持 Java 的服务器。
    3. 配置数据库：访问 Halo 后台，根据引导配置数据库（MySQL、SQLite 等）。
    4. 撰写文章：使用后台的编辑器撰写并发布文章。
    5. 管理插件和主题：通过后台管理插件和主题，实现博客功能的扩展。

5. Gohugo

  • 概述：Gohugo 是一个用 Go 语言编写的静态网站生成器，以其极快的生成速度著称。
  • 特点：
    • 使用 Markdown 撰写文章。
    • 支持多语言和丰富的主题。
  • 使用步骤：
    1. 安装 Hugo：从 Hugo 的官方网站下载并安装 Hugo。
    2. 创建新站点：运行 hugo new site myblog 创建新站点。
    3. 安装主题：进入 myblog 文件夹，选择并安装一个主题（通过 Git 克隆或直接下载）。
    4. 撰写文章：运行 hugo new posts/my-first-post.md 创建新文章。
    5. 生成静态文件：运行 hugo 生成静态文件。
    6. 预览博客：运行 hugo server 本地预览，访问 http://localhost:1313。
    7. 部署到 GitHub Pages：将生成的静态文件上传到托管平台。

6. VuePress

  • 概述：VuePress 是 Vue.js 团队开发的一个用于生成静态网站的工具，特别适合用于技术文档和博客。
  • 特点：
    • 基于 Vue.js，支持 Vue 组件。
    • 内置 Markdown 支持，适合技术博客。
  • 使用步骤：
    1. 安装 Node.js 和 npm：确保本地有 Node.js 环境。
    2. 安装 VuePress：在项目目录下运行 npm install -g vuepress 全局安装 VuePress。
    3. 创建新站点：创建一个新文件夹作为项目根目录，并创建 docs 文件夹，在其中撰写 Markdown 文件。
    4. 配置站点：在 docs 文件夹中创建 .vuepress/config.js 文件，配置站点的基本信息。
    5. 撰写文章：在 docs 文件夹中撰写 Markdown 文件。
    6. 生成静态文件：运行 vuepress build docs 生成静态文件。
    7. 预览博客：运行 vuepress dev docs 本地预览，访问 http://localhost:8080。
    8. 部署到 GitHub Pages：将生成的静态文件上传到托管平台。

7. WordPress

  • 概述：WordPress 是最流行的内容管理系统（CMS），可以用来构建从博客到复杂网站的任何类型的网站。
  • 特点：
    • 支持插件扩展功能。
    • 大量主题可供选择。
  • 使用步骤：
    1. 选择 WordPress.com：使用 WordPress.com 平台，不需要自己托管，适合快速搭建博客。
    2. 安装 WordPress（自托管）：如果需要自托管版本，在 WordPress.org 下载 WordPress，上传到你的服务器，运行安装向导。
    3. 配置数据库：根据安装向导，配置数据库信息（MySQL）。
    4. 选择主题和插件：进入后台，选择并安装主题和插件。
    5. 撰写文章：使用内置的编辑器撰写并发布文章。

区别和对比

  1. 托管和自托管：

    • Hexo、Jekyll、Gohugo、VuePress：生成静态网站，可以托管在 GitHub Pages、Netlify 等静态托管平台，使用者需要具备一定的技术基础。
    • Solo、Halo、WordPress（自托管）：需要部署在支持 Java 或 PHP 的服务器上，适合对动态内容和自定义要求较高的用户。
    • WordPress.com：无需自己托管，非常适合不愿意配置服务器的用户。

  2. 灵活性和自定义：

    • Hexo、Jekyll、Gohugo、VuePress：高度灵活，支持自定义主题和插件，但需要较强的技术能力。
    • Solo、Halo：较简单易用，但相对于静态网站生成器，功能更为丰富，需要配置服务器。
    • WordPress：即使在无需技术基础的前提下，也可以通过丰富的插件和主题进行高度定制。

  3. 复杂度：

    • Hexo、Jekyll、Gohugo、VuePress：需要安装和配置开发环境，适合有一定编程基础的用户。
    • Solo、Halo、WordPress：一般需要一些服务器知识，但一旦配置好，管理比较简单。
    • WordPress.com：操作最简单，无需任何技术背景。

  4. 用途：

    • Hexo、Jekyll、Gohugo、VuePress：适合技术博客、个人网站、项目文档等。
    • Solo、Halo：适合需要更丰富功能的博客或小型网站。
    • WordPress：适合从简单博客到复杂网站的各种场景。