Jekyll作品集博客

jekyll-theme-schatten — Jekyll 作品集模板

作者 stfab

Schatten 是一个基于 Jekyll 的博客与个人网站主题,源自 Len Paul 的 Lagrange 主题,采用 MIT 许可,支持本地、Docker 及多种静态托管平台部署。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

基于 MIT 许可的 Lagrange 主题重新开发,保留简洁定位

02

支持 SASS/SCSS、响应式布局与暗色模式界面

03

提供可配置的代码高亮主题

04

站点设置集中在 _data/settings.yml,可配置 Disqus 评论、Google Analytics、菜单与社交媒体信息

05

支持本地、Docker 以及 DigitalOcean、Netlify、GitLab Pages 等静态托管方式

模板详细介绍

Schatten 是一个面向博客或个人网站的 Jekyll 主题,作者在 Len Paul 的 Lagrange 主题(MIT 许可)基础上重新开发,以加入更多功能与个人风格。主题定位偏简洁,作者明确表示不打算做成功能繁多的主题。

主题目标包含 SEO 相关设置、SASS/SCSS 支持、响应式设计、带暗色模式的界面,以及可配置的代码高亮主题。内容组织上,文章放在 _posts 目录,菜单页面放在 menu 目录,站点级配置在 _config.yml,站点设置(如 Disqus 评论、Google Analytics、菜单项、社交媒体信息)在 _data/settings.yml。文章使用 YAML front matter 指定 layout、title、author、categories、tags、image 与 image_title,其中 tags 用于生成相关文章。

运行环境要求 Ruby 与 Bundler,Jekyll 版本要求 3.9.3 或更高。本地可执行 bundle install 后运行 bundle exec jekyll serve,也提供 Docker 方式(进入 docker 目录执行 docker compose up)。

部署方面需注意:主题与 GitHub Pages 不兼容,因为其插件策略严格;若要在 GitHub Pages 上使用,必须避免在文章或页面中使用 toc 插件,archives 插件也无法工作。完整功能需要托管在 DigitalOcean App Platform、Netlify、GitLab Pages 等平台,或构建后部署到 S3、Azure Blob Storage 等静态存储。README 给出了 DigitalOcean App Platform 的构建命令示例。

Jekyll作品集博客

适合你的项目吗?

适用场景

  • 搭建个人博客并发布带分类、标签与配图的文章
  • 建立个人网站,通过 menu 目录维护独立页面
  • 需要暗色模式与响应式阅读体验的写作站点
  • 在 DigitalOcean App Platform、Netlify 或 GitLab Pages 上部署静态站点

适合人群

  • 使用 Jekyll 写作、愿意自行配置 _config.yml 与 _data/settings.yml 的用户
  • 需要简洁博客主题、不追求大量内置功能的个人站点作者
  • 能够使用 Ruby、Bundler 或 Docker 搭建本地构建环境的开发者
  • 计划部署到 GitHub Pages 之外静态托管平台的用户

上手与定制指南

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

  1. 1

    需要 Ruby 与 Bundler,Jekyll 版本要求 3.9.3 或更高。

  2. 2

    本地运行:克隆仓库后执行 bundle install,再执行 bundle exec jekyll serve,默认访问 http://localhost:4000;加 --incremental 可在文件变更时增量重建。

  3. 3

    Docker 运行:进入 docker 目录执行 docker compose up。

  4. 4

    GitHub Pages 仅部分兼容:使用 toc 插件会导致问题,archives 插件无法工作;完整功能需部署到其他平台。

  5. 5

    从零开始时删除 _posts、assets/img、menu 目录中的示例文件,并替换 README.md 与 favicon.ico。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 该主题与 GitHub Pages 不兼容:其插件策略严格,使用 toc 插件会出问题,archives 插件也无法工作。若要在 GitHub Pages 上使用,必须避免在文章或页面中使用 toc 插件,且无法使用 archives 插件。
  • 要使用主题的完整功能,必须托管在 GitHub Pages 之外的平台,如 DigitalOcean、Netlify、GitLab Pages,或构建后部署到 Amazon S3、Azure Blob Storage 等云存储。
  • 运行该主题需要本地具备 Ruby 与 Bundler 环境,Jekyll 版本要求 3.9.3 或更高;需先安装 Ruby,再执行 gem install bundler。
  • 站点设置中可配置 Disqus 评论与 Google Analytics,这些属于第三方外部服务,使用前需自行注册相应账号并可能需要遵守其服务条款与费用政策。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

this theme is not compatible with GitHub Pages as they have a very strict plugin policy

README 原文

If you want to use this theme to its fullest, you must host your site on another platform

README 原文

you need an environment with Ruby and Bundler installed

README 原文

setting Disqus comments, Google Analytics

README 原文
https://github.com/stfab/jekyll-theme-schatten/blob/main/LICENSE.mdhttps://github.com/stfab/jekyll-theme-schatten/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2023-09-14
截图检查日期
2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: bc5dd059adf7f5a372a1c1efa21ceb12ef2acdaa04f08dcec2a5a9aa267a8d6f

2026-10-03T14:20:14.523Z

来源文件 / 仓库
# jekyll-theme-schatten

Schatten is a modern Jekyll theme for blogs or personal websites. See the [demo](https://schatten-ioch6.ondigitalocean.app/) for a live example.

![A screenshot of the Shadow theme](/assets/img/preview.png)

## Attribution

This theme is based on [Len Paul's theme Lagrange](https://github.com/LeNPaul/Lagrange) published under the MIT License. In order to implement more features and add my own style, I developed this theme.

## Intention

Schatten's original goal is to offer the following features:

  * SEO features
  * SASS/SCSS support
  * Responsive design
  * Modern UI with e.g. dark mode
  * Configurable code themes

## Requirements

  * Jekyll 3.9.3 or higher

## Supported Platforms

  * GitHub Pages (only partially, some plugins are not supported)
  * DigitalOcean App Platform
  * Netlify
  * GitLab Pages
  * Any static site hoster when building locally

## Installation

In order to run this theme, you need an environment with Ruby and Bundler installed. If you don't have Ruby installed, you can follow the instructions [here](https://www.ruby-lang.org/en/documentation/installation/). After you have Ruby installed, you can install Bundler with `gem install bundler`.

### Local Installation

To install and run this theme locally, clone this repository to your machine, `cd` into the directory, and run `bundle install` to install the necessary dependencies. Then, run `bundle exec jekyll serve` to start the Jekyll server. You should see the site locally at [http://localhost:4000](http://localhost:4000).

In order to server this page incrementally, you can run `bundle exec jekyll serve --incremental`. This will rebuild the site when a file is changed.

### Docker

You can also run this theme in a Docker container. Clone the repo a machine with Docker installed, `cd` into the docker directory, and run `docker compose up`. You should see the site locally at [http://localhost:4000](http://localhost:4000).

### Cloud Deployment

Note that this theme is not compatible with GitHub Pages as they have a very strict plugin policy. If you want to use this theme on GitHub Pages, you must not use the toc plugin in any of your posts/pages and the archives plugin won't work as well. 

If you want to use this theme to its fullest, you must host your site on another platform, such as DigitalOcean, Netlify, or GitLab Pages. You can also host your blog on a cloud file storage service such as Amazon S3 or Azure Blob Storage.

#### DigitalOcean

If you want to host your site on DigitalOcean, you can use the [DigitalOcean App Platform](https://www.digitalocean.com/products/app-platform/). Simply create a new app, select your GitHub repository and chose to deploy as a static site. You can then configure the build command to be `bundle exec jekyll build -d public` and the publish directory to be autodiscovered. You can then deploy your site with a single click. Everytime you push to your repository, the site will be rebuilt and redeployed.

### Starting From Scratch

To completely start from scratch, simply delete all the files in the `_posts`, `assets/img`, and `menu` folder, and add your own content. You may also replace the `README.md` file with your own README. Everything in the `_data` folder and `_config.yml` file can be edited to suit your needs. You may also add/change the `favicon.ico` file to your own favicon.

## Configuration

### Site Variables

To change site build settings, edit the `_config.yml` file found in the root of your repository, which you can tweak however you like. More information on configuration settings and plugins can be found on [the Jekyll documentation site](https://jekyllrb.com/docs/configuration/). This is also where you will be able to customize the title, description, and the author/owner of your site.

In the `settings.yml` file found in the `_data` folder, you will be able to customize your site settings, such as setting Disqus comments, Google Analytics, what shows up in your menu, and social media information.

### Adding Menu Pages

The menu pages are found in the `menu` folder in the root directory, and can be added to your menu in the `settings.yml` file.

### Posts

You will find example posts in your `_posts` directory. Go ahead and edit any post and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.

To add new posts, simply add a file in the `_posts` directory that follows the convention of `YYYY-MM-DD-name-of-post.md` and includes the necessary front matter. Take a look at any sample post to get an idea about how it works.

### YAML Front Block Matter

The recommended YAML front block is:

```
---
layout:
title:
author:
categories:
tags: []
image:
image_title:
---
```

`layout` specifies which layout to use, `title` is the page or post title, `categories` can be used to better organize your posts, `tags` are used when generating related posts based on the topic of the post, and `image` specifies which images to use. `image_title` adds a subtitle to the image of the post.

## Jekyll

Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].

[jekyll-docs]: http://jekyllrb.com/docs/home
[jekyll-gh]:   https://github.com/jekyll/jekyll
[jekyll-talk]: https://talk.jekyllrb.com/

## Contributing/Feature Requests

If you would like to make a feature request or report a bug or typo in the documentation, submit a GitHub issue. To contribute, create a fork of this repo and make a pull request from a new feature branch to the official repo's main branch. 

Bug fixing is always welcome, for feature requests please open an issue first to discuss what you would like to add. Since the goal of this theme is to be minimalistic, I do not intend to make it feature rich.
反馈内容错误

看看同类模板

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