尧图网站建设 
Obsidian Blue Topaz 主题定制教程5分钟完成第一次界面改造【免费下载链接】Blue-Topaz_Obsidian-cssA blue theme for Obsidian.项目地址: https://gitcode.com/gh_mirrors/bl/Blue-Topaz_Obsidian-css同样是这套 Obsidian改造前还是灰白默认界面调完之后是这样蓝色波浪背景、侧边栏多彩文件夹图标、鼠标靠近才出现的滚动条。这就是 Blue Topaz——一款面向中文用户的 Obsidian 蓝色主题配合 Style Settings 插件可以逐项微调 600 个细节设置。下面的步骤全部可直接执行5 分钟完成第一次界面定制。快速选型这款 Obsidian 蓝色主题适合谁你是谁典型场景核心卖点笔记重度用户日常笔记、长文写作内置 Default、Nord、Flamingo 等多套配色一键换整套风格程序员代码笔记、阅读 PDF代码块、等宽字体、PDF 样式内置600 设置项可细调中文排版控中文阅读、文献摘录官方推荐霞鹜文楷多彩文件夹、彩色标签等样式对中文友好亮色环境用户白天办公、投影演示亮色模式有独立的背景与配色选项不是深色简单反色不建议用的人只想要一种固定风格、不想碰任何设置项的人——默认主题就够了另外该主题要求 Obsidian 版本不低于1.13.0。快速上手5分钟拿到第一个效果第一步获取主题文件git clone https://gitcode.com/gh_mirrors/bl/Blue-Topaz_Obsidian-css此时你应该在终端看到拉取完成的提示本地多出一个包含theme.css的目录。第二步复制并启用mkdir -p 你的库路径/.obsidian/themes/Blue Topaz cp -r Blue-Topaz_Obsidian-css/theme.css Blue-Topaz_Obsidian-css/obsidian.css Blue-Topaz_Obsidian-css/manifest.json 你的库路径/.obsidian/themes/Blue Topaz/然后在 Obsidian 里做两件事设置 → 外观 → 主题选择Blue Topaz再到第三方插件里搜索并启用Style Settings插件它是后面所有定制入口。此时你应该看到界面从灰白切换成了蓝色调。第三步验证效果随便打开一篇笔记把鼠标移到窗口边缘感受滚动条的隐藏与浮现。此时你应该看到下图展示的完整效果这张图展示启用主题后的完整界面左侧文件树与多彩文件夹图标中间蓝色主调的笔记区右侧功能面板。注意底部的波浪形装饰这是该主题的标志性元素。定制地图设置分三层递进第一层快改必改的 5 件事进入 Style Settings找到这 5 项直接照抄推荐值其余保持默认配色方案Color scheme选Default先拿到官方蓝调之后再换 Nord 或别的滚动条样式选Hovering平时隐藏、鼠标靠近才出现界面更干净工作区背景开启on亮色用内置蓝山、深色用深蓝夜空正文字体填霞鹜文楷先在系统安装该字体文件夹样式保持默认的多彩边框不用动第二层细调3 个高频项背景模糊深度Blur depth默认10。调到20背景更接近磨砂玻璃调低则更锐利悬浮缩进线Connected indent lines默认单色。想让列表层级显示彩色线选多彩选项即可多彩高亮colorful-highlight默认开启可关掉全局开关后在单篇笔记用 cssclass 单独打开第三层进阶直接照抄的代码这张图展示同一主题在明暗两种模式下的样子上方亮色模式是蓝山背景与浅蓝卡片下方深色模式标签与看板使用高饱和色块。留意标签颜色在两种模式下如何自动适配。想改全局细节又不想动主题源码就往库的 Snippets 文件夹里放一个 .css 文件再启用。比如把标签改成胶囊形.tag { border-radius: 15px; padding: 0 8px; font-size: 0.8em; }适用场景想让标签更圆润、更接近卡片风格的用户4 行代码即可生效。场景配方3 个可直接照抄的配置配方一学术写作挖空复习 全宽表格--- cssclasses: [wide-table, cloze] ---表格自动占满宽度~~答案~~会变成挖空词条默认涂黑、鼠标悬浮显示答案。适合做复习卡片和术语笔记。这张图展示同一布局在不同配色下的变体从默认深蓝到粉、米白等柔和色调。可以看到每个变体只换配色方案布局与组件完全不动。配方二长文排版缩进 两端对齐--- cssclasses: [indent, text-justify] ---段落首行缩进、两端对齐接近纸质书排版。主题的官方示例库TIPS vault/里有这些 cssclass 的完整用法示例不确定怎么写时直接查那里。配方三看板式任务管理--- cssclasses: [kanban] ---无序列表自动排成并排分栏像一块轻量看板适合待办清单和周计划页无需额外安装看板插件。常见问题最容易卡住的 3 件事问题一背景图片不显示这是 Obsidian 的政策限制主题不能直接引用库内或本地图片。打开 Style Settings → 工作区背景把对应选项改为Custom填入图片的完整 URL 地址本地路径无效不想维护 URL就用内置的蓝山、夜空等预设Blue Topaz 深色背景图片效果.jpg)这张图是随仓库提供的深色背景图之一启用后整体呈深蓝调夜间长时间阅读更省眼。问题二中文字体发虚或加粗不明显安装开源免费的霞鹜文楷字体在 Style Settings 中把正文字体、标题字体都指定为新字体加粗效果弱的话加装霞鹜文楷屏幕版作补充问题三更新主题后样式错乱该主题更新频繁升级后旧配置可能丢失先看changes.md里的更新日志再动手。先导出 Style Settings 的配置备份用新文件整体替换主题文件夹里的旧文件重启 Obsidian 后导入配置备份全部步骤走完大约 10 分钟clone、复制、启用、改 5 项快改设置。 现在回到快速上手执行第一步把第一个蓝色界面拿出来看看效果。【免费下载链接】Blue-Topaz_Obsidian-cssA blue theme for Obsidian.项目地址: https://gitcode.com/gh_mirrors/bl/Blue-Topaz_Obsidian-css创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Obsidian Blue Topaz 主题定制教程：5分钟完成第一次界面改造
Obsidian Blue Topaz 主题定制教程5分钟完成第一次界面改造【免费下载链接】Blue-Topaz_Obsidian-cssA blue theme for Obsidian.项目地址: https://gitcode.com/gh_mirrors/bl/Blue-Topaz_Obsidian-css同样是这套 Obsidian改造前还是灰白默认界面调完之后是这样蓝色波浪背景、侧边栏多彩文件夹图标、鼠标靠近才出现的滚动条。这就是 Blue Topaz——一款面向中文用户的 Obsidian 蓝色主题配合 Style Settings 插件可以逐项微调 600 个细节设置。下面的步骤全部可直接执行5 分钟完成第一次界面定制。快速选型这款 Obsidian 蓝色主题适合谁你是谁典型场景核心卖点笔记重度用户日常笔记、长文写作内置 Default、Nord、Flamingo 等多套配色一键换整套风格程序员代码笔记、阅读 PDF代码块、等宽字体、PDF 样式内置600 设置项可细调中文排版控中文阅读、文献摘录官方推荐霞鹜文楷多彩文件夹、彩色标签等样式对中文友好亮色环境用户白天办公、投影演示亮色模式有独立的背景与配色选项不是深色简单反色不建议用的人只想要一种固定风格、不想碰任何设置项的人——默认主题就够了另外该主题要求 Obsidian 版本不低于1.13.0。快速上手5分钟拿到第一个效果第一步获取主题文件git clone https://gitcode.com/gh_mirrors/bl/Blue-Topaz_Obsidian-css此时你应该在终端看到拉取完成的提示本地多出一个包含theme.css的目录。第二步复制并启用mkdir -p 你的库路径/.obsidian/themes/Blue Topaz cp -r Blue-Topaz_Obsidian-css/theme.css Blue-Topaz_Obsidian-css/obsidian.css Blue-Topaz_Obsidian-css/manifest.json 你的库路径/.obsidian/themes/Blue Topaz/然后在 Obsidian 里做两件事设置 → 外观 → 主题选择Blue Topaz再到第三方插件里搜索并启用Style Settings插件它是后面所有定制入口。此时你应该看到界面从灰白切换成了蓝色调。第三步验证效果随便打开一篇笔记把鼠标移到窗口边缘感受滚动条的隐藏与浮现。此时你应该看到下图展示的完整效果这张图展示启用主题后的完整界面左侧文件树与多彩文件夹图标中间蓝色主调的笔记区右侧功能面板。注意底部的波浪形装饰这是该主题的标志性元素。定制地图设置分三层递进第一层快改必改的 5 件事进入 Style Settings找到这 5 项直接照抄推荐值其余保持默认配色方案Color scheme选Default先拿到官方蓝调之后再换 Nord 或别的滚动条样式选Hovering平时隐藏、鼠标靠近才出现界面更干净工作区背景开启on亮色用内置蓝山、深色用深蓝夜空正文字体填霞鹜文楷先在系统安装该字体文件夹样式保持默认的多彩边框不用动第二层细调3 个高频项背景模糊深度Blur depth默认10。调到20背景更接近磨砂玻璃调低则更锐利悬浮缩进线Connected indent lines默认单色。想让列表层级显示彩色线选多彩选项即可多彩高亮colorful-highlight默认开启可关掉全局开关后在单篇笔记用 cssclass 单独打开第三层进阶直接照抄的代码这张图展示同一主题在明暗两种模式下的样子上方亮色模式是蓝山背景与浅蓝卡片下方深色模式标签与看板使用高饱和色块。留意标签颜色在两种模式下如何自动适配。想改全局细节又不想动主题源码就往库的 Snippets 文件夹里放一个 .css 文件再启用。比如把标签改成胶囊形.tag { border-radius: 15px; padding: 0 8px; font-size: 0.8em; }适用场景想让标签更圆润、更接近卡片风格的用户4 行代码即可生效。场景配方3 个可直接照抄的配置配方一学术写作挖空复习 全宽表格--- cssclasses: [wide-table, cloze] ---表格自动占满宽度~~答案~~会变成挖空词条默认涂黑、鼠标悬浮显示答案。适合做复习卡片和术语笔记。这张图展示同一布局在不同配色下的变体从默认深蓝到粉、米白等柔和色调。可以看到每个变体只换配色方案布局与组件完全不动。配方二长文排版缩进 两端对齐--- cssclasses: [indent, text-justify] ---段落首行缩进、两端对齐接近纸质书排版。主题的官方示例库TIPS vault/里有这些 cssclass 的完整用法示例不确定怎么写时直接查那里。配方三看板式任务管理--- cssclasses: [kanban] ---无序列表自动排成并排分栏像一块轻量看板适合待办清单和周计划页无需额外安装看板插件。常见问题最容易卡住的 3 件事问题一背景图片不显示这是 Obsidian 的政策限制主题不能直接引用库内或本地图片。打开 Style Settings → 工作区背景把对应选项改为Custom填入图片的完整 URL 地址本地路径无效不想维护 URL就用内置的蓝山、夜空等预设Blue Topaz 深色背景图片效果.jpg)这张图是随仓库提供的深色背景图之一启用后整体呈深蓝调夜间长时间阅读更省眼。问题二中文字体发虚或加粗不明显安装开源免费的霞鹜文楷字体在 Style Settings 中把正文字体、标题字体都指定为新字体加粗效果弱的话加装霞鹜文楷屏幕版作补充问题三更新主题后样式错乱该主题更新频繁升级后旧配置可能丢失先看changes.md里的更新日志再动手。先导出 Style Settings 的配置备份用新文件整体替换主题文件夹里的旧文件重启 Obsidian 后导入配置备份全部步骤走完大约 10 分钟clone、复制、启用、改 5 项快改设置。 现在回到快速上手执行第一步把第一个蓝色界面拿出来看看效果。【免费下载链接】Blue-Topaz_Obsidian-cssA blue theme for Obsidian.项目地址: https://gitcode.com/gh_mirrors/bl/Blue-Topaz_Obsidian-css创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考