Jekyll博客工具站

BlackDocPlus — Jekyll 博客模板

作者 Robert-Zacchigna

BlackDocPlus 是基于 Jekyll 的双栏主题,采用主从(master-detail)布局,适合以侧边栏导航配合正文阅读的文档型博客或工具站。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

基于 Jekyll 的双栏布局,侧边栏与内容区分离,适合主从式内容浏览

02

侧边栏内容可滚动,默认按字母顺序展示 Markdown 页面

03

通过页面 front-matter 指定 page 布局即可生成侧边栏导航链接

04

内置八套基于 base16 配色方案的可选主题,通过 body class 切换

05

源自 Poole 与 Hyde 主题,README 说明兼容 Jekyll 3.x

06

MIT 许可开源,可免费使用、修改、商用和分发该版本代码

模板详细介绍

BlackDocPlus 是 BlackDoc 主题的现代化版本,基于 Jekyll 构建,采用两栏布局:一侧为可滚动的侧边栏,另一侧为内容主区域,用于呈现主从结构的内容浏览方式。主题源自 Poole 与 Hyde,README 说明其兼容 Jekyll 3.x,并要求本地构建环境安装 Ruby 3.1.2 或更高版本。

在内容组织上,侧边栏导航由页面的 front-matter 决定:为页面指定 page 布局后,该页面会进入侧边栏链接列表,并按字母顺序排列;index.html 被排除在该列表之外,以保证 Home 链接位于首位。主题自带基于 base16 配色方案的八套可选主题,通过为 body 元素添加对应的主题 class 即可切换配色,主要影响侧边栏与链接颜色。

使用限制方面,仓库中的 master 分支面向 GitHub Pages 运行,README 明确建议本地构建时改用 local 分支。主题的样式定制集中在 CSS 文件中的主题段落,可复制现有主题并修改颜色来创建自定义配色。

Jekyll博客工具站

适合你的项目吗?

适用场景

  • 搭建以侧边栏导航组织多篇 Markdown 内容的个人博客
  • 制作需要主从视图浏览文档或说明页面的工具站
  • 作为 Jekyll 学习或二次开发的起步主题,替换配色与导航结构
  • 部署到 GitHub Pages 作为静态站点使用

适合人群

  • 熟悉 Jekyll 与 Markdown 工作流、希望快速套用双栏主题的开发者
  • 需要侧边栏列出多个页面并按字母排序导航的内容站点作者
  • 接受通过修改 CSS 与 front-matter 进行定制的用户
  • 使用 GitHub Pages 托管静态站点的个人项目

上手与定制指南

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

  1. 1

    克隆仓库后需安装 bundler 与依赖,并确保 Ruby 版本为 3.1.2 或更高

  2. 2

    本地构建请使用仓库的 local 分支,master 分支仅用于通过 GitHub Pages 运行站点

  3. 3

    侧边栏导航依赖页面 front-matter 中的 page 布局,index.html 会被排除以保持 Home 在首位

  4. 4

    切换配色需在 default.html 布局的 body 元素上添加 theme-base-XX 类

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可单独核对,不随代码的 MIT 许可自动适用

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • master 分支仅用于通过 GitHub Pages 运行站点;若需在本地构建,必须改用仓库的 local 分支。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

>**NOTE:** Use the [local](https://github.com/Robert-Zacchigna/BlackDocPlus/tree/local) branch if you want to build this > site locally, this version is only for running the site through GitHub Pages.

README 原文
https://github.com/Robert-Zacchigna/BlackDocPlus/blob/main/LICENSE.mdhttps://github.com/Robert-Zacchigna/BlackDocPlus/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: ab79015110fe0c9537559845220991b51e0f781799a148c8f1bedb007355fdcb

2026-10-12T09:49:42.226Z

来源文件 / 仓库
# BlackDocPlus (GitHub Page)

![Jekyll version](https://img.shields.io/badge/Jekyll-3.x-brightgreen.svg?style=flat-square)

* View Demo: [BlackDocPlus](https://robert-zacchigna.github.io/BlackDocPlus/)
* View the Original Theme: [BlackDoc](https://robert-zacchigna.github.io/BlackDoc)

To run this site locally, use the [local](https://github.com/Robert-Zacchigna/BlackDocPlus/tree/local) branch

BlackDoc is a two-column [Jekyll](http://jekyllrb.com) theme that's ideal for websites that require a master-detail 
layout for viewing of content. It's based on [Poole](http://getpoole.com), the Jekyll butler, and the [Hyde](http://hyde.getpoole.com) theme.

![BlackDoc screenshot](https://raw.githubusercontent.com/karloespiritu/blackdoc/master/public/images/blackdoc-screenshot.jpg)

## Contents

- [Features](#features)
- [Quick Start](#quick-start)
- [Usage](#usage)
- [Options](#options)
  - [Sidebar menu](#sidebar-menu)
  - [Scrolling sidebar content](#scrolling-sidebar-content)
  - [Themes](#themes)
- [Development](#development)
- [Author](#author)
- [License](#license)

## Features

* Now compatible with Jekyll 3.x
* Two-column layout with scrolling sidebar content
* Ideal for websites that require  master-detail view of content

## Quick Start

Download the zip file or clone the BlackDoc repo.

```bash
$ git clone [email protected]:karloespiritu/BlackDoc.git mysite
$ cd mysite
```
Make sure you have Ruby 3.1.2 or higher installed.

```bash
$ ruby --version
ruby 3.2.1
```

Install bundler and install dependencies.

```bash
$ gem install bundler
$ gem install jekyll bundler
$ bundle install
$ bundle update --bundler
```

Build and run your BlackDoc site.

```bash
$ bundle exec jekyll serve
```

>**NOTE:** Use the [local](https://github.com/Robert-Zacchigna/BlackDocPlus/tree/local) branch if you want to build this 
> site locally, this version is only for running the site through GitHub Pages.

## Usage

BlackDoc is a theme built on top of [Poole](https://github.com/poole/poole), which provides a fully furnished Jekyll 
setup—just download and start the Jekyll server. See [the Poole usage guidelines](https://github.com/poole/poole#usage) 
for how to install and use Jekyll.


## Options

BlackDoc includes some customizable options, typically applied via classes on the `<body>` element.


### Sidebar menu

Create a list of nav links in the sidebar by assigning each Jekyll page the correct layout in the page's 
[front-matter](http://jekyllrb.com/docs/frontmatter/).

```
---
layout: page
title: About
---
```

**Why require a specific layout?** Jekyll will return *all* pages, including the `atom.xml`, and with an alphabetical 
sort order. To ensure the first link is *Home*, we exclude the `index.html` page from this list by specifying the `page` layout.


### Scrolling sidebar content

By default, BlackDoc includes a scrolling sidebar that will display your markdown files in alphabetical order.

### Themes

BlackDoc ships with eight optional themes based on the [base16 color scheme](https://github.com/chriskempson/base16). 
Apply a theme to change the color scheme (mostly applies to sidebar and links).

To use a theme, add anyone of the available theme classes to the `<body>` element in the `default.html` layout, like so:

```html
<body class="theme-base-08">
  ...
</body>
```

To create your own theme, look to the Themes' section of [included CSS file](https://github.com/Robert-Zacchigna/blackdocplus/blob/master/public/css/blackdoc.css). 
Copy any existing theme (they're only a few lines of CSS), rename it, and change the provided colors.

## Original Theme Author

**Karlo Espiritu**
- <https://github.com/karloespiritu>
- <https://twitter.com/karloespiritu>

## Theme Modification By

**Robert Zacchigna**
- <https://github.com/Robert-Zacchigna>

## License

Open sourced under the [MIT license](LICENSE.md).
反馈内容错误

看看同类模板

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