<!DOCTYPE html> <html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="mobile-web-app-capable" content="yes"> <meta name="description" content="Obsidian 在线发布系统，本网站内容通过Obsidian软件构建，联系QQ35669852"><title>Obsidian online</title> <link rel="icon" sizes="96x96" href="https://publish-01.obsidian.md/access/f786db9fac45774fa4f0d8112e232d67/favicon-96x96.png"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <link rel="stylesheet" href="/Blue-topaz-example-online/asset/css/obsidian-styles.css"> <link rel="stylesheet" href="/Blue-topaz-example-online/asset/css/plugin-styles.css"> <link rel="stylesheet" href="/Blue-topaz-example-online/asset/css/theme.css"> <link rel="stylesheet" href="/Blue-topaz-example-online/asset/css/snippets.css"> <link href="/Blue-topaz-example-online/Index/pagefind-ui.css" rel="stylesheet" /> <script src="/Blue-topaz-example-online/Index/pagefind-ui.js" type="text/javascript"></script> <style> body.css-settings-manager { --image-aspect-ratio: 3 / 4; --cards-width: 138px; --floating-toc-response-time: 0.3s; --background-blur-depth: 2px; --floating-toc-highlight-color: #FF8000; --floating-toc-highlight-color-rgb: 255,128,0; --focus-heading: 0.9; --floating-toc-position: 0px; --indicator-bar-position: 0em; --brightness-4-bg: 0.9; --saturate-4-bg: 1; --brightness-4-bg-cp: 0.9; --saturate-4-bg-cp: 1; --opacity-cp: 0.25; --text-highlight-bg-h-light: 34; --text-highlight-bg-s-light: 100%; --text-highlight-bg-l-light: 80%; --text-highlight-bg-a-light: 0.45; --font-family-h5: Bookerly, Merriweather, 'LXGW WenKai Mono', var(--default-font); --font-family-h6: Bookerly, Merriweather, 'LXGW WenKai Mono', var(--default-font); --font-size-vault-name: 0.95em; --paragraph-spacing: 1.3; --letter-space-main: 1; --line-height-split: 1; --fancy-hr-icon: '⚡'; --line-height-list: 1.4; --list-spacing-bt: 1; --list-indent: 2em; --list-ul-marker-size-1: 1.3em; --indentation-guide-width: 1.4px; --embed-content-height: 500px; --cloze-decoration-3: solid; --checkbox-size: 0.9rem; --loading-diy-text: "欢迎来到Blue Topaz 世界！𓃟𓃠𓃬𓃭𓃮𓃯𓃰𓃱𓃲𓃵𓃶𓄇𓄿𓅀𓅂𓅃𓅘𓅙𓅚𓅛𓅜𓅝𓅞𓅟𓅠𓅡𓅢𓅣𓅤𓅥𓅦𓅧𓅨𓅩𓅪𓅫𓅬𓅭"; --titlebar-blur-depth: 8px; --titlebar-brightness: 1; --blur-p-kanban-frosted-glass: 5; --blur-depth: 0px; --canvas-card-opacity: 0.1; --bg-panel-page-opacity-cp: 0.3; --background-markdown-page-theme-dark-custom: url("https://www.transparenttextures.com/patterns/batthern.png"); --background-markdown-page-theme-light-custom: url("https://www.transparenttextures.com/patterns/brick-wall.png"); --bg-markdown-page-opacity-cp: 0.25; --bottom-padding-value: 5em; } body.theme-light.css-settings-manager { --time-font-color: #FFFDFD; --time-color: #00792A; --magic-main-color: #34495E; --magic-low-color: #B3E2B3; --magic-deep-color: #3EAF7C; --background-waves-color: #5C87EC8C; --bg-color-notebook: #FFFFFF00; --background-leaf-resize-handle: #E9E9E900; --status-bar-bg: #FFFFFFBD; --hr-color-1: #73FF86; --hr-color-2: #268EE4; --hr-color-3: #BD30FF; --hr-color-4: #6EB4EE; --list-ul-marker-color: #9E8D3D; --indentation-guide-color: rgba(0,0,0,0.19); --indentation-guide-color-active: rgba(44,32,201,0.34); --cloze-decoration-color-3: #9F9B9B; --custom-titlebar-bg: #1BB08C00; } body.theme-dark.css-settings-manager { --time-color: #11765E; --magic-main-color: #D6870CBF; --magic-low-color: #425358; --magic-deep-color: #2D3435; --background-waves-color: #BDD1FFB3; --bg-color-notebook: #FFFFFF00; --grid-notebook-line-color-1: #FFFFFF08; --bg-color-highlight-1: #C8BD656F; --status-bar-bg: #FFFFFF03; --indentation-guide-color: rgba(182,182,182,0.45); --indentation-guide-color-active: rgba(255,255,255,0.84); --folder-colorful-custom-color: #E166FA; --background-code-2: #7C5A2200; --text-color-code: #CF820F; } </style> <style> </style> <script src="/Blue-topaz-example-online/asset/js/webpage.js"></script> </head><body class="mod-windows is-frameless is-hidden-frameless obsidian-app theme-light show-view-header is-maximized css-settings-manager contextual-typography qe-title-center qe-hide-breadcrumbs color-scheme-options-simplicity-topaz disable-auto-hide-header background-settings-workplace-background-image background-settings-workplace-waves2-light background-settings-workplace-theme-dark-blue-gas background-image-settings-markdown-page-woof-meow background-image-settings-markdown-page-random-default notebook-liked-markdown-page-grid-notebook-1 toggle-split-note-background background-image-settings-command-palette-switch background-image-settings-command-palette-same-as-workplace panel-page-bg-theme-light-curve panel-page-bg-theme-dark-bulb hide-left-ribbon-retention-drawer layout-style-options-default bt-search-bar-bottom hover-scrollbars view-button-front toggle-divider-lines toggle-header-bottom-line clutter-free-headings funny-header-anim h1-text-align-center h2-text-align-start h3-text-align-start h4-text-align-start h5-text-align-start h6-text-align-start fancy-hr-icon colorful-unordered-list custom-unordered-list custom-ordered-list rainbow-lines-reading rainbow-checkbox file-bg-rounded-rectangle file-name-animation unmuted-collapsed-folder remove-arrow folder-style-change-options-colorful-title folder-colorful-two blockquote-style-quotation-mark hr-for-pagination show-url-after-link adjustable-embed-content-height hide-embed-title hide-embed-banner embed-hover remove-table-transition default-table table-style-default link-underline-external link-click circular-checkbox loading-custom-text loading-text-typing-style tag-click head-tag-style rainbow-tag setting-default-frosted-glass default-titlebar hide-titlebar-text hide-titlebar-close-btn logseq-outline-style stack-tab-text-ori-mixed default-tab canvas-card-focus-mode canvas-card-text-middle toggle-canvas-grid default-canvas-background traditional-callout-style style-options-for-admonition-plugin toggle-calendar-shadow toggle-calendar-transparent style-options-for-calendar-plugin-style-one rainbow-checklist style-options-for-kanban-plugin-static-plain style-options-for-kanban-plugin-dynamic-neon-three style-options-for-buttons-plugin dataview-list-style-pacman default-dvtable dialogue-style-wechat memos-inputbox memos-default-light ice-dark quiet-outline-optimize colorful-p-kanban code-theme-bt-default code-line-number whole-code-wrap codebox-default-style AT-row table-height-adjust obsidian-themepocalypse enable-heading-nowrap float-curves-outline-style enable-bar-icon enable-background-blur-dept is-focused" style="--zoom-factor:1; --font-text-size:14px; --cmdr-spacing:8px; --at-button-height:48px; --at-button-width:48px; --at-row-count:1; --at-spacing:0px; --at-offset:0px;"><div class="flex-container"><div id="sidebar" class="sidebar-left"><div><label class="theme-toggle" for="theme_toggle"><input class="toggle__input" type="checkbox" id="theme_toggle"><div class="toggle__fill"></div></label></div></div><div class="markdown-reading-view" style="flex-basis: 9999px; height: 100%; width: unset;"><div class="markdown-preview-view markdown-rendered node-insert-event is-readable-line-width allow-fold-headings show-indentation-guide allow-fold-lists show-frontmatter" style="tab-size: 4;" tabindex="-1"><div class="markdown-preview-sizer markdown-preview-section" style="padding-bottom: 375px; min-height: 12933px;"><div class="markdown-preview-pusher" style="width: 1px; height: 0.1px; margin-bottom: 640px;"></div><div data-is-embed="true" data-embed-type="image" class="el-embed-image el-p" data-tag-name="p"><p><img src="https://user-images.githubusercontent.com/42957010/184872220-f9b52079-8695-46a7-b517-0588426aa7b5.jpg" referrerpolicy="no-referrer"></p></div><div data-tag-name="p" class="el-p"><p>感谢@代码7 的视频</p></div><div data-tag-name="p" class="el-p"><p><video muted="" id="video" loop="loop" autoplay="autoplay"><source type="video/mp4" src="https://user-images.githubusercontent.com/72023275/198887920-575d0735-2433-41ff-8960-3c7bacbdf532.mp4"></video></p></div><div data-heading="Compatible with Obsidian 1.0 !!" data-tag-name="h2" class="el-h2"><h2 data-heading="Compatible with Obsidian 1.0 !!" id="Compatible_with_Obsidian_1.0_!!"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Compatible with Obsidian 1.0 !!</h2></div><div data-heading="💡引言" data-tag-name="h2" class="el-h2"><h2 data-heading="💡引言" id="💡引言"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>💡引言</h2></div><div data-tag-name="p" class="el-p"><p>This Vault contains the basic functions of Obsidian and has built-in common Obsidian plugins.<br> Notice：You need to open this vault with <a aria-label-position="top" aria-label="https://obsidian.md/" rel="noopener" class="external-link" href="https://obsidian.md/" target="_blank">Obsidian</a></p></div><div data-tag-name="p" class="el-p"><p>Recommend downloading the Lite version of the example vault to delete a large number of unnecessary plug-ins, download link<br> <a rel="noopener" class="external-link" href="https://github.com/cumany/Blue-topaz-examples/releases/tag/20220816-lite" target="_blank">https://github.com/cumany/Blue-topaz-examples/releases/tag/20220816-lite</a></p></div><div data-tag-name="hr" class="el-hr"><hr></div><div data-tag-name="p" class="el-p"><p>注意：本示例库包含大量插件目前有七十多个，很多插件都是辅助类插件，可以根据需要删除或者关闭，为了方便初学者，特推出一个简化版示例库删减了大量不必要的插件下载链接<br> <a aria-label-position="top" aria-label="https://github.com/cumany/Blue-topaz-examples/releases/tag/20221208-lite" rel="noopener" class="external-link" href="https://github.com/cumany/Blue-topaz-examples/releases/tag/20221208-lite" target="_blank">Release 20221208 lite 精简版 · cumany/Blue-topaz-examples (github.com)</a></p></div><div data-tag-name="p" class="el-p"><p>本 <a aria-label-position="top" aria-label="https://github.com/cumany/Blue-topaz-examples" rel="noopener" class="external-link" href="https://github.com/cumany/Blue-topaz-examples" target="_blank">Examples库</a> 由 Cuman 建立，Tips 教程由 <a aria-label-position="top" aria-label="https://github.com/whyt-byte/Blue-Topaz_Obsidian-css" rel="noopener" class="external-link" href="https://github.com/whyt-byte/Blue-Topaz_Obsidian-css" target="_blank">BT主题</a> 作者 3F 撰写。<br> 本库是一个包含 Obsidian 基本功能的入门库，并内置了 Obsidian 的常用插件。<br> 需要用 <a aria-label-position="top" aria-label="https://obsidian.md/" rel="noopener" class="external-link" href="https://obsidian.md/" target="_blank">Obsidian</a> 软件打开本库即可。<br> 特别感谢@Johnny @Lillianwho @lavi @成雙酱 @锋华 提供的教程和创作思路。<br> 如果有问题或者建议 请加入 Topaz 社区 <a aria-label-position="top" aria-label="https://jq.qq.com/?_wv=1027&k=TWGhXs40" rel="noopener" class="external-link" href="https://jq.qq.com/?_wv=1027&k=TWGhXs40" target="_blank">Topaz QQ群</a> <a aria-label-position="top" aria-label="https://qun.qq.com/qqweb/qunpro/share?_wv=3&_wwv=128&inviteCode=zHpby&from=246610&biz=ka" rel="noopener" class="external-link" href="https://qun.qq.com/qqweb/qunpro/share?_wv=3&_wwv=128&inviteCode=zHpby&from=246610&biz=ka" target="_blank">Obsidian频道</a></p></div><div data-heading="🎞视频教程" data-tag-name="h2" class="el-h2"><h2 data-heading="🎞视频教程" id="🎞视频教程"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>🎞视频教程</h2></div><div data-tag-name="p" class="el-p"><a class="link-card-container" href="https://space.bilibili.com/1970226/channel/series" title="https://space.bilibili.com/1970226/channel/series"><div class="link-card-title-container"><div class="link-card-icon-container"><img class="link-card-icon-img" src="https://space.bilibili.com/favicon.ico"></div><div class="link-card-title">https://space.bilibili.com/1970226/channel/series</div></div><div class="link-card-href">https://space.bilibili.com/1970226/channel/series</div></a></div><div data-heading="👉后续更新 请关注" data-tag-name="h2" class="el-h2"><h2 data-heading="👉后续更新 请关注" id="👉后续更新_请关注"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>👉后续更新 请关注</h2></div><div data-tag-name="ul" class="el-ul"><ul class="has-list-bullet"> <li data-line="0"><div class="list-bullet"></div><a aria-label-position="top" aria-label="https://github.com/cumany/Blue-topaz-examples" rel="noopener" class="external-link" href="https://github.com/cumany/Blue-topaz-examples" target="_blank">Examples库</a></li> <li data-line="1"><div class="list-bullet"></div><a aria-label-position="top" aria-label="https://kknwfe6755.feishu.cn/docs/doccn67RYLVN4IQZiJTwviIdnog" rel="noopener" class="external-link" href="https://kknwfe6755.feishu.cn/docs/doccn67RYLVN4IQZiJTwviIdnog" target="_blank">Blue topaz 主题用法示例 - 飞书文档 (feishu.cn)</a></li> </ul></div><div data-tag-name="p" class="el-p"><p>另外推荐鸟姐的 Homepage 也是很棒的风格<br> <a aria-label-position="top" aria-label="https://github.com/Rainbell129/Obsidian-Homepage" rel="noopener" class="external-link" href="https://github.com/Rainbell129/Obsidian-Homepage" target="_blank">Rainbell129/Obsidian-Homepage: A dashboard for your obsidian vault. (github.com)</a></p></div><div data-heading="🚩更新日志" data-tag-name="h2" class="el-h2"><h2 data-heading="🚩更新日志" id="🚩更新日志"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>🚩更新日志</h2></div><div data-tag-name="p" class="el-p"><p><a data-href="Changlog" href="Changlog.html" class="internal-link" target="_self" rel="noopener">Changlog</a><br> <a aria-label-position="top" aria-label="https://github.com/cumany/Blue-topaz-examples/blob/main/Changlog.md" rel="noopener" class="external-link" href="https://github.com/cumany/Blue-topaz-examples/blob/main/Changlog.md" target="_blank">Changlog.md (github.com)</a></p></div><div data-heading="效果图" data-tag-name="h2" class="el-h2"><h2 data-heading="效果图" id="效果图"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>效果图</h2></div><div data-tag-name="p" class="el-p"><p>总览图<br> <img alt="image" src="https://user-images.githubusercontent.com/42957010/165482190-91dc0585-9e75-406c-a7a3-1121c1fc88f7.png" referrerpolicy="no-referrer"></p></div><div data-is-embed="true" data-embed-type="image" class="el-embed-image el-p" data-tag-name="p"><p><img src="https://s1.ax1x.com/2022/05/18/OIHZwQ.jpg" referrerpolicy="no-referrer"></p></div><div data-tag-name="p" class="el-p"><p>笔记模板<br> <img src="https://s1.ax1x.com/2022/05/18/OIHYTJ.png" referrerpolicy="no-referrer"><br> 卡片视图<br> <img alt="image" src="https://user-images.githubusercontent.com/42957010/165482534-f0ef2dd2-cf3a-4347-b141-e8bbae63566d.png" referrerpolicy="no-referrer"></p></div></div></div></div><div id="sidebar" class="sidebar-right"><div class="outline-container" data-size="0"><div class="outline-header"><svg viewbox="0 0 100 100" class="bullet-list" width="18" height="18"><path fill="var(--h6-color)" stroke="var(--h6-color)" d="M16.4,16.4c-3.5,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4s6.4-2.9,6.4-6.4S19.9,16.4,16.4,16.4z M16.4,19.6 c1.8,0,3.2,1.4,3.2,3.2c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2C13.2,21,14.6,19.6,16.4,19.6z M29.2,21.2v3.2H90v-3.2H29.2z M16.4,43.6c-3.5,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4s6.4-2.9,6.4-6.4S19.9,43.6,16.4,43.6z M16.4,46.8c1.8,0,3.2,1.4,3.2,3.2 s-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2S14.6,46.8,16.4,46.8z M29.2,48.4v3.2H90v-3.2H29.2z M16.4,70.8c-3.5,0-6.4,2.9-6.4,6.4 c0,3.5,2.9,6.4,6.4,6.4s6.4-2.9,6.4-6.4C22.8,73.7,19.9,70.8,16.4,70.8z M16.4,74c1.8,0,3.2,1.4,3.2,3.2c0,1.8-1.4,3.2-3.2,3.2 s-3.2-1.4-3.2-3.2C13.2,75.4,14.6,74,16.4,74z M29.2,75.6v3.2H90v-3.2H29.2z"></path></svg><h6 style="margin: 1em;">Table of Contents</h6></div><div class="outline-item" data-size="2"><a class="outline-item-contents internal-link" href="#Compatible_with_Obsidian_1.0_!!"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><span class="outline-item-title">Compatible with Obsidian 1.0 !!</span></a><div class="outline-item-children"></div></div><div class="outline-item" data-size="2"><a class="outline-item-contents internal-link" href="#💡引言"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><span class="outline-item-title">💡引言</span></a><div class="outline-item-children"></div></div><div class="outline-item" data-size="2"><a class="outline-item-contents internal-link" href="#🎞视频教程"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><span class="outline-item-title">🎞视频教程</span></a><div class="outline-item-children"></div></div><div class="outline-item" data-size="2"><a class="outline-item-contents internal-link" href="#👉后续更新_请关注"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><span class="outline-item-title">👉后续更新 请关注</span></a><div class="outline-item-children"></div></div><div class="outline-item" data-size="2"><a class="outline-item-contents internal-link" href="#🚩更新日志"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><span class="outline-item-title">🚩更新日志</span></a><div class="outline-item-children"></div></div><div class="outline-item" data-size="2"><a class="outline-item-contents internal-link" href="#效果图"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><span class="outline-item-title">效果图</span></a><div class="outline-item-children"></div></div></div></div></div></body></html>