资源栈 - www.zyz88.com

Jekyll建站教程:Ruby静态博客生成器安装配置与GitHub Pages部署指南

admin
2026-09-12 1 阅读 0 评论 0 点赞

Jekyll是一款基于Ruby开发的静态站点生成器,以MIT协议开源。Jekyll诞生于2008年,由GitHub联合创始人Tom Preston-Werner创建,是GitHub Pages官方支持的静态站点生成器。Jekyll支持Markdown写作,使用Liquid模板引擎,将纯文本转换为静态HTML网站,可部署到GitHub Pages、Netlify、Vercel、自有服务器等任何静态托管平台。Jekyll适合搭建个人博客、技术文档、项目主页、作品集。

核心优势:GitHub Pages原生支持(免费托管)、轻量快速、Markdown写作、Liquid模板引擎、丰富的主题和插件、完全静态(无需数据库)、部署灵活、安全性高、Git友好(内容版本管理)、社区活跃。Jekyll是GitHub用户和技术博主的首选静态博客工具。

本文目录

环境要求

  • 操作系统:Windows / macOS / Linux
  • Ruby版本:Ruby 2.7 ~ 3.2(Jekyll 4.x推荐Ruby 3.0+)
  • RubyGems:随Ruby安装
  • 内存:最低256MB,推荐512MB以上
  • 磁盘:至少500MB可用空间
  • Git:用于版本管理和部署(必需)
  • 文本编辑器:VS Code / Sublime Text等(推荐)

安装教程

步骤1:安装Ruby

Windows:

  1. 下载RubyInstaller(https://rubyinstaller.org/downloads/),选择Ruby+Devkit 3.x版本
  2. 双击安装,勾选”Add Ruby executables to your PATH”
  3. 安装完成后运行命令提示符,验证:ruby --versiongem --version

macOS(Homebrew):

brew install ruby
echo 'export PATH="/usr/local/opt/ruby/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc
ruby --version

Linux(Ubuntu/Debian):

sudo apt update
sudo apt install -y ruby-full build-essential zlib1g-dev
echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc
ruby --version

步骤2:安装Jekyll和Bundler

gem install jekyll bundler
jekyll --version
bundler --version

步骤3:创建Jekyll站点

jekyll new my-blog
cd my-blog

这会创建一个标准的Jekyll站点结构,包含默认主题(minima)和示例文章。

步骤4:本地预览

bundle exec jekyll serve

访问 http://localhost:4000 即可看到博客首页。按Ctrl+C停止服务器。

步骤5:配置站点信息

编辑站点根目录下的 _config.yml 文件:

title: 我的博客
description: 分享技术与生活
author: 你的名字
url: "https://yourusername.github.io"
baseurl: ""

# Build settings
markdown: kramdown
theme: minima
plugins:
  - jekyll-feed
  - jekyll-seo-tag

# Social links
twitter_username: jekyllrb
github_username:  jekyll

# Exclude from processing
exclude:
  - Gemfile
  - Gemfile.lock
  - node_modules
  - vendor

步骤6:撰写文章

_posts 目录下创建Markdown文件,文件名格式为 YYYY-MM-DD-文章标题.md

---
layout: post
title: "我的第一篇文章"
date: 2026-09-12 18:00:00 +0800
categories: 技术
tags: [Jekyll, 博客]
---

这里是文章正文,使用Markdown语法。

## 二级标题

正文内容...

步骤7:构建静态文件

bundle exec jekyll build

生成的静态文件保存在 _site 目录下。

步骤8:部署到GitHub Pages

8.1 创建GitHub仓库

在GitHub创建一个名为 你的用户名.github.io 的public仓库。

8.2 初始化Git并推送

git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/你的用户名/你的用户名.github.io.git
git push -u origin main

推送后GitHub会自动构建并部署,访问 https://你的用户名.github.io 即可。

步骤9:部署到自有服务器(可选)

_site 目录下的所有文件上传到服务器网站根目录即可,无需Ruby、数据库等环境。

# 使用rsync同步到服务器
rsync -avz --delete _site/ user@yourserver:/www/wwwroot/yourdomain.com/

Windows环境注意事项

  • 必须安装Ruby+Devkit版本,否则编译原生扩展会失败
  • 建议使用Git Bash或Windows Terminal获得更好的命令行体验
  • 文件路径不要包含中文和空格,避免编码问题
  • 首次运行jekyll serve可能较慢,需要安装依赖

宝塔面板部署(静态站点)

  1. 在本地执行bundle exec jekyll build生成静态文件
  2. 宝塔面板添加站点,PHP版本选择”纯静态”
  3. _site目录下的所有文件上传到网站根目录
  4. 配置Nginx:开启gzip压缩,设置静态资源缓存
  5. 配置SSL证书(宝塔一键部署Let’s Encrypt)
  6. 可选:配置GitHub Actions自动构建部署

服务器配置建议(自有服务器部署)

  • Nginx配置纯静态站点,无需Ruby/PHP/MySQL
  • 启用gzip/brotli压缩
  • 配置静态资源缓存策略(CSS/JS/图片长缓存,HTML短缓存)
  • 配置HTTPS(Let’s Encrypt免费证书)
  • 设置404页面
  • 使用CDN加速静态资源
  • 本地构建时使用JEKYLL_ENV=production bundle exec jekyll build启用生产环境优化

常见问题

Q:gem install jekyll失败?
A:Windows确保安装了Ruby+Devkit版本。Linux安装build-essential和zlib1g-dev。macOS安装Xcode命令行工具:xcode-select --install

Q:jekyll serve启动后无法访问?
A:检查4000端口是否被占用,可指定其他端口:bundle exec jekyll serve --port 5000。检查防火墙是否开放端口。

Q:GitHub Pages部署后样式丢失?
A:检查_config.yml中的url和baseurl配置是否正确。如果部署到子目录,需要设置baseurl为子目录路径。

Q:如何更换主题?
A:在_config.yml中修改theme字段,或使用remote_theme引用GitHub主题。常用主题:minima(默认)、just-the-docs、minimal-mistakes、beautiful-jekyll等。

Q:Jekyll和Hexo怎么选?
A:需要GitHub Pages原生支持、Ruby生态选Jekyll;追求生成速度、Node.js生态、中文社区选Hexo。GitHub用户推荐Jekyll,普通用户推荐Hexo。

官方网址

Jekyll官网地址:https://jekyllrb.com

文章标题 Jekyll建站教程:Ruby静态博客生成器安装配置与GitHub Pages部署指南
本文由 资源栈 原创发布,转载请注明出处并保留原文链接。