Awesome

tags: cssclass: source: obsidianUIMode: preview progress: 正在进行 title: README created: "2022-09-01 09:56" updated: "2023-03-20 22:07"

感谢@代码7 的视频

<video autoplay="autoplay" loop="loop" id="video" x-webkit-airplay="true" webkit-playsinline="true" muted=""><source src="https://user-images.githubusercontent.com/72023275/198887920-575d0735-2433-41ff-8960-3c7bacbdf532.mp4" type="video/mp4"></video>

Compatible with Obsidian 1.0 !!

💡引言

This Vault contains the basic functions of Obsidian and has built-in common Obsidian plugins. Notice：You need to open this vault with Obsidian

Recommend downloading the Lite version of the example vault to delete a large number of unnecessary plug-ins, download link https://github.com/cumany/Blue-topaz-examples/releases/

==示例库在线预览地址：==

Blue-topaz-example-online

注意：本示例库包含大量插件目前有七十多个，很多插件都是辅助类插件，可以根据需要删除或者关闭，为了方便初学者，特推出一个简化版示例库删减了大量不必要的插件下载链接 Release 20221208 lite 精简版 · cumany/Blue-topaz-examples (github.com)

本 Examples库 由 Cuman 建立，Tips 教程由 BT主题 作者 3F 撰写。 本库是一个包含 Obsidian 基本功能的入门库，并内置了 Obsidian 的常用插件。 需要用 Obsidian 软件打开本库即可。 特别感谢@Johnny @Lillianwho @lavi @成雙酱 @锋华 提供的教程和创作思路。 如果有问题或者建议 请加入 Topaz 社区 Topaz QQ群 Obsidian频道

🎞视频教程

https://space.bilibili.com/1970226/channel/series

👉后续更新 请关注

• Examples库
• Blue topaz 主题用法示例 - 飞书文档 (feishu.cn)

另外推荐鸟姐的 Homepage 也是很棒的风格 Rainbell129/Obsidian-Homepage: A dashboard for your obsidian vault. (github.com)

🚩更新日志

[[Changlog]] Changlog.md (github.com)

效果图

总览图

笔记模板 卡片视图

读书笔记

内置的插件

斜体插件为可选插件，基本是辅助类，不影响功能性使用。 除去辅助类插件，剩余基本十几个插件就满足 Ob 个性化使用的同时还能体验不同的功能。

主题内置的 cssclass 样式表

path: 77-Example usage:
^|文件名称|cssclass|用法|
^|---|---|	---|
|[[$filename]]|$frontmatter:cssclass|$frontmatter:usage|

主题内置的 ad 样式表

ad 样式使用方法参考 [[分栏效果示例#前置条件]] [[分栏效果示例#AD样式效果]]

Javascript 作用

88-Template\script

❓ 常见问题

1. 如何获取指定地区的天气？ - 侧边栏天气默认根据 ip 地址自动获取，修改 [[常用工具]] 并手动指定 https://i.tianqi.com/?c=code&id=34&bdc=%23&icon=4&site=14&py=chongqing chongqing 改为你想要的城市拼音即可。 - 主页天气 也可以手动指定地区,quickadd 宏 -home 工作区 -- 点击 config-fetchhomepage 点击齿轮图标 即可设置天气.
2. 如何更换字体？ 示例库默认配置的主字体为 [[LXGWWenKai-Light.ttf]] 代码块字体为 [[JetBrainsMono-Regular.ttf]] 可以自行安装，即可自动识别。 如果要安装其他字体，打开 style settings 设置，2.2.1 字体设置，主字体里填写 字体名称 即可。注意如果字体名称有空格需要用单引号括起来。 字体需要安装到系统里才会成功调用，比如 win 系统安装后显示的 字体名称 才是真正的字体名称。 ![[Pasted image 20220119151051.png]] ^d0e999
3. 如何更换 Ob 背景图？ 打开 style settings 设置，1.2.1 工作页面背景，开启背景，并在 custom theme light(亮色主题使用) 或者 custom theme dark(暗色主题使用) 里设置壁纸路径.壁纸路径需要使用类似格式 url("app://local/XXXXX) 设置本地图片。 比如 windows 图片路径置 url(app://local/D:/Documents/XXXX.jpg") mac 系统图片路径设置 url("app://local/Users/XXXX .jpg")
4. 工作区页面背景跟笔记背景的区别? 工作区页面背景是指整个 OB 界面背景，笔记背景仅仅是当前 md 文档的背景。两者不冲突可以同时设置，当然这样背景也就叠加一起了。如果只需要整个 OB 是一个背景图，笔记背景关闭即可。
5. 主页的歌曲和每日一言如何更新？ 点击主页的 topaz 图片 或者侧边栏的重载主页 都可以重新获取最新的歌曲和一言。重新获取后如何没有显示出来，点击刷新主页即可。 ![[Pasted image 20220119152758.png]]
6. 备忘录 Memos 无法启动打开？ 开启核心插件日记，并指定日记文件夹位置。
7. 主页加载部分数据没有显示全？ 如果时钟不动或者主页没有显示全。手动点一下刷新主页即可。
8. 带按钮的常用工具侧边栏如何实现？ 其实就是 88-template/常用工具 笔记文档，打开后拖动文档标题前的图标到侧边栏即可。
9. 示例库目前有五十多个插件，实在太多了，想保持示例库主要功能的话需要几个插件 示例库真正需要的核心插件并不多，大部分都是为了 Ob 使用更方便的辅助类插件，可以根据自己需要开启。 如果想体验最精简版本的示例库很简单。 按图修改 [[FastStart-StartupScript]] ![[Pasted image 20220315145116.png|500]] 即可启动最低示例库运行插件配置。 启动后启动 ob 只需要 100ms ![[Pasted image 20220315144725.png|300]]
10. 侧边栏悬浮 memos 无法打开有错误提示？ 需要先 ctrl+p ==>打开其他库，然后选择示例库“20-diary”文件夹，打开一次之后，这个悬浮按钮就自动生效。详情看 [[Obsidian 库中库玩法#实现]]
11. 为什么在 style setting 下切换配色没什么效果？ ![[Pasted image 20220429154332.png]] 注意 2.1 里面的颜色设置 是不是有自定义颜色。这里的自定义颜色设置优先级比较高，建议把里面的颜色设置都恢复成默认就可以了。
12. 如何取消开启 ob 自动加载主页，我想打开 ob 出现上次关闭时的笔记？ 打开 quickadd 设置，宏管理 关闭 home 工作区的 启动加载选项。 ![[Pasted image 20220523110336.png]]
13. 如何移植动画版天气到自己的主页？并获取指定城市天气？ 直接复制 " 文字版天气加图标 " 注释之间的内容，并 copy"88-Template/script/dv_weatherSvg.js" 启用【天气】weather.css 样式片段就移植成功了。设置指定地区天气，需要在 quickadd 宏 home 工作区中如图设置即可。![[Pasted image 20220531101243.png|400]]
14. 如何移植动画猫到自己的主页中？ 跟多彩时钟一样，动画猫也是 react 组件生成的。需要首先安装 react_component 插件，并 copy\88-Template\ReactJS\react_cat.md 这样动画猫代码就生效了。

捐赠

如果你觉得不错，这个示例库对你使用 ob 有帮助，可以支持我一下。