浅色 Bristol 与深色 Espresso 两套外观,跟随 Obsidian 基础配色方案切换
masthead — HTML 博客模板
作者 borozdov-obsidian-themes
Borozdov Masthead 是 Borozdov 系列的 Obsidian 主题,提供浅色 Bristol 与深色 Espresso 两套配色,以咖啡色标签栏、衬线标题、方形白卡片和橙色描边为特征。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
每个标签栏顶部为深咖啡色横条,当前标签以页面底色从中挖出
标题、三级最大标题、标注标题和引文使用 Masthead Serif 衬线字体,不加粗
橙色仅用于描边(笔记、引用线、打开文件边缘),链接为焦橙色,主按钮和已勾选任务为墨色填充
方形白色卡片配极细边线,可点击元素 2px 圆角,页面无阴影
样式未使用 !important,可通过 CSS 片段覆盖
模板详细介绍
这是一款面向 Obsidian 的笔记主题,属于 Borozdov 主题集合。它提供两种外观:浅色的 Bristol 呈现在暖奶油底色上的杂志式排版,深色的 Espresso 是同一版式在暗光下的版本。主题的核心视觉包括:每个标签栏顶部是一条深咖啡色横条,当前笔记的标签以页面底色从横条中“挖出”;标题、三级最大标题、标注标题和引文使用 Masthead Serif 衬线字体且不加粗,其余文字使用系统无衬线字体;高亮橙色只用于描边,如普通笔记、引用线和当前打开文件的边缘,链接使用更深的焦橙色,主按钮和已勾选任务使用墨色填充;卡片为方形白色、带极细边线,可点击元素圆角为 2px,页面不使用阴影。
功能方面,主题跟随 Settings → Appearance → Base color scheme 切换明暗模式,标注呈现为按类型颜色描边的方形卡片并带衬线标题,引文以衬线字体放大一号并配橙色竖线,标签为方形白色标签、悬停时橙色描边。编辑时没有围绕笔记、标题或表单字段的焦点环,属性名以标签形式显示而非方框字段。文本颜色在两种外观下满足 WCAG 对比度要求,手机布局保持相同的颜色与形状,且样式未使用 !important,可用 CSS 片段覆盖。
安装有两种方式。作为变体:该主题包含在 Borozdov Ember 中,先安装 Borozdov Ember,再安装 Style Settings 插件,然后在 Style Settings → Borozdov Ember → Variant 中选择 Masthead;变体只带来该主题的配色、字体和圆角,其自身布局和嵌入字体随完整主题提供。完整主题需手动安装:从最新 release 下载 manifest.json 和 theme.css 到 <vault>/.obsidian/themes/Borozdov Masthead/,再在 Settings → Appearance → Themes 中选择。
字体方面,Masthead Serif 以 base64 WOFF2 形式嵌入 theme.css,采用 SIL Open Font License 1.1,是 Heuristica(© 2008–2012 Andrey V. Panov,基于 Adobe 的 Utopia)的拉丁与西里尔子集,因修改版不得使用原保留字体名而重命名;只有一个字重,用于标题、三个最大标题、标注标题和引文。代码采用 MIT 许可,可免费使用、修改、商用和分发,分发时需保留版权声明和完整 MIT 许可声明;演示图片、字体、图标等第三方素材需按各自许可单独核对。
适合你的项目吗?
适用场景
- 在 Obsidian 中撰写长文笔记,希望标题与引文呈现杂志式衬线排版
- 需要在浅色与深色环境间切换,并保持一致的配色与形状语言
- 使用标注、引文、标签组织笔记内容,希望这些元素有明确的视觉样式
- 通过 CSS 片段对主题细节做进一步调整
适合人群
- 使用 Obsidian 并希望更换主题外观的用户
- 偏好杂志式排版与暖色调配色的写作者
- 需要明暗两套外观且手机端保持一致的笔记用户
- 愿意通过 Style Settings 插件或手动方式安装主题的用户
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
作为变体安装:先安装 Borozdov Ember 主题,再安装 Style Settings 插件,然后在 Style Settings → Borozdov Ember → Variant 中选择 Masthead
- 2
完整主题手动安装:从最新 release 下载 manifest.json 和 theme.css 到 <vault>/.obsidian/themes/Borozdov Masthead/,再在 Settings → Appearance → Themes 中选择
- 3
Masthead Serif 以 base64 WOFF2 嵌入 theme.css,采用 SIL OFL 1.1,是 Heuristica 的拉丁与西里尔子集,只有一个字重
- 4
代码为 MIT 许可,分发时需保留版权声明和完整 MIT 许可声明;演示图片、字体、图标等第三方素材需按各自许可核对
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- 通过社区目录安装时,本主题并非独立主题,而是作为 Borozdov Ember 主题的一个变体提供;需先安装 Borozdov Ember 主题,再安装 Style Settings 插件,然后在 Style Settings → Borozdov Ember → Variant 中选择 Masthead 才能启用。
- 以变体方式安装时只获得本主题的配色、字体与圆角;其自身布局以及嵌入字体(若有)仅在下方所述的完整主题中提供,变体不包含这些内容。
- 完整主题需手动安装:从最新 release 下载 manifest.json 与 theme.css 放入 <vault>/.obsidian/themes/Borozdov Masthead/,再在 Settings → Appearance → Themes 中选择 Borozdov Masthead。
- 主题内嵌的 Masthead Serif 字体以 base64 WOFF2 形式包含在 theme.css 中,采用 SIL Open Font License 1.1 授权,使用该字体须遵守 fonts/OFL.txt 中的许可条款,与代码的 MIT 许可不同。
- 内嵌字体是 Heuristica 的拉丁与西里尔子集,因修改版不得使用原保留字体名而重命名;使用或再分发该字体时须遵守 SIL OFL 1.1 的保留字体名等条件。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
this theme ships inside **Borozdov Ember**. Install Borozdov Ember under Settings → Appearance → Themes → Manage, then the [Style Settings](https://github.com/mgmeyers/obsidian-style-settings) plugin, and choose **Masthead** under Style Settings → Borozdov Ember → Variant.
README 原文
The variant brings this theme's palette, type and corners; its own layout, and its embedded font if it has one, come with the full theme below.
README 原文
**The full theme, by hand:** download `manifest.json` and `theme.css` from the [latest release](https://github.com/borozdov-obsidian-themes/masthead/releases/latest) into `<vault>/.obsidian/themes/Borozdov Masthead/`, then choose Borozdov Masthead under Settings → Appearance → Themes.
README 原文
Masthead Serif is embedded in `theme.css` as base64 WOFF2 under the SIL Open Font License 1.1 — see [`fonts/OFL.txt`](fonts/OFL.txt).
README 原文
https://github.com/borozdov-obsidian-themes/masthead/blob/main/LICENSEhttps://github.com/borozdov-obsidian-themes/masthead/blob/main/README.mdIt is a Latin and Cyrillic subset of Heuristica (© 2008–2012 Andrey V. Panov, based on Adobe's Utopia), renamed because a modified copy may not use the original's Reserved Font Name.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-06。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 80 / 100
- 技术栈
- HTML
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-10-06
- 截图检查日期
- 2026-10-06
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-07
查看当时使用的来源资料
SHA-256: e2e02c4e660059713b8d97238737948c0f045d8deae87fd5f5c9dd8809148626
2026-10-06T16:22:43.075Z
来源文件 / 仓库# Borozdov Masthead A theme from the Borozdov collection. Two faces — light **Bristol**, a premium magazine spread on warm cream, and dark **Espresso**, the same spread after the lights go down. A sharp serif display, an espresso masthead over the tabs, square white cards and orange strokes only.   ## Principles - **An espresso masthead.** Every tab strip is a dark espresso bar; the active tab of a note is cut out of it in the colour of the page. - **A sharp serif at display sizes.** Masthead Serif, never bold, for the title, the three largest headings, callout titles and pull quotes; the platform's grotesque for everything else. - **Orange outlines, never fills.** Highlighter orange draws the plain note, quote rules and the edge of the open file; links are a deeper burnt orange; ink fills the main button and a checked task. - **Square and flat.** Square white cards with hairline edges, 2px corners on what you press, no shadows on the page. ## Features - Light and dark modes, following Settings → Appearance → Base color scheme - A dark masthead over every tab strip, with the active tab cut out in the page colour - Callouts as square cards outlined in the type's colour, with a serif title - Pull quotes in the serif, a size up, beside an orange rule - Tags as square white labels that outline in orange under the pointer - Quiet editing: no focus ring around the note, its title or form fields while you type; property names read as labels, not boxed fields - Text colours meet WCAG contrast on both faces - The phone layout keeps the same colours and shapes - No `!important`: every rule can be overridden with a CSS snippet ## Installation **From the community directory, as a variant:** this theme ships inside **Borozdov Ember**. Install Borozdov Ember under Settings → Appearance → Themes → Manage, then the [Style Settings](https://github.com/mgmeyers/obsidian-style-settings) plugin, and choose **Masthead** under Style Settings → Borozdov Ember → Variant. The variant brings this theme's palette, type and corners; its own layout, and its embedded font if it has one, come with the full theme below. **The full theme, by hand:** download `manifest.json` and `theme.css` from the [latest release](https://github.com/borozdov-obsidian-themes/masthead/releases/latest) into `<vault>/.obsidian/themes/Borozdov Masthead/`, then choose Borozdov Masthead under Settings → Appearance → Themes. ## Font Masthead Serif is embedded in `theme.css` as base64 WOFF2 under the SIL Open Font License 1.1 — see [`fonts/OFL.txt`](fonts/OFL.txt). It is a Latin and Cyrillic subset of Heuristica (© 2008–2012 Andrey V. Panov, based on Adobe's Utopia), renamed because a modified copy may not use the original's Reserved Font Name. One weight, for the title, the three largest headings, callout titles and pull quotes. ## License MIT — see [LICENSE](LICENSE). --- **По-русски.** Тема из коллекции Borozdov. Два лика: светлый «Бристоль» — разворот премиального журнала на тёплой кремовой бумаге, и тёмный «Эспрессо» — тот же разворот, когда гаснет свет. Кофейная шапка над вкладками, чёткая антиква в заголовках (Masthead Serif на основе Heuristica), квадратные белые карточки и только оранжевые штрихи. В каталоге тема живёт вариантом Borozdov Ember: установите Borozdov Ember и плагин Style Settings, затем выберите Masthead в Style Settings → Borozdov Ember → Variant. Целиком, со своей вёрсткой, тема ставится вручную из последнего релиза репозитория.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

Casper
Casper 是 Ghost 官方出品的经典主题,曾长期作为默认主题,现在仍持续维护。 它的定位很纯粹:一套结构清晰、注释详尽的博客主题,适合直接使用,也适合作为学习 Ghost 主题开发的入门范本。
HTML · 杂志资讯

startbootstrap-clean-blog
A clean Bootstrap blog theme created by Start Bootstrap
HTML · 博客

halo-theme-sakura
halo-theme-sakura 是 Halo 2.x 的一款博客主题,参照 WordPress 的 Sakura 主题制作,并在原有 Siren 主题基础上整合了 Sakura 的内容。
HTML · 博客

bleak
Bleak 是一款为 Ghost 博客平台设计的主题,核心卖点是 AJAX 驱动的页面加载方式,让浏览体验更接近原生应用。 整体布局简洁,强调内容阅读,适合个人博客或技术写作。
HTML · 博客

serene
Serene 是一款为静态站点生成器 Zola 设计的极简博客主题,其核心定位是“精心打磨”的阅读体验。
HTML · 博客

startbootstrap-blog-home
A Bootstrap HTML template for blog homepages - created by Start Bootstrap
HTML · 博客
