一个基于 Jekyll 的极简风格个人博客,采用黑白灰配色,大量留白,专注于内容本身。
- 极简设计:黑白灰配色方案,去除一切不必要的装饰
- 大量留白:舒适的阅读体验,给内容呼吸的空间
- 响应式:在各种设备上都有良好的显示效果
- 功能完整:首页、归档、标签、关于页一应俱全
- 易于定制:清晰的代码结构,易于修改和扩展
.
├── _config.yml # Jekyll 配置文件
├── _layouts/ # 布局模板
│ ├── default.html # 默认布局
│ ├── post.html # 文章布局
│ └── page.html # 页面布局
├── _posts/ # 博客文章
│ ├── 2024-12-01-welcome-to-minimal-blog.md
│ ├── 2024-12-10-the-power-of-simplicity.md
│ └── 2024-12-25-building-a-jekyll-blog.md
├── assets/ # 静态资源
│ └── css/
│ └── main.css # 主样式文件
├── index.html # 首页(文章列表)
├── archive.html # 归档页
├── tags.html # 标签页
├── about.md # 关于页
├── Gemfile # Ruby 依赖
└── README.md # 说明文档
gem install bundler
bundle installbundle exec jekyll serve访问 http://localhost:4000 查看博客。
在 _posts 目录下创建新文章,文件名格式为 YYYY-MM-DD-title.md:
---
layout: post
title: "文章标题"
date: 2024-12-25 10:00:00 +0800
tags: [标签1, 标签2]
---
文章内容...编辑 _config.yml 文件:
title: 你的博客标题
description: 博客描述
author:
name: 你的名字
email: your.email@example.com编辑 assets/css/main.css 文件,调整颜色、字体、间距等。
编辑 _layouts/default.html 中的导航部分。
- 创建名为
username.github.io的仓库 - 推送代码到仓库
- 在仓库设置中启用 GitHub Pages
- 访问
https://username.github.io
也可以部署到 Netlify、Vercel 等平台,它们都支持 Jekyll。
MIT License
感谢 Jekyll 团队和所有开源贡献者。