JekyllHTML博客作品集

Beautiful Jekyll — Jekyll 博客模板

作者 Dean Attali

成熟易用的 Jekyll 博客主题,适合个人写作、项目展示与轻量内容站。

看看你的网站会是什么样

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

3 个预览视图
桌面端首页1 / 3
桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 3

截图用于了解视觉与布局,交互效果请以实际项目为准。 本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

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

01

三分钟上手:fork 仓库、改名、编辑配置即可发布到 GitHub Pages

02

移动优先的响应式设计,在 Chrome 审计中接近满分

03

支持六种评论系统(Disqus、Facebook、Utterances、Staticman、giscus、CommentBox)

04

内置标签索引、RSS、搜索按钮和 Google Analytics 集成

05

每页可自定义封面图、缩略图、SEO 与社交分享参数

06

自 2015 年起持续维护,拥有超过 5 万用户

模板详细介绍

Beautiful Jekyll 是一个在 Jekyll 生态中经过长期打磨的博客主题,由 Dean Attali 维护,自 2015 年起积累了超过 5 万用户。它的核心定位是让任何人能在几分钟内搭建一个外观清爽的网站,尤其适合个人博客、作品集或简单的项目展示页。主题采用移动优先的响应式设计,在 Google Chrome 的审计中能获得接近满分的表现,同时提供了大量个性化设置,比如更换背景颜色或图片、添加 logo 等。

在内容管理上,Beautiful Jekyll 保持了 Jekyll 的简洁工作流:你只需用 Markdown 编写页面和博客文章,并遵循 YAML front matter 规范添加标题、封面图、标签等参数。主题内置了标签索引、RSS 订阅、搜索按钮、评论系统(支持 Disqus、giscus、Utterances 等六种)、Google Analytics 集成以及社交分享按钮,还支持为每篇文章设置全宽封面图和缩略图。这些功能让站点在保持轻量的同时,具备了内容站常见的交互能力。

使用门槛很低:最推荐的方式是直接 fork 仓库到 GitHub 并改名为你的用户名.github.io,然后编辑 _config.yml 即可上线,整个过程不需要本地环境。不过需要注意,主题主要面向 GitHub Pages 设计,若通过 Ruby gem 方式使用则官方不提供支持。此外,免费版会在站点中显示 Beautiful Jekyll 的广告,去除广告或使用暗色模式需要付费计划。上线前建议检查 _config.yml 中的各项设置,并确保每页都添加了 YAML front matter,否则页面将不会套用主题模板。

Jekyll博客GitHub Pages响应式

适合你的项目吗?

适用场景

  • 个人博客或写作站点
  • 项目展示页或作品集
  • 轻量内容站,如文档或活动页面
  • 需要快速部署到 GitHub Pages 的静态站点

适合人群

  • 希望零成本快速搭建博客的个人用户
  • 熟悉或愿意学习 Markdown 的内容创作者
  • 需要稳定、成熟主题且不想从零开发的项目
  • 对 GitHub Pages 部署方式有偏好的开发者

上手与定制指南

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

  1. 1

    推荐直接 fork 仓库并部署到 GitHub Pages,官方不鼓励通过 Ruby gem 方式使用且不提供支持。

  2. 2

    需注意免费版会显示 Beautiful Jekyll 广告,去除广告或使用暗色模式需购买付费计划。

  3. 3

    上线前务必检查 _config.yml 中的站点设置,并确保每个页面都添加了 YAML front matter,否则页面不会套用主题模板。

查看仓库使用说明

授权与来源资料

使用条件与限制

有额外使用条件

主题本身免费且MIT授权,但README明确说明移除广告、使用暗色皮肤、访问办公时间等需付费计划。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 保留MIT版权和许可声明
  • 如需移除Beautiful Jekyll广告、使用Dark Mode皮肤或访问office hours,需购买相应付费计划
查看原文依据

Beautiful Jekyll is, and always will be, free. But if you want to remove the Beautiful Jekyll ad from your website, use a Dark Mode skin, access office hours, or simply support the development efforts, [check out the different plans](https://beautifuljekyll.com/plans).

README 原文

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software

许可证原文
https://github.com/daattali/beautiful-jekyll/blob/master/LICENSEhttps://github.com/daattali/beautiful-jekyll/blob/HEAD/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
Jekyll Themes
资料与维护参考分
资料一般 · 70 / 100
技术栈
Jekyll · HTML
网站类型
博客 · 作品集
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
未记录
截图检查日期
未记录

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

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

仓库文件核对

检查日期: 2026-09-25 · 仅核对文件,未安装依赖或运行测试。

README.mdpackage.json: 未从仓库根目录取得(not-found)
查看具体选型方法 →

介绍的制作与核对状态

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

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。