返回

在 GitHub Pages 上部署 Jekyll 静态博客:使用 Minimal Mistakes 主题

前端

在 GitHub Pages 上部署 Jekyll 静态博客,使用 Minimal Mistakes 主题

介绍


您是否正在寻找一种简单易用的方法来部署您的 Jekyll 静态博客? GitHub Pages 是一个托管静态网站的绝佳平台,而 Minimal Mistakes 是一个设计精良、响应迅速的博客主题。

本教程将逐步指导您完成在 GitHub Pages 上使用 Minimal Mistakes 主题部署 Jekyll 静态博客的步骤。

先决条件


  • GitHub 帐户
  • Node.js 和 npm
  • Jekyll
  • Markdown 编辑器(可选)

步骤 1:设置 Jekyll 项目


  1. 克隆 Jekyll 项目模板仓库:
git clone https://github.com/jekyll/skeleton.git my-blog
  1. 导航到克隆的项目目录:
cd my-blog
  1. 安装 Jekyll 和 Bundler:
bundle install

步骤 2:安装 Minimal Mistakes 主题


  1. 在项目目录中,添加 Minimal Mistakes 主题的副模块:
git submodule add https://github.com/mmistakes/minimal-mistakes themes/minimal-mistakes
  1. 更新子模块:
git submodule update --init --recursive
  1. 切换到 master 分支:
git checkout master

步骤 3:配置 GitHub Pages


  1. 创建一个新仓库或使用现有的仓库来托管您的博客。
  2. 导航到仓库的“设置”选项卡。
  3. 在“Pages”部分下,选择“主分支”作为“部署源”并单击“保存”。

步骤 4:部署到 GitHub Pages


  1. 构建您的博客:
jekyll build
  1. 将构建的文件夹推送到 GitHub 仓库:
git add -A
git commit -m "Initial commit"
git push

您的博客现在应该部署在 GitHub Pages 上。

步骤 5:自定义您的博客


您可以通过编辑 config.yml 文件来自定义您的博客。有关配置选项的更多信息,请参阅 Minimal Mistakes 文档。

结论


恭喜!您已成功部署 Jekyll 静态博客,并使用 Minimal Mistakes 主题。现在,您可以开始撰写和发布博客文章了。

如果您遇到任何问题,请随时查看 Minimal Mistakes 文档或在 GitHub 上提出问题。