返回
在 GitHub Pages 上部署 Jekyll 静态博客:使用 Minimal Mistakes 主题
前端
2024-02-03 18:00:52
在 GitHub Pages 上部署 Jekyll 静态博客,使用 Minimal Mistakes 主题
介绍
您是否正在寻找一种简单易用的方法来部署您的 Jekyll 静态博客? GitHub Pages 是一个托管静态网站的绝佳平台,而 Minimal Mistakes 是一个设计精良、响应迅速的博客主题。
本教程将逐步指导您完成在 GitHub Pages 上使用 Minimal Mistakes 主题部署 Jekyll 静态博客的步骤。
先决条件
- GitHub 帐户
- Node.js 和 npm
- Jekyll
- Markdown 编辑器(可选)
步骤 1:设置 Jekyll 项目
- 克隆 Jekyll 项目模板仓库:
git clone https://github.com/jekyll/skeleton.git my-blog
- 导航到克隆的项目目录:
cd my-blog
- 安装 Jekyll 和 Bundler:
bundle install
步骤 2:安装 Minimal Mistakes 主题
- 在项目目录中,添加 Minimal Mistakes 主题的副模块:
git submodule add https://github.com/mmistakes/minimal-mistakes themes/minimal-mistakes
- 更新子模块:
git submodule update --init --recursive
- 切换到
master
分支:
git checkout master
步骤 3:配置 GitHub Pages
- 创建一个新仓库或使用现有的仓库来托管您的博客。
- 导航到仓库的“设置”选项卡。
- 在“Pages”部分下,选择“主分支”作为“部署源”并单击“保存”。
步骤 4:部署到 GitHub Pages
- 构建您的博客:
jekyll build
- 将构建的文件夹推送到 GitHub 仓库:
git add -A
git commit -m "Initial commit"
git push
您的博客现在应该部署在 GitHub Pages 上。
步骤 5:自定义您的博客
您可以通过编辑 config.yml
文件来自定义您的博客。有关配置选项的更多信息,请参阅 Minimal Mistakes 文档。
结论
恭喜!您已成功部署 Jekyll 静态博客,并使用 Minimal Mistakes 主题。现在,您可以开始撰写和发布博客文章了。
如果您遇到任何问题,请随时查看 Minimal Mistakes 文档或在 GitHub 上提出问题。