Jekyll博客

Jekyll-site — Jekyll 博客模板

作者 abhishekmishragithub

基于 Klisé 主题的 Jekyll 个人站点与博客模板,支持明暗模式、响应式布局、RSS 与站点地图。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

基于 Klisé 极简 Jekyll 主题的个人站点与博客

02

支持明暗模式,样式通过 .scss 自定义

03

响应式布局,覆盖桌面、平板与手机

04

集成 jekyll-feed 生成 RSS、jekyll-sitemap 生成站点地图

05

支持代码高亮(rouge)、上一篇/下一篇导航与可选评论布局

模板详细介绍

该仓库是作者的个人站点与博客,构建在 Klisé 这一极简 Jekyll 主题之上。主题本身面向个人站点与博客场景,提供明暗两种模式、基于 .scss 的可定制样式,以及面向桌面、平板和手机的响应式布局。

功能层面,主题集成文章图片整理(jekyll-postfiles)、站点地图生成(jekyll-sitemap)、RSS 订阅(jekyll-feed)、代码高亮(rouge)、上一篇/下一篇导航、可在 frontmatter 中开启的评论布局、Google Analytics 以及 HTML 压缩(jekyll-compress-html)。

需要注意的限制:jekyll-postfiles 插件不被 GitHub Pages 支持,直接部署到 GitHub Pages 可能导致路径错误或文章图片无法显示,因此官方建议改用 Netlify、Vercel 或 surge.sh 等支持第三方插件的托管服务。主题 README 的 Backlogs 中列出尚未完成的事项,包括接入 PhotoSwipe、补充 schema.org 元信息以及将类选择器改写为 BEM 命名。

Jekyll博客

适合你的项目吗?

适用场景

  • 搭建个人主页并同时发布博客文章
  • 需要 RSS 订阅与站点地图的静态内容站点
  • 希望用 .scss 调整配色与版式的 Jekyll 项目

适合人群

  • 使用 Jekyll 构建静态站点的开发者
  • 需要个人站点与博客合一的作者
  • 愿意在 Netlify、Vercel 或 surge.sh 等平台部署的用户

上手与定制指南

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

  1. 1

    本地运行:git clone 仓库后执行 bundle install,再执行 bundle exec jekyll serve,访问 localhost:4000

  2. 2

    因 jekyll-postfiles 不被 GitHub Pages 支持,建议改用 Netlify、Vercel 或 surge.sh 等支持第三方插件的托管服务

  3. 3

    评论功能默认关闭,需在文章 frontmatter 中开启

  4. 4

    Google Analytics 等外部服务需自行配置,相关费用与条款以服务方为准

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • jekyll-postfiles 插件不被 GitHub Pages 支持,直接部署到 GitHub Pages 可能导致路径错误或文章图片无法显示;官方建议改用 Netlify、Vercel 或 surge.sh 等支持第三方插件的托管服务。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Since [`jekyll-postfiles`](https://github.com/nhoizey/jekyll-postfiles#compatibility) plugin isn't supported by github pages, this cause will make your site problems, path broken or post images won't show up, you can host alternatively using likes [netlify.com](https://netlify.com), [vercel.com](https://vercel.com) or [surge.sh](https://surge.sh) services, which support 3rd party.

README 原文
https://github.com/abhishekmishragithub/Jekyll-site/blob/master/LICENSEhttps://github.com/abhishekmishragithub/Jekyll-site/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2025-11-13
截图检查日期
2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 45f3897f6a46e4996ce19925d9f50c07dd63bebe4faa8d8f1b38e5a96db08136

2026-10-03T14:25:09.005Z

来源文件 / 仓库
# Klisé

Klisé is minimalist Jekyll theme for running a personal site and blog running on Jekyll.<br>
For demo <a href="https://klise.now.sh" target="_blank" rel="noopener">klise.now.sh</a>

## Features

- [x] Light & Dark Mode support :waxing_crescent_moon:
- [x] Customizable (using `.scss`)
- [x] Responsive (desktop, tab and mobile)
- [x] Mobile First Design
- [x] SEO Optimized
- [x] Images of post Organized ([`jekyll-postfiles`](https://github.com/nhoizey/jekyll-postfiles))
- [x] Generate Sitemap ([`jekyll-sitemap`](https://github.com/jekyll/jekyll-sitemap))
- [x] RSS Feed ([`jekyll-feed`](https://github.com/jekyll/jekyll-feed))
- [x] Syntax Highlighter ([`rouge`](https://github.com/rouge-ruby/rouge))
- [x] Next & Previous Post
- [x] Comment layout, enable in frontmatter if you wish
- [x] Google analytics
- [x] HTML Minify ([`jekyll-compress-html`](https://github.com/penibelst/jekyll-compress-html))
- [x] W3C **Validated**
- [x] Lighthouse and PageSpeed **Passed**

![Lighthouse Result](./lighthouse.png)

## Backlogs

- [ ] Intergrated with PhotoSwipe.
- [ ] Add schema.org meta information.
- [ ] Transform class selector to BEM metodology.

## Installation

Run local server:

```bash
$ git clone https://github.com/piharpi/jekyll-klise.git
$ cd jekyll-klise
$ bundle install
$ bundle exec jekyll serve
```

Navigate to `localhost:4000`. You're Welcome, Fork and be Stargazer.

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/piharpi/jekyll-klise) [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/piharpi/jekyll-klise)

## Limitation

- Since [`jekyll-postfiles`](https://github.com/nhoizey/jekyll-postfiles#compatibility) plugin isn't supported by github pages, this cause will make your site problems, path broken or post images won't show up, you can host alternatively using likes [netlify.com](https://netlify.com), [vercel.com](https://vercel.com) or [surge.sh](https://surge.sh) services, which support 3rd party.

## Contributing

If you see any typos or formatting errors in a post, or want to helping reduce backlogs or any other issue that needs to be addressed, please do not hesitate to open a pull request and fix it!, please read [contributing](./CONTRIBUTING.md) before PR.

Yeaaa feel free to open a pull request.

## License

This project is open source and available under the [MIT License](LICENSE).
反馈内容错误

看看同类模板

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