基于 Jekyll 的双栏布局,侧边栏与内容区分离,适合主从式内容浏览
BlackDocPlus — Jekyll 博客模板
作者 Robert-Zacchigna
BlackDocPlus 是基于 Jekyll 的双栏主题,采用主从(master-detail)布局,适合以侧边栏导航配合正文阅读的文档型博客或工具站。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
侧边栏内容可滚动,默认按字母顺序展示 Markdown 页面
通过页面 front-matter 指定 page 布局即可生成侧边栏导航链接
内置八套基于 base16 配色方案的可选主题,通过 body class 切换
源自 Poole 与 Hyde 主题,README 说明兼容 Jekyll 3.x
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 文件中的主题段落,可复制现有主题并修改颜色来创建自定义配色。
适合你的项目吗?
适用场景
- 搭建以侧边栏导航组织多篇 Markdown 内容的个人博客
- 制作需要主从视图浏览文档或说明页面的工具站
- 作为 Jekyll 学习或二次开发的起步主题,替换配色与导航结构
- 部署到 GitHub Pages 作为静态站点使用
适合人群
- 熟悉 Jekyll 与 Markdown 工作流、希望快速套用双栏主题的开发者
- 需要侧边栏列出多个页面并按字母排序导航的内容站点作者
- 接受通过修改 CSS 与 front-matter 进行定制的用户
- 使用 GitHub Pages 托管静态站点的个人项目
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
克隆仓库后需安装 bundler 与依赖,并确保 Ruby 版本为 3.1.2 或更高
- 2
本地构建请使用仓库的 local 分支,master 分支仅用于通过 GitHub Pages 运行站点
- 3
侧边栏导航依赖页面 front-matter 中的 page 布局,index.html 会被排除以保持 Home 在首位
- 4
切换配色需在 default.html 布局的 body 元素上添加 theme-base-XX 类
- 5
演示图片、字体、图标等第三方素材需按各自许可单独核对,不随代码的 MIT 许可自动适用
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- master 分支仅用于通过 GitHub Pages 运行站点;若需在本地构建,必须改用仓库的 local 分支。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
https://github.com/Robert-Zacchigna/BlackDocPlus/blob/main/LICENSE.mdhttps://github.com/Robert-Zacchigna/BlackDocPlus/blob/main/README.md>**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 原文
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)  * 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.  ## 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).
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

al-folio
al-folio 是一个面向学者与研究人员的 Jekyll 作品集主题,设计简洁、响应式,适合搭建个人学术主页。
Jekyll · 作品集

minimal-mistakes
:triangular_ruler: Jekyll theme for building a personal site, blog, project documentation, or portfolio.
Jekyll · 作品集

Beautiful Jekyll
Beautiful Jekyll 是一个在 Jekyll 生态中经过长期打磨的博客主题,由 Dean Attali 维护,自 2015 年起积累了超过 5 万用户。
Jekyll · 博客

jekyll-TeXt-theme
💎 🐳 A super customizable Jekyll theme for personal site, team site, blog, project, documentation, etc.
Jekyll · 博客

startbootstrap-clean-blog-jekyll
A Jekyll version of the Clean Blog theme by Start Bootstrap
Jekyll · 博客

So Simple
So Simple 是 Michael Rose 开发的 Jekyll 主题,定位清晰:为文字和图片提供一个干净、可读性强的展示框架。
Jekyll · 博客
