编辑型杂志排版：Merriweather 衬线正文 + Oswald 无衬线标题，H1/H2 黄色强调条，H3 品红色
HTML杂志资讯
obsidian-tbdl-theme — HTML 杂志资讯模板
作者 ledokter
tbdl：为 Obsidian 打造的编辑型新闻杂志主题，衬线正文搭配浓缩无衬线标题，黄色与品红双强调色，含首字下沉与 Material Icons 支持。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
目前只有 1 张可用预览，尚未找到可用演示站，暂无法补充内页和手机端截图。
目前有 1 张原始预览，可打开完整图片查看设计细节。
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-09-06查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
首字下沉效果，颜色自动匹配正文，明暗模式均可用
双强调色体系：黄色用于编辑元素，品红用于交互元素
内置 Material Icons 字体，支持多种尺寸和颜色类
专门的暗色模式调色板，针对对比度优化
MIT 许可，可从社区目录直接安装
模板详细介绍
tbdl 是一款面向 Obsidian 的编辑型新闻杂志主题，由 ledokter 开发。它的核心结构围绕编辑排版展开：正文采用 Merriweather 衬线字体，标题和界面使用 Oswald 浓缩无衬线字体，形成鲜明的杂志风格。主题通过黄色（#FFE200）作为编辑强调色，用于 H1 下划线、H2 左侧竖条等版面元素；品红色（#e5006f）作为交互强调色，用于按钮、开关、标签等界面元素。正文首段设有首字下沉，颜色随正文自动调整，在明暗模式下分别呈现黑色和近白色。列表、引用、代码、表格和 callout 均有专门样式，并内置 Google Material Icons 字体，可在笔记中通过 HTML 标签插入图标。主题同时提供独立的暗色调色板，针对阅读舒适度和对比度进行了优化。
HTML杂志资讯
适合你的项目吗？
适用场景
- 需要杂志或报刊风格的 Obsidian 笔记库
- 注重排版美感和阅读体验的个人知识管理
- 希望在笔记中使用图标增强视觉表达的用户
- 喜欢自定义主题并愿意微调 CSS 的高级用户
适合人群
- Obsidian 用户，尤其是写作和阅读场景
- 喜欢衬线字体和编辑风格排版的人
- 需要图标支持且不介意手动插入 HTML 的用户
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
安装后请在 Obsidian 外观设置中启用主题。
- 2
若需代码块行号，需额外安装 Codeblock Customizer 插件并手动配置推荐颜色。
- 3
Material Icons 字体需联网加载，首次使用后会有缓存。
- 4
建议在真实笔记中检查首字下沉和表格样式，确保符合预期。
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明MIT许可，可免费使用、修改、分发及商用，仅需保留版权与许可声明。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 保留版权声明与许可声明
额外费用与待核对事项
- README提及的Google Material Icons字体及Google Fonts加载的第三方字体授权未在提供文本中确认
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
The above copyright notice and this permission notice shall be included in all
许可证原文
https://github.com/ledokter/obsidian-tbdl-theme/blob/master/LICENSEhttps://github.com/ledokter/obsidian-tbdl-theme/blob/HEAD/README.mdPermission is hereby granted, free of char
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 65 / 100
- 技术栈
- HTML
- 网站类型
- 杂志资讯
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-08-26
- 截图检查日期
- 2026-09-06
目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录；旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库，发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
Casper
Casper 是 Ghost 官方出品的经典主题，曾长期作为默认主题，现在仍持续维护。 它的定位很纯粹：一套结构清晰、注释详尽的博客主题，适合直接使用，也适合作为学习 Ghost 主题开发的入门范本。
HTML · 杂志资讯
magazine-portfolio-skill
Magazine Portfolio Skill 是一套面向求职作品集生产的 AI 设计工程系统，由 xiangzi-cyber 开发，早期受 guizang-ppt-skill 启发，但已独立发展。
HTML · 杂志资讯
broadside
Broadside 是一款以排版为核心的 Zola 主题，灵感来自高品质的宽幅报纸。 它采用高对比度的衬线标题和易读的正文，首页采用三级索引布局：一篇精选文章、两栏网格和纯文本列表，结构清晰，适合杂志或博客类内容。
HTML · 杂志资讯
formwork-atelier
Atelier 是一款免费、MIT 许可的网站模板，定位为编辑杂志风格，核心亮点是横向拖拽画廊，带有惯性滚动和视差效果。 整个页面采用米色、墨色与牛血红等色调，营造出类似时尚杂志的视觉氛围。
HTML · 杂志资讯
pulseboard
Pulseboard 是一套以编辑排版风格呈现的执行后台模板，全部由原生 HTML、CSS 和 JavaScript 写成，没有框架、没有构建步骤，也不需要本地服务器。
HTML · 杂志资讯
html5-scss-bootstrap
html5-scss-bootstrap 是一个以 HTML5 UP Editorial 为蓝本、用 SCSS 重写的 Bootstrap 5 主题。
HTML · 杂志资讯