Jekyll博客

yellowblue — Jekyll 博客模板

作者 chalatz

Yellowblue 是一个基于 Jekyll 的免费响应式博客主题，采用移动优先设计，内置分类、标签、分页、归档与评论开关，无需额外插件即可用于 GitHub Pages。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

移动优先的响应式布局，文章与页面阅读时侧栏自动移到底部

分类与标签功能无需额外插件，可直接用于 GitHub Pages

内置分页、按发布日期组织的归档页和自定义 404 页面

评论基于 Disqus，可全局或按文章启用、禁用

联系表单基于 Formspree，代码高亮使用 Prism

附带 4 套配色预设，并可通过 Sass 变量自定义配色

模板详细介绍

Yellowblue 是作者 Christos Alatzas 发布的 Jekyll 博客主题，仓库采用 Apache-2.0 许可。主题定位为可直接下载解压使用的静态博客外观，不需要安装流程，也不依赖额外插件，因此可以部署在 GitHub Pages 上。

功能层面，主题提供自定义网格系统、分类与标签（无需插件）、分页、归档页（按发布日期组织）、自定义 404 页面、自动生成的 sitemap.xml，以及文章与页面阅读时侧栏移到底部的无干扰阅读布局。评论通过 Disqus 接入，可全局或按文章启用/禁用；联系表单通过 Formspree 实现。代码高亮使用 Prism，并附带 451 个来自 Icomoon 的 SVG 图标。

外观方面，主题自带 4 套额外配色预设，可通过修改代码中的单个词切换；也可以借助 Sass 变量自定义配色。README 提到使用移动优先技术实现响应式，并包含轻量动画。仓库提供在线演示与独立文档站点。

使用限制：Disqus 评论与 Formspree 表单属于外部服务，需要自行配置对应账号或端点，其额度与费用不在主题代码范围内；示例图片来自 Gratisography，图标、字体等第三方素材需按各自许可核对，不能仅凭代码的 Apache-2.0 许可判断。

Jekyll博客

适合你的项目吗？

适用场景

搭建个人技术博客或写作站点并托管到 GitHub Pages
需要分类、标签、归档与分页但不想引入额外 Jekyll 插件的博客
希望通过 Sass 变量或预设快速调整配色方案的个人站点
需要按文章粒度控制评论开关的博客

适合人群

使用 Jekyll 并计划部署到 GitHub Pages 的个人博主
希望下载解压后直接开始写作、不配置额外插件的用户
需要分类、标签、归档和分页等基础博客功能的站点
愿意自行配置 Disqus 与 Formspree 外部服务的开发者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
主题无需安装，下载解压后即可使用，README 提供在线文档链接
2
评论功能依赖 Disqus，表单功能依赖 Formspree，均需自行注册并配置对应端点
3
示例图片来自 Gratisography，图标来自 Icomoon，字体为 Google Fonts 的 Open Sans，第三方素材需按各自许可核对
4
分发或修改时需遵守 Apache-2.0 许可，保留许可证与归属声明，修改过的文件需显著标明改动

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 Apache-2.0 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发；分发时需随附 Apache-2.0 许可证。
修改过的文件需显著标明改动，并保留相关版权、专利、商标及归属声明。
若原项目附有 NOTICE 文件，分发衍生作品时需保留其中适用的归属声明。
许可包含适用的贡献者专利授权；发起许可所述专利诉讼会终止该专利授权，且不授予商标使用权。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

评论功能依赖第三方服务 Disqus，需自行注册 Disqus 账号并配置站点短名，服务额度与费用由 Disqus 决定，不属于主题代码范围。
联系表单依赖第三方服务 Formspree，需自行注册账号并配置表单端点，免费额度与收费政策由 Formspree 决定。
示例图片来自 Gratisography，其许可与主题代码的 Apache-2.0 不同，需单独核对后方可使用或替换。
451 个 SVG 图标来自 Icomoon，图标素材的许可需单独核对，不能仅凭代码的 Apache-2.0 许可判断。
字体 Open Sans 来自 Google Fonts，需按字体自身许可使用，与主题代码许可无关。
README 提及 Formspree 表单服务；真实提交需配置服务端点，其使用额度与费用需单独核对。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 Apache-2.0 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

no-charge, royalty-free, irrevocable copyright license
许可证原文

Comments (enable / disable them at your own will, globally or per post) - from [Disqus](https://disqus.com/)
README 原文

Contact form (with [Formspree](https://formspree.io/))
README 原文

Sample images: [Gratisography](http://www.gratisography.com/)
README 原文

Icons: [Icomoon](https://icomoon.io/)
README 原文

Font: Open Sans from [Google Fonts](https://www.google.com/fonts)
README 原文

https://github.com/chalatz/yellowblue/blob/master/LICENSE https://github.com/chalatz/yellowblue/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 72 / 100
技术栈: Jekyll
网站类型: 博客

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2023-12-12
截图检查日期: 2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Jekyll。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 2fed023aca5e098da3aaf3b1c0132aa25c60bdb5cb36f8d22c6fe50fed6c0186

2026-10-02T10:59:18.287Z

来源文件 / 仓库

# YellowBlue theme

## Yellowblue: A free responsive Jekyll theme

Yellowblue is a clean, modern, customizable, responsive blog theme, built for Jekyll, the most popular static site generator.

### [Demo](http://chalatz.github.io/yellowblue/)

### Features

- Clean and modern design
- Fully responsive, built using the 'Mobile First' technique
- No installation needed. Just download, extract and you're good to go
- Custom and simple grid system
- Rich and stylish Pattern Library
- 451 SVG icons (from [Icomoon](https://icomoon.io))
- Syntax highlighting (with [Prism](http://prismjs.com) )
- Subtle animations
- Categories (no extra plugins required)
- Tags (no extra plugins required)
- Hero images
- Pagination
- Comments (enable / disable them at your own will, globally or per post) - from [Disqus](https://disqus.com/)
- Contact form (with [Formspree](https://formspree.io/))
- Archives page (organized by publishing date)
- Custom 404 page
- Detailed and thorough documentation
- Detailed auto-generated sitemap.xml
- Real world articles
- Distraction-free reading. The sidebar goes to the bottom while on posts and pages.
- 4 additional color scheme presets. Apply them by changing a single word in the code.
- By the power of Sass variables, you can apply your own color schemes.
- Github Pages ready. No extra plugins are installed

#### [Read the documentation online](http://chalatz.github.io/yellowblue-docs/)

### Credits

Yellowblue uses some excellent open source tools, libraries and assets, as well as a couple of services. Thank you all!

- Sample images: [Gratisography](http://www.gratisography.com/)
- Icons: [Icomoon](https://icomoon.io/)
- Font: Open Sans from [Google Fonts](https://www.google.com/fonts)
- [normalize.css](https://necolas.github.io/normalize.css/)
- [Pure.css](http://purecss.io/)
- [Animate.css](https://daneden.github.io/animate.css/)
- [jQuery](https://jquery.com/)
- [Fluidbox](https://github.com/terrymun/Fluidbox)
- [Prism](http://prismjs.com/)
- [scrollReveal.js](http://scrollrevealjs.org/)
- [Formspree](https://formspree.io/)
- [Disqus](https://disqus.com/)

Made by [Christos Alatzas](https://twitter.com/chalatz)

反馈内容错误