Jekyll博客

kpper_clean — Jekyll 博客模板

作者 kpper

kpper_clean 是一款基于 Jekyll 的博客主题,采用简洁的黑白配色与偏 iOS 扁平化风格,图片展示效果较好,适合个人博客和项目展示。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

基于 Jekyll 的静态博客主题,采用 MIT 许可发布

02

简洁的黑白配色,偏 iOS 扁平化风格

03

README 称其图片展示效果较好,适合博客与项目展示

04

基于 FeDemo 的站点修改而来,作者在 README 中致谢原作者

05

提供在线预览地址,仓库更新停留在 2019 年

模板详细介绍

kpper_clean 是 kpper 系列 Jekyll 主题中的一款,基于 FeDemo 的站点修改而来,采用 MIT 许可发布。主题定位为简洁风格,README 中描述其图片展示效果较好,带有一点 iOS 扁平化风格,适合用于博客和项目展示。

该主题属于作者个人维护的多个 Jekyll 主题之一,仓库更新停留在 2019 年。README 提供了在线预览地址和部署说明,并提示若使用二级 URL 部署,需要在配置中同时设置 url 与 baseurl;同时说明 kpper_simple 在加入 baseurl 后部分页面仍无法跳转,原因是模板中部分链接未加入 baseurl,建议放在一级目录下使用。

主题基于 Jekyll 构建,可部署到 GitHub Pages。README 中关于部署的说明强调项目名称需为 username.github.io,若账号名含大写应统一改为小写。作者在 README 中表示欢迎 fork 后提交问题与需求的修复代码,并提供了对应仓库的 issue 入口。

Jekyll博客

适合你的项目吗?

适用场景

  • 搭建个人博客并发布图文内容
  • 作为项目展示页面使用
  • 部署到 GitHub Pages 的 username.github.io 一级目录
  • 在二级 URL 下部署时按 README 说明配置 url 与 baseurl

适合人群

  • 偏好简洁黑白配色与扁平化风格的个人博客作者
  • 需要图片展示效果较好的 Jekyll 主题的用户
  • 希望基于 MIT 许可自由修改和分发主题代码的开发者
  • 使用 GitHub Pages 部署静态博客的用户

上手与定制指南

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

  1. 1

    部署到 GitHub Pages 时项目名称需为 username.github.io,账号名含大写应统一改为小写

  2. 2

    使用二级 URL 部署时需在配置中设置 url 与 baseurl,例如 baseurl: "/blog"

  3. 3

    README 提到 kpper_simple 在加入 baseurl 后部分页面仍无法跳转,原因是模板中部分链接未加入 baseurl,建议放在一级目录下使用

  4. 4

    主题采用 MIT 许可,分发代码副本或实质性部分时需保留原作者版权声明和完整 MIT 许可声明

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 部署到 GitHub Pages 时,仓库/项目名称必须为 username.github.io;若账号名含大写字母,需统一改为小写。
  • 若使用二级 URL 部署,需在配置中同时设置 url 与 baseurl(如 baseurl: "/blog")。
  • README 指出 kpper_simple 在加入 baseurl 后部分页面仍无法跳转,原因是模板中部分链接未加入 baseurl;建议放在一级目录下使用。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

项目名称必须是: ** username.github.io** ,如果你账号名有大写的话,统一改成小写.

README 原文

由于Github Pages 默认部署为一级url**your username.github.io**如果你使用二级url部署做如下修改

README 原文

发现`kpper_simple`加了baseurl部分页面reng无法跳转,是主题模板中部分link没有加入baseurl导致,暂时先这样了,如果想正常使用请放在一级目录下

README 原文
https://github.com/kpper/kpper_clean/blob/master/LICENSEhttps://github.com/kpper/kpper_clean/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2019-05-20
截图检查日期
2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: fcda8bbe50a8f13b51359d80e4d596a4bb3c5e5e0c56220b2fdee9a98fd785be

2026-10-03T21:37:43.898Z

来源文件 / 仓库
# My Theme
> 精于心,简于形 ,从简随心
 
## 我的Jekyll主题

* `kpper_next` | <a href="https://kpper.github.io/kpper_next/ " target="_blank">在线预览 Preview</a> | [仓库源码欢迎star](https://github.com/kpper/kpper_next)
 >挺喜欢的简洁风,黑白色调,无冗余功能,能让人专心阅读,适合做笔记。
* `kpper_simple` | <a href="https://kpper.github.io/kpper_simple/ " target="_blank">在线预览 Preview</a> | [仓库源码欢迎star](https://kpper.github.io/kpper_simple/)
>简单却易用的主题,没有使用bootstrap和jQuery框架,加载速度会提升些。
* `kpper_clean` | <a href="https://kpper.github.io/kpper_clean/ " target="_blank">在线预览 Preview</a> | [仓库源码欢迎star](https://github.com/kpper/kpper_clean)
>图片展示比较好,有点ios扁平化风格,适合做博客和项目展示用。
* `kpper_jacman` | <a href="https://kpper.github.io/kpper_jacman/ " target="_blank">在线预览 Preview</a> | [仓库源码欢迎star](https://github.com/kpper/kpper_jacman)
>中规中矩,功能性比较好。

## 我的Hexo主题
>仅仅是fork过来以后有时间折腾,`kpper_next` 就是以 [iissnan Hexo NexT](https://github.com/iissnan/hexo-theme-next) 为原型移植而来的 Jekyll 主题。暂时还不会切到Hexo,还要花时间折腾,毕竟我只是一个后端开发者,web只会现学现卖。(:逃)
* `hexo-theme-next` | <a href="https://kpper.github.io/hexo-theme-next/ " target="_blank">在线预览 Preview</a> | [仓库源码欢迎star](https://github.com/kpper/hexo-theme-next)
* 现在原作者已经不维护了,最新版由社区维护[社区维护版本](https://github.com/theme-next/hexo-theme-next)


## 支持
>你可以选择一款适合自己的,当然我只是一个搬运工,只是加入了自己想要的功能。
* 你可以自由的fork这些主题,每个主题都有帮助文档,对着改就行了。或者可以直接下载zip到本地自己去修改。
* 你也可以直接去fork原作者的仓库。


## 贡献 Contributing

欢迎fork后提交你发现的问题与需求的修复代码,共同管理。

## 问题 issue

欢迎到对应仓库下的issue下提问。
比如在这里提问[kpper_next:issues](https://github.com/kpper/kpper_next/issues)

## 开发 Development

主旨在于简洁优雅且易于使用,所以首先要尽量确保主题的简洁易用性。

First things first, always keep things simple.

## 部署  Deploy
**划重点** 项目名称必须是: ** username.github.io** ,如果你账号名有大写的话,统一改成小写.  
>由于Github Pages 默认部署为一级url**your username.github.io**如果你使用二级url部署做如下修改

```
url: "username.github.io"          # your host, for absolute URL
baseurl: "/blog"      # for example, '/blog' if your blog hosted on 'host/blog'
``` 
>发现`kpper_simple`加了baseurl部分页面reng无法跳转,是主题模板中部分link没有加入baseurl导致,暂时先这样了,如果想正常使用请放在一级目录下,或者如果你知道怎么修改错误,也欢迎你贡献你的代码。

## 特别致谢
1. `kpper_next`基于[Simpleyyt](https://github.com/Simpleyyt/jekyll-theme-next)  修改的,感谢这个作者。
2. `kpper_simple`基于[Gaohaoyang](https://github.com/Gaohaoyang/gaohaoyang.github.io)  修改的,感谢这个作者。
3. `kpper_clean`基于[FeDemo](https://github.com/FeDemo/fedemo.github.io)  修改的,感谢这个作者。
4. `kpper_jacman`基于[Simpleyyt](https://github.com/simpleyyt/jekyll-jacman)  修改的,感谢这个作者。
5.  感谢 Jekyll、Github Pages 和 Bootstrap!

## 浏览器支持 Browser support
![Browser support](http://iissnan.com/nexus/next/browser-support.png)

## 捐赠
支付宝捐赠链接还是要有的,万一真的有人捐呢。
![支付宝扫码捐赠](assets/images/tittle/timg2.jpg)

## License
[MIT License](https://github.com/kpper/kpper.github.io/blob/master/LICENSE)

## 最后
>update 2019-05-19

本来只是想有个在线记笔记的地方,方便查阅,做知识储备或者项目展示用,没想到花费了这么多时间在选主题上,倒有点本末倒置了。

* `kpper_note`这个主题我将一直使用,Hexo平台式最新版本已经到7.x了,[Simpleyyt](https://github.com/Simpleyyt/jekyll-theme-next)也没有移植的打算,我目前加了一些,以后有时间在加吧,如果你也喜欢这个,欢迎加入一起维护,毕竟我只是现学现卖。
* 其他的主题,暂时就这样了。
* 如果你恰好逛到了这里,希望你也能喜欢我的博客主题。
* 回顾这几个博客主题的诞生,纯粹是出于个人兴趣,如果你喜欢我的这个博客模板,请在Repository里点个赞—右上角**star**一下。

反馈内容错误

看看同类模板

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