本地开发环境配置指南

快速开始

方法一:使用启动脚本(推荐)

chmod +x start_local.sh
./start_local.sh

方法二:手动配置

1. 安装 Ruby

macOS:

# 使用 Homebrew 安装
brew install ruby

# 添加到 PATH
echo 'export PATH="/opt/homebrew/opt/ruby/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc

Ubuntu/Debian:

sudo apt-get update
sudo apt-get install ruby-full build-essential zlib1g-dev

Windows:

  • 下载安装包: https://rubyinstaller.org/
  • 安装时勾选 “Add Ruby to PATH”

2. 配置 Gem 环境(避免使用 sudo)

# 配置 gem 使用用户目录
echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

3. 安装 Bundler

gem install bundler

4. 安装项目依赖

# 进入项目目录
cd /path/to/summu77.github.io

# 配置 bundle 使用本地路径
bundle config set --local path 'vendor/bundle'

# 安装依赖
bundle install

5. 启动本地服务器

bundle exec jekyll serve

# 或使用实时重载(推荐开发时使用)
bundle exec jekyll serve --livereload

服务器启动后访问: http://localhost:4000

常用命令

# 启动服务器(基础)
bundle exec jekyll serve

# 启动服务器(实时重载,文件更改自动刷新)
bundle exec jekyll serve --livereload

# 包含草稿文章
bundle exec jekyll serve --drafts

# 生成站点(不启动服务器)
bundle exec jekyll build

# 清理缓存
bundle exec jekyll clean

# 更新依赖
bundle update

故障排除

问题:bundle install 超时或失败

解决方案:

# 更换 RubyGems 镜像源
gem sources --add https://mirrors.tuna.tsinghua.edu.cn/rubygems/ --remove https://rubygems.org/

# 或配置 bundle 使用镜像
bundle config mirror.https://rubygems.org https://mirrors.tuna.tsinghua.edu.cn/rubygems

问题:Permission denied (权限错误)

解决方案: 确保已正确配置 GEM_HOME 环境变量,使用用户目录安装 gems,不要使用 sudo。

问题:端口被占用

解决方案:

# 使用其他端口
bundle exec jekyll serve --port 4001

问题:依赖版本冲突

解决方案:

# 删除 vendor 目录重新安装
rm -rf vendor
bundle install

项目结构

.
├── _config.yml          # 站点配置
├── _pages/
│   └── about.md         # 主页内容
├── _includes/           # 包含文件
├── _layouts/            # 布局模板
├── _sass/               # SCSS 样式
├── assets/              # 静态资源
├── images/              # 图片
├── start_local.sh       # 启动脚本
└── README.md            # 本文件

在线预览

GitHub Pages 自动部署地址: https://summu77.github.io/

修改后更新到 GitHub

# 添加所有更改
git add .

# 提交
git commit -m "你的修改说明"

# 推送到 GitHub
git push origin main

推送后约 1-2 分钟,网站会自动更新。