Quantcast
Channel: 簡睿隨筆
Viewing all 904 articles
Browse latest View live
↧

[Obs＃73] Bartender(酒保)讓側邊欄不再擁擠，也強化檔案瀏覽器過濾與自訂排序功能；Customizable Sidebar可自訂側邊欄圖示

February 26, 2022, 5:39 am
$
0
0


macOS有個老牌的應用Bartender，用來設定功能選單的圖示讓功能表不會太擁擠；Bartender外掛提供了類似的功能，但是它的操作目標是側邊欄的圖示與狀態列的顯示項目。

除此之外，Bartender對檔案瀏覽器的加強才是我覺得Bartender真正方便的地方：
1. 自訂資料夾/檔案排序：好消息，可以自己用拖拉的方式去排序檔案了
2. 檔名過濾：輸入過濾字串後顯示符合的檔名，不必用搜尋功能去找檔案了

如果我們想要增加側邊欄圖示，則可以使用Customizable Sidebar外掛，啟用後可以控制要顯示與消失的圖示，也能增加要顯示出來的任何命令圖示。

提醒

Bartender外掛尚未上架，必須自行安裝。安裝步驟如下：
1. 到Releases下載檔案：

1. main.js
2. manifest.json
3. styles.css

2. 建立「儲存庫/.obsidian/plugins/obsidian-bartender資料夾」
3. 將下載檔案複製到「儲存庫/.obsidian/plugins/obsidian-bartender資料夾」
4. 重啟Obsidian

注意❗

Bartender做了任何設定後，最好都重啟Obsidian。

1. 自訂側邊欄圖示

進入【設定】→找到Customizable Sidebar的【選項】設定→用【Add Command】增加要顯示在側邊欄的命令圖示。

2. 側邊欄圖示顯示個數設定

拖拉【V】圖示到某一個圖示位置，則點擊【^】時，其下方的圖示會消失，再按【V】會再顯示。

3. 狀態列顯示個數設定

拖拉【<】圖示到某一個圖示位置，則點擊【>】時，其左方的圖示會消失，再按【<】會再顯示。

4. 檔名過濾

01|400

Bartender安裝後，檔案瀏覽器會增加檔名過濾功能，輸入檔名過濾字串即會馬上列出符合的檔案。

過濾字元 匹配種類 說明
tags 乏晰(Fuzzy)查詢 模糊匹配。檔名有t, a, g, s等字母　
=test.md 完整符合
‘tags 部份字串 檔名中含有”tags”　
!tags 不含字串 沒有”tags”字串
\^test 開頭字串 以test開頭。包含目錄…
jpg$ 結尾 以jpg結尾

多個查詢條件時，空白表示AND，「|」 表示OR。

5. 自訂資料夾/檔名排序

先點擊檔案瀏覽器的排序圖示→勾選【Custom】將排序種類設為自訂，設定完成後重新排序的圖示會顯示出來，點擊此圖示後，就能用拖拉的方法來重新安排檔案或資料夾的順序了。

6. 相關鏈接

7. 教學影片

＃＃您可能也會有興趣的類似文章

↧
Search

開源且跨平台的RSS閱讀器：Fluent Reader

February 28, 2022, 2:06 am
$
0
0

01|700
RSS閱讀器inoreader.com的偵測越發嚴格了，雖然我已經把訂閱源降低到150個以下，瀏覽時仍會出現下列提醒訊息：

Some of your feeds were automatically deactivated. If you don’t take action, those feeds will be removed from your account in the future.

罷了，還是把Fluent Reader安裝起來吧。Fluent Reader特點彙總如下：

  • 開源，跨平台 (Windows、macOS、Linux)
  • 沒有移動設備版本
  • 應該是Electron的應用
  • 使用介面簡潔，容易操作
  • 能自訂分組與排序
  • 文章面板的檢視模式有卡片、列表、雜誌與緊湊等四種

　

由設定->匯入.opml檔案->稍待一會更新訂閱源，完成更新後就能馬上使用了。

相關鏈接

＃＃您可能也會有興趣的類似文章

↧
↧

小粉紅又出征了！對象是Facebook的React repository

March 3, 2022, 2:11 am
$
0
0

對象是Facebook在GitHub的React專案儲存庫，吃瓜群眾快去圍觀…話說小粉紅都想寫JavaScript程式嗎？？？

相關鏈接

＃＃您可能也會有興趣的類似文章

↧

[Obs-74] 和外掛相關的外掛─BRAT: 搶先體驗未上架外掛；Settings Search: 加速搜尋外掛設定

March 4, 2022, 8:00 pm
$
0
0

BRAT是「Beta Reviewer’s Auto-update Tool for Obsidian」的縮寫，最近碰巧介紹了幾個未上架的外掛，要使用都時都必須自行下載、建立資料夾、檔案複製，操作雖然簡單卻也有點繁瑣，而且日後新版本釋出時還要重覆同樣的操作，但如何透過BRAT，除了能有效簡化測試未上架外掛的使用體驗，也能自動更新版本，很適合喜歡折騰與嚐鮮的朋友們使用。

Settings Search則是在設定對話窗上方加上一個全文搜索的輸入框，讓我們輸入關鍵字以過濾出符合的外掛選項設定與相關的快捷鍵設置，以加速設定操作的便利。

1. 安裝

BRAT和Settings Search皆由第三方外掛直接安裝。

2. 設定

只要按【Add Beta plugin】加入要測試的外掛或佈景主題識別字串就可納入BRAT的管理。

外掛文字: GitHub帳號/專案儲存庫

範例：

  1. nothingislost/obsidian-bartender
  2. devbean/obsidian-wordpress
  3. valentine195/obsidian-settings-search

3. 其他設定

設定 說明
Auto-update plugins at startup 啟動Obsidian時自動更新外掛
Auto-update themes at startup 啟動Obsidian時自動更新樣式主題
Ribbon Button 是否在側邊欄顯示BRAT圖示
Monitoring 產生偵錯log等的設定

4. 其他功能

  1. 瀏覽特定外掛的GitHub網站: BRAT: Plugins: Open the GitHub repository for a plugin
    1. 不止未上架外掛，是所有外掛都能瀏覽
    2. 如果你跟我一樣經常會去儲存庫網站查看，建議加一個快捷鍵
  2. 外掛選項設定: BRAT: Plugins: Open Plugin Settings Tab

5. Settings Search

在設定對話窗上方輸入設定字串，可過濾出符合的設定與快捷鍵選項。

01|500

6. 相關鏈接

7. 教學影片

＃＃您可能也會有興趣的類似文章

↧

[Obs＃75] 千呼萬喚始出來！視覺化表格編輯器(Markdown Table Editor)誕生了 🎂

March 5, 2022, 9:18 am
$
0
0

感謝印度的朋友為Obsidian添加了表格編輯器的功能，Obsidian終於有了一個更方便製作表格的視覺化工具，我覺得比Advanced Table直覺、更好操作許多。

1. 安裝

注意

Markdown Table Editor外掛尚未上架，且處於早期開發階段。

  1. 手動由GitHub網站下載檔案main.js、manifest.json、styles.css並安裝
  2. 用BRAT輸入ganesshkumar/obsidian-table-editor自動下載，再到設定裡啟用

注意事項

  1. 為方便使用可將「Markdown Table Editor: Open Editor」命令設置快捷鍵。
  2. 目前Table Editor對暗黑樣式支援度不佳，最好先切換到明亮樣式。

2. 功能示範

2.1. 建立空的表格

點擊先前設置好的快捷鍵或按〔Ctrl/Cmd+P〕找到Table Editor執行，在新開啟的表格編輯窗格裡操作，最後點擊Copy as Markdown將編輯好的表格轉換成Markdown格式並複製到系統剪貼簿。

01|700

技巧

  1. 輸入列數與行數後點擊[New Table]以產生新的表格
  2. 所有儲存格選單皆有添加/刪除/移動横列或直欄的選項
  3. 標題列儲存格選單有直欄對齊與排序選項
  4. 表格編輯完成後按〔Copy as Markdown〕將表格產生為Markdown格式並複製到系統剪貼簿

2.2. 視窗化編輯表格

選取筆記窗格裡的Markdown表格，再點擊先前設置好的快捷鍵或按[Ctrl/Cmd+P]找到Table Editor執行，接著在新窗格裡編輯表格資料。

| 序 | 商品系列 | 商品名稱            | 分類別        | 銷售倉庫存 | 撥入在途 | 不良倉庫存 | 展示倉庫存 |
|:--|:-----|:----------------|:-----------|:------|:-----|:------|:------|
| 1 | A21s | Galaxy A21s 幻石藍 | 01-0101 手機 |    98 |   11 |     0 |     0 |
| 2 | A21s | Galaxy A21s 幻石黑 | 01-0101 手機 |   107 |   12 |     0 |     0 |
| 3 | A21s | Galaxy A21s 幻石白 | 01-0101 手機 |    73 |   13 |     1 |    22 |
| 4 | A40s | Galaxy A40s 電光藍 | 01-0101 手機 |     3 |   14 |     0 |     0 |
| 5 | A40s | Galaxy A40s 電光黑 | 01-0101 手機 |     2 |   15 |     0 |     0 |

01|700

2.3. 由CSV格式編輯表格

序,商品系列,商品名稱,分類別,銷售倉庫存,撥入在途, 不良倉庫存, 展示倉庫存
1, A21s, Galaxy A21s 幻石藍, 01-0101 手機,   98,   11,     0,    0
2, A21s, Galaxy A21s 幻石黑, 01-0101 手機,  107,   12,    0,    0
3, A21s, Galaxy A21s 幻石白, 01-0101 手機,   73,   13,     1,    22

01|700
2022-03-06 00:51:22 星期日

2.4. 編輯Excel表格

在Excel裡複製簡單格式的行列資料，在Obsidian裡用〔Ctrl/Cmd+Shift+V〕貼入，再開啟表格編輯器。(🤔〔Ctrl/Cmd+Shift+V〕和〔Ctrl/Cmd+V〕似乎沒差別啊？)

序號  商品編號    商品名稱    退貨量 單位  零售價 退貨金額
1   862009  商品AAA/95ml  3.00    瓶   230.00  690.00
2   863012  商品BBB/95ml  3.00    瓶   84.00   252.00
3   862017  商品CCC/95ml  2.00    瓶   165.00  330.00

3. 目前的小問題

注意

  1. 沒有儲存格合併功能
  2. 尚無變更欄寬與列高的功能
  3. 標題列沒有獨立的對齊功能

4. 相關鏈接

5. 教學影片

＃＃您可能也會有興趣的類似文章

↧
↧

[Obs＃76] (Spotlight/Alfred, Launchy)-like：Key Sequence Shortcut, Obsidian的快速命令啟動器

March 10, 2022, 4:51 am
$
0
0

在macOS點擊[Cmd+Space]可叫出Spotlight輸入要執行的應用或搜尋，在Windows則有許多應用程式啟動器(如Launchy、Wox、uTools等)，通常是點擊[Alt+Space]在彈出對話窗輸入要執行的命令部份字串，只要輸入幾個字元就能立即找到要使用的應用並且執行。

而Key Sequence Shortcut外掛就為Obsidian提供了類似功能，只要為要使用的命令定義好縮寫關鍵字，在輸入縮寫後就能馬上執行該命令，因此除了快捷鍵，我們也可以用輸入的方式快速的執行命令。

1. 功能展示

  1. 外觀明亮、暗黑切換
  2. 使用中的主題設定
  3. 立即調用插入Admonition的對話窗

2. 安裝

Key Sequence Shortcut可由設定->第三方外掛直接下載安裝並啟用。

3. 設定重點

Key Sequence Shortcut只需要指定設定檔的檔名，預設的設定檔是根目錄的kssrc.md，有幾個使用上的重點：

  1. 開頭雙引號會形成註解行
  2. 縮寫語法格式如下，以Tab分隔，可為3欄(顯示縮寫與描述)或2欄：

設定格式
1. 縮寫關鍵字 [Tab] 命令 [Tab] 命令描述
2. 縮寫關鍵字 [Tab] 命令

  1. 在Obsidian編輯kssrc.md時Tab會變成列表內縮，建議在行的開頭先按Tab後再移回開頭插入縮寫
  2. 如果使用Linter或自動維護YAML的外掛時，YAML內的內容會被略過，不會造成異常
  3. 編輯器預設字型通常不是等寬字體，會造成kssrc.md設定行視覺上參差不齊，我解決的方法是在設定前後加上程式碼的三個倒引號，讓設定變成程式碼區塊
  4. 如果覺得用Obsidian維護kssrc.md很麻煩，也可用一般的文字編輯器修改
  5. 縮寫關鍵字一匹配便立即觸發，因此ba與ball只會觸發ba

4. 設定步驟

  1. 編輯kssrc.md
  2. [Ctrl/Cmd+P]輸入key sequence，執行Insert Command ID and Name(預設熱鍵是[Ctrl/Cmd+Shift+8])
  3. 點選要使用的命令，命令字與描述會插入kssrc.md
  4. 在新插入的命令字串開頭加上縮寫關鍵字與[Tab]
  5. [Ctrl/Cmd+P]輸入key sequence，執行Reload Key Sequence Shortcut Config File

5. 相關鏈接

6. 教學影片

＃＃您可能也會有興趣的類似文章

↧

[Obs＃77] 浮動式編輯窗格：Hover Editor　

March 19, 2022, 7:03 am
$
0
0

01|700

Hover Editor提供了懸浮式編輯器窗格的功能，很適合需要在多個檔案裡做小修改時使用。

除了在編輯器裡懸停在內部鏈接時能開啟編輯小視窗，檔案瀏覽器、搜尋結果、Recent Files與Pane Relief的清單都能使用。

1. 編輯器小窗格使用要點

  1. 滑鼠游標懸停在內部鏈接一會（依設定可能要按著〔Ctrl/Cmd〕並懸停）即會彈出編輯器小窗格
  2. 將滑鼠游標移到小窗格頂端，當游標變成移動形狀時可拖拉窗格到其他位置
  3. 拖拉操作可自動釘選(Pin)小窗格在Obsidian上方
  4. 也可點擊左上角的釘選圖示直接釘選窗格在上方
  5. 小窗格邊框可拖拉變更視窗大小
  6. 雙擊頂端可收合/展開視窗

1.1. 有趣的實驗

當開啟了一個懸浮窗格並移動位置後，可以再開啟同一個筆記的懸浮窗格，兩個窗格內容在修改後會同步顯示變更。

2. 安裝

[!warning] 提醒
Hover Editor尚未在第三方外掛上架，必須手動安裝。

  1. 手動由GitHub網站下載檔案main.js、manifest.json、styles.css並安裝、啟用
  2. 用BRAT輸入「nothingislost/obsidian-hover-editor」並啟用(教學影片)

3. 設定重點

  • Default Mode: 預覽或編輯模式，或依現在編輯模式而定
  • Auto Pin: 當拖動或變更大小時釘選或開窗就釘選
  • Auto focus: 自動取得輸入焦點切換
  • Minimize downwords: 視窗頂端雙擊時收合到頂端或底端
  • Hover Trigger Dealy: 懸停多少毫秒即開窗

4. 樣式調整

使用CSS片段調整懸停窗格的邊框，讓小視窗明顯一些。

/* Hover Editor */
.popover, .popover.hover-popover {
  border: 1px solid var(--ax1);
}

5. 小問題

無法與Sliding Panes外掛合用。

6. 相關鏈接

7. 教學影片

＃＃您可能也會有興趣的類似文章

↧

[Obs＃78] 輔助Markdown初學者的利器：Markdown Shortcuts與cMenu

March 26, 2022, 9:52 am
$
0
0

介紹兩個輔助Markdown學習的外掛：Markdown Shortcuts與cMenu，對於尚不熟悉Markdown語法的朋友們，透過這兩個外掛可以很快的使用Markdown。

1. Markdown Shortcuts: 輸入字元觸發選單

01|200

安裝並啟用Markdown Shortcuts後，只要在編輯器任何位置輸入預設的大於符號「>」，便會彈出Markdown語法的下拉選單。操作步驟如下：

  1. 輸入觸發字元 >
  2. 上下選擇或再輸入搜尋字元
  3. 按〔Enter〕以插入Markdown格式內容

2. cMenu: 浮動工具列

01|200

安裝並啟用cMenu，在其外掛選項裡插入需要的命令。

建議插入一個「cMenu: Hide/show」或設定快捷鍵以快速切換cMenu工具列的顯示或隱藏。
cMenu在狀態列==最右側==會有操作圖示，其操作功能如下：

  1. 切換顯示/隱藏
  2. 設定工具列在底部的位置
  3. 新增按鈕
  4. 刪除最後加入的按鈕
  5. 重新整理按鈕

3. 相關鏈接

4. 教學影片

＃＃您可能也會有興趣的類似文章

↧
Search

[Obs＃79] 有序列表自動重新編號的方法

March 27, 2022, 1:06 am
$
0
0

Markdown的有序列表（Ordered List）只要用「數字. 」（數字+點＋空白）開頭，在閱讀模式下會自動依序編號，例如原始碼下數字不連續，但閱讀時會自動重新編號：

1. Item 1
2. Item 2
    1. Item 2-1
    2. Item 2-2
    13. Item 2-3
13. Item 3
14. Item 4
15. Item 5

在編輯過程中，經過多次增刪修改後，列表的號碼可能會不連續，但Markdown的設計是不管原始內容的編號，在閱讀呈現時會自動重新依序編號。但如果你很介意數字的連續性，希望在編輯模式下也能依序編號，在目前版本(v0.14.2)下，只要使用Tab鍵即能達成了。

1. 編輯模式下列表自動編號

以上面的例子，只要在同階層任何一個列表項上按Tab向下一階，再按Shift+Tab回到原本階層，該階層列表就會自動重新編號。

[!warning] 注意❗
1. 要使用新版編輯器，設定→【使用舊版編輯器】不能勾選
* 舊版編輯器在Tab的操作有所不同，但仍會重編號碼
2. 設定→【編輯器】→【使用 Tab 鍵縮排】最好要勾選啟用 

1. Item 1
2. Item 2
    1. Item 2-1
    2. Item 2-2
    13. Item 2-3
13. Item 3
14. Item 4
15. Item 5

2. 教學影片

＃＃

您可能也會有興趣的類似文章

↧
↧

[Obs＃80] 熱字串自動補全外掛：Various Complements，用Callout boxes當範例

April 2, 2022, 8:06 am
$
0
0

Various Complements原來是用來透過字典來加速文字輸入，但拿來當做熱字串替換縮寫操作也是很方便的工具。

預設的字典檔是文字格式，在選項設定裡指定，我們只要再指定本地的文字檔就能自行擴充熱字串了。

功能示範

01|200

various complet

01|300

[!ERROR] 異常
error!!!

01|300

字典檔格式

[!TIP] 技巧💡
按Ctrl+Shift+Space 彈出對話窗，可直接新增詞彙

第一個欄位是縮寫，第二個欄位是說明，第三個欄位是代名（可不使用）。外掛針對縮寫與代名做索引。

[!INFO] 欄位格式
顯示(插入)文字
顯示(插入)文字 | 說明文字
顯示(插入)文字 | 說明文字 |代名1
顯示(插入) | 說明文字 |代名1|代名2…
顯示文字=>插入文字|…
顯示(插入)文字+=合併文字|…

字典檔裡字詞的設定必須在選項設定裡先設定好：

  1. 欄位分隔符號：有Tab、逗點與直槓(Pipe)三種。因為在Obsidian裡Tab會是內縮，插入文字可能會有逗點，因此使用的是Pipe(|)
  2. 如果下拉選單顯示的文字與插入文字不同時，可以在第一個欄位使用分隔字串，預設是「>>>」，我使用的是「=>」
  3. 第一個欄位可以用「;;;」截斷顯示字串，選用後合併完整字串。我改用「+=」
  4. 縮寫展開後鍵盤游標位置可自訂設定位置字串，預設是「<CARET>」，我使用「$END$」
  5. 第二個欄位是說明
  6. 第三個欄位是代名，可不設定
  7. 第四個欄位是代名，可不設定。以此類推可再設定更多代名
  8. ==注意==：欄位分隔符號與代名之間不要有空白或Tab
  9. ==注意==：中文後輸入直接輸入縮寫時不會彈窗，先輸入半形空白即可彈窗
  10. ==注意==：新增詞彙後必須重新載入，才能讓新設定生效

[!EXAMPLE] 範例

範例鏈接: Dictionary for Obsidian Various completements plugin

重新載入

字典檔修改後，必須重新載入。狀態欄會顯示設定的個數。

相關鏈接

教學影片

＃＃您可能也會有興趣的類似文章

↧

[Obs＃82] 用Obsidian學會Markdown–Markdown完整解析

April 9, 2022, 8:32 am
$
0
0

[Obs＃82] 用Obsidian學會Markdown–Markdown完整解析

I love Markdown.|500

1. Markdown是什麼？

  1. Markdown是一個輕量級的標記語言，相較於複雜、繁多的HTML，Markdown更簡單、更容易使用
  2. 將純文字內容賦予格式化的標記，能讓文字轉換成HTML
  3. Markdown提供了易讀易寫的標記格式
  4. [[John Gruber]]在2004年發明
  5. 隨著科技的進步，Markdown也衍生了多個版本

2. 為什麼要學Markdown?

  • Markdown應用範圍廣泛：舉凡網站、簡報、筆記、文件、書籍、電子郵件、即時通訊軟體都在使用。
  • Markdown可攜性高
  • Markdown具有平台獨立性

2.1. 幾個Markdown的應用

太多了，族繁不及備載，列舉一二。

3. Markdown的處理步驟

![[Markdown Processing|700]]

01|700

4. 涵蓋的標記

4.1. 區塊標記

4.2. 行內標記

5. 標題 (Heading)

Heading HTML
# Heading Level 1 <h1>Heading Level 1</h1>
## Heading Level 2 <h2>Heading Level 2</h2>
#### Heading Level 3 <h3>Heading Level 3</h3>
##### Heading Level 4 <h4>Heading Level 4</h4>
###### Heading Level 5 <h5>Heading Level 5</h5>
####### Heading Level 6 <h6>Heading Level 6</h6>

[!TIP] 技巧💡
1. 井號後至少加一個空白
2. 井號緊接標題會變成標籤
3. 記憶方法：帶頭大哥、二哥、三哥… 六弟，井號越多的等級越小

我的用法
  1. # : 檔名(筆記名稱)
  2. ## : 大標題(章)
  3. ###：次級標題(節)

[!OBS]
井號後緊接英數字會形成標籤：#標籤

5.1. 另類標題

Heading HTML
Heading Level 1
=============		 <h1>Heading Level 1</h1>
Heading Level 2
—————		 <h2>Heading Level 2</h2>

5.2. 段落 (Paragraph)

段落間以一個空行隔開。

[!INFO]+ 資訊
Obsidian設定→【編輯器】→【精確的換行符號】：勾選後設定成Markdown的嚴格換行
* 連續兩行間插入一行，才會變成兩行，否則會連接在一起
* 第一行最末插入兩個空白會變成兩行

[!comment] 對於段落的建議
1. 不要勾選【精確的換行符號】
2. 段落開頭不要加空白

6. 換行 (Line break)

【精確的換行符號】設定會影響換行的行為。

[!comment]+ 對於換行的建議
1. 不要勾選【精確的換行符號】
2. 不要用行末兩個空白的方法換行
3. 特殊情況下用HTML的 <br> 插入換行(例如在表格的儲存格裡要換行)

7. 文字變化 (Emphasis)

7.1. 斜體

被前後一個星號(*)、一個底線(_)或 $ (非Markdown)：夾住的文字會變成斜體。

Italic text HTML
話說天下大勢，*分久必合* 話說天下大勢，<em>分久必合</em> 話說天下大勢，分久必合
，_合久必分_ ，<em>合久必分</em> ，合久必分
$數學符號使用$ <mjx-math class="MJX-TEX" aria-hidden="true">... $數學符號使用$`

[!comment] 對於斜體的建議
盡量使用 *

7.2. 粗體

被前後兩個星號(**)或兩個底線(__)夾住的文字會變成粗體。

Bold text HTML 顯示
話說天下大勢，**分久必合** 話說天下大勢，<strong>分久必合</strong> 話說天下大勢，分久必合
，__合久必分__ ，<strong>合久必分</strong> ，合久必分

[!comment] 對於粗體的建議
盡量使用**

7.3. 粗斜體

被前後三個星號()或三個底線()夾住的文字會變成斜體。兩個底線一個星號或兩個星號一個減號等的組合也可以用，不過不建議使用。

Italic text HTML
話說天下大勢，***分久必合*** 話說天下大勢，<strog><em>分久必合</em></strog> 話說天下大勢，分久必合
，___合久必分___ ，<strong><em>合久必分</em></strong> ，合久必分

[!comment] 對於斜體的建議
盡量使用 ***

7.4. 刪除文字

被前後兩個波浪號()夾住的文字會變成刪除樣式。

[!EXAMPLE] 範例
被前後兩個波浪號(~~)夾住的文字會變成~~刪除樣式~~。

7.5. 高亮文字

被前後兩個等號(==)夾住的文字會變成重要強調樣式。

[!EXAMPLE] 範例
學習Obsidian的最好方法是==開始寫==、 ==認真寫==，主題和外掛只是輔助。

[!WARNING] 注意❗
Dataview的行內表示式使用「`= 運算式 `」 的格式，倒引號再兩個等號會造成Dataview解析錯誤，因此使用&#61;。

7.6. 下底線

非Markdown：Markdown沒有底線格式，可以使用HTML的<u>與</u>來形成文字底線。

[!EXAMPLE] 範例
不要在Obsidian的外掛上花太多精力，筆記本身才是最重要的。

7.7. 上頂線

非Markdown：使用HTML的 ruby 等標籤。

[!EXAMPLE] 範例
漢字ㄏㄢˋ ㄗˋ

電腦dian nao
重要內容！ 重要內容！

7.8. 上標字與下標字

非Markdown：Obsidian沒有直接支援上標字與下標字的語法，有兩個方法解決。

7.8.1. 方法1. MathJax

用MathJax (JavaScript display engine for LaTeX, MathML, and AsciiMath notation)語法達成。

[!TIP] 語法
$文字^上標字$
$文字_下標字$

[!WARNING] 注意
會變成斜體

  • $E=MC^2$
  • $CO_2$
7.8.2. 方法2. 用HTML標籤

[!TIP] 語法
文字上標字
文字下標字

  • E=MC2
  • CO2

7.9. 行內程式碼

行內程式碼(用一個倒引號夾住文字)也可以變化文字的顯示，有需要時也可使用。

8. 區塊引言 (Blockquotes)

  1. 以「> 」(小於再加一個空白)在每行開頭以形成區塊引言。
  2. 以「>> 」(兩個小於再加一個空白)在每行開頭以形成第二階層的區塊引言。
  3. 區塊裡能再使用部份Markdown標記，具體能使用的標記因應用系統的實作而有不同。

111

222 粗體

AAA 斜體
BBB 粗斜體
333
444

[!comment] 對於區塊引言的建議
1. 區塊前後最好插入一行空行
2. 可以用Obsidian的Callouts擴充取代

[!OBS]

Callouts重點提示語法

[!Type] Title
內容`

9. 列表 (Lists)

9.1. 有序列表

  1. 以「數字. 」(數字、點、空白)或「數字) 」開頭
  2. 數字不必照順序排列
  3. 起始數字以列表第一個項目的數字開始遞增
  4. 列表項目間有空行時，每個項目會自動插入空行。空行後有非列表內容時，第二個區塊會以開始項目的數字重新編號
  5. 自動重新編號：按Tab再按Shift+Tab
  6. 開頭四個空白或Tab形成第二階層列表

[!comment] 對於有序列表的建議
盡量使用 數字. 格式

9.2. 無序列表

  1. 以「星號 」(*、空白)、「減號 」或「加號 」開頭
  2. 列表項目間有空行時，每個項目會自動插入空行
  3. 開頭四個空白或Tab形成第二階層列表
  4. 項目裡有「數字. 」(數字、點、空白)造成顯示異常，可以在點的左側加上跳脫字元反斜線

[!comment] 對於無序列表的建議
固定使用同一種符號，盡量使用 *

10. 程式碼 (Code)

10.1. 行內程式碼

  1. 用一個倒引號夾住程式碼
  2. 用兩個倒引號以顯示行內程式碼

10.2. 程式碼區塊

  1. 用三個倒引號開頭，結尾行用三個倒引號開頭
  2. 三個倒引號也可用波浪號（~~~）
  3. 程式碼每行用至少四個空白或Tab開頭

[!TIP] 技巧💡
要顯示程式碼區塊完整內容：最外面用4個倒引號夾住 

> ```
> Ctrl+Enter
> ```

10.3. 擴充語法

開頭倒引號後可指定程式碼使用語言。

```html
<kbd>Ctrl+Enter</kbd>
```

11. 水平分隔線

三個以上的星號、減號或底線。

[!comment] 對於水平分隔線的建議
分隔線上下最好用插入一個空行

12. 網址鏈接

提示文字可省略。

[!TIP] 語法
顯示文字
<網址鏈接>
<Email@your_Email_Address>

[顯示文字][引用代碼]

[引用代碼]: 網址鏈接

[!INFO] 💡 小技巧 如何記憶？
成語「內方外圓」→「前方後圓」 |100

[!comment] 對於鏈接的建議
網址裡如果有空白時：
1. 把空白改成「%20」
2. 網址改成<鏈接網址>
3. Obsidian在還到http://、https://開頭的網址文字時，會自動變成網址超鏈接

[!OBS] Obsidian內部鏈接
[[本地筆記路徑]]
[[本地筆記路徑|特定的顯示文字]]
[[本地筆記路徑#標題]]
[[本地筆記路徑^區塊代碼]]

13. 圖片

[!TIP] 語法
顯示文字
顯示文字|顯示寬度
顯示文字|顯示寬度x高度
顯示文字
![顯示文字][引用代碼]

[引用代碼]: 網址鏈接

[!obs]
![[本地圖片路徑]]
![[本地圖片路徑|顯示寬度]]
![[本地圖片路徑|顯示寬度x高度]]

嵌入內部鏈接

![[內部鏈接]]
![[內部鏈接|特定顯示文字]]
![[內部鏈接#標題]]
![[內部鏈接^區塊代碼]]

[!comment] 圖片鏈接
text

簡睿隨筆

14. 表格

14.1. 有對齊功能的表格

標題1 標題2 標題3
111 222 333
444 555 666

14.2. 簡單表格

標題1 | 標題2 | 標題3
--|--|--
111 | 222 | 333
444 | 555 | 666

[!TIP] 技巧
儲存格裡的換行：用 br
儲存格裡有用到Pipe(|)時：|

15. 區塊代碼

段落下方插入境^區塊代碼讓內部鏈接參考使用。

16. 註腳

  1. [^數字或註腳代碼]：指定註腳，自動以數字顯示
  2. [^數字或註解代碼]: 說明文字`：註腳說明

Markdown標記語言1由 John Grube發明。

17. 任務

輸入任務描述後按一個 Ctrl+Enter即可快速形成任務語法。開頭字元可用減號、加號與星號。

[!TIP] 語法
– [ ] 未完成任務描述
– [x] 已完成任務描述

18. 註解

不顯示在HTML裡的內容即為註解。

[!TIP] 語法
以<!–開頭，–>結尾
以 %% 夾位的內容即為不顯示的註解

19. 嵌入網頁

<iframe src=”網址”></iframe>

20. 第三方整合

20.1. Mermaid: 流程圖等

核心支援。

```mermaid
sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!
```

01|700

```mermaid
pie title 本週番茄鐘
    "週一": 5
    "週二": 11
    "週三": 12
    "週四": 22
    "週五": 10
    "週六": 7
    "週日": 6
```

01|700

20.2. Excalidraw

20.3. Diagrams

20.4. Emoji

21. YAML Front matter

預設關鍵字：

21.1. tags

  • 不能用空白
  • 可以用底線(_)或減號(-)當做分隔字元
  • 不能全為數字：#3c 可以用，但 #2022 無法使用
  • 能用正斜線(/)形成巢狀式標籤：3c/notebook

[!TIP] 技巧💡
tags寫法很有彈性，以下皆可使用：

tags: test1, test2, tet3/test3-1
tags: [ test1, test2, tet3/test3-1 ]
tags: 
  - test1 test2 tet3/test3-1 
 
tags: 
  - test1
  - test2
  - tet3/test3-1

21.2. aliases

筆記檔名的別名，讓一篇筆記有多個名稱。

---
aliases: [Markdown用法, Markdown語法彙總]
---

21.3. cssClasses

cssClass或cssClasses皆可使用。讓本篇筆記套用特定的CSS類別。

21.4. publish

publish: true 發佈到Publish網站，publish: false 不發佈到Publish網站。

22. 相關鏈接

23. 教學影片

＃＃

  1. 註腳說明 ↩

您可能也會有興趣的類似文章

↧

Burning Vocabulary: 學習語言的瀏覽器擴充

April 17, 2022, 6:07 am
$
0
0

01|700
Burning Vocabulary是一個學習外語的瀏覽器擴充，能安裝在Google Chrome與Microseoft Edge裡。

影片裡介紹了它的基本操作，但漏提了下列兩個功能：

  1. 在瀏覽器的PDF檢視裡也能使用此擴充
  2. 每周會自動寄出Email，彙總本周的學習單字

▼ Vocabulary Reminder每周Email

01|700

相關鏈接

教學影片

＃＃您可能也會有興趣的類似文章

↧

[Obs＃83] 多欄式Callouts! 直接套用CSS片段變身N欄～

April 22, 2022, 9:32 pm
$
0
0

MCL Multi Column.css是一個不到8KB大小的CSS檔，只要存入儲存庫.obsidian/snippets資料夾並在外觀裡啟用此CSS片段，就能以下列方法呈現更多變化：

  1. 多欄式呈現筆記的Callouts內容
  2. 指定Callouts的顯示大小與浮動位置(浮動位置在閱讀模式生效)
  3. 將無序列表變成多欄顯示(在閱讀模式生效，Callouts裡也會生效)

[!info] MCL?
MCL是「Modular CSS Layout」的縮寫

1. 多欄式Callouts

[!tip] Callouts類型
1. 顯示標題列：> [!multi-column]
2. 隱藏標題列：> [!blank-container]

[!tip] 使用方法
1. 欄位間用一個 > 分隔
2. 每個Callout區塊多增加一個 >
3. 欄位數由2到N，只要螢幕寬度足夠，會自動分配欄寬
4. 可使用Style Settings外掛設定

01

1.1. 兩欄

> [!multi-column]
>
>> [!note]+ 待辦事項
>> your notes or lists here. using markdown formatting
>
>> [!warning|right-small]+ 進行中事項
>> your notes or lists here. using markdown formatting

1.2. 三欄

> [!multi-column]
>
>> [!note]+ 待辦事項
>> your notes or lists here. using markdown formatting
>
>> [!warning]+ 進行中事項
>> your notes or lists here. using markdown formatting
>
>> [!success]+ 已完成事項
>> your notes or lists here. using markdown formatting

1.3. 三欄

01|700

> [!multi-column]
>
>> [!note]+ 待辦事項
>> * Item 1
>>    * Item 1-1
>>    * Item 1-2
>>    * Item 1-3
>>
>>> [!EXAMPLE] 範例
>>> ```
>>> String msg = "Hello, world!";
>>> ```
>
>> [!warning]+ 進行中事項
>> 使用圖片：
>> ![[Obs＃83 多欄式Callouts! 直接套用CSS片段變身N欄～ image 1.png]]
>
>> [!success]+ 已完成事項
>> 使用影片：
>>
>> [用Obsidian學會Markdown|embded](https://youtu.be/lnsQsFCYhNc)

1.4. 四欄

01|700

> [!multi-column]
>
>> [!note]+ 待辦事項
>> your notes or lists here. using markdown formatting
>
>> [!warning]+ 進行中事項
>> your notes or lists here. using markdown formatting
>
>> [!success]+ 已完成事項
>> your notes or lists here. using markdown formatting
>
>> [!info]+ 說明
>> your notes or lists here. using markdown formatting

1.5. 五欄

> [!multi-column]
>
>> [!note]+ 待辦事項
>> your notes or lists here. using markdown formatting
>
>> [!warning]+ 進行中事項
>> your notes or lists here. using markdown formatting
>
>> [!success]+ 已完成事項
>> your notes or lists here. using markdown formatting
>
>> [!info]+ 說明
>> your notes or lists here. using markdown formatting
>
>> [!quote]+ 引用
>> your notes or lists here. using markdown formatting

1.6. 六欄

> [!multi-column]
>
>> [!note]+ 待辦事項
>> your notes or lists here. using markdown formatting
>
>> [!warning]+ 進行中事項
>> your notes or lists here. using markdown formatting
>
>> [!success]+ 已完成事項
>> your notes or lists here. using markdown formatting
>
>> [!info]+ 說明
>> your notes or lists here. using markdown formatting
>
>> [!quote]+ 引用
>> your notes or lists here. using markdown formatting
>
>> [!error]+ Expired!
>> your notes or lists here. using markdown formatting

1.7. 隱藏標題列

> [!multi-column]
>
>> [!blank-container]+ 待辦事項
>> * Item 1
>>    * Item 1-1
>>    * Item 1-2
>>    * Item 1-3
>> * Item 2
>>> [!EXAMPLE] 範例
>>> ```
>>> String msg = "Hello, world!";
>>> ```
>
>> [!blank-container]+ 進行中事項
>> 使用圖片：
>> ![[Obs＃83 多欄式Callouts! 直接套用CSS片段變身N欄～ image 1.png]]
>
>> [!blank-container]+ 已完成事項
>> 使用影片：
>>
>> [用Obsidian學會Markdown](https://youtu.be/lnsQsFCYhNc)

2. 指定Callouts大小與浮動位置

> [!error|right-small] 浮動到右側
> 小視窗，靠右

擴充Callouts的語法，在Callout類型後加上Pipe，再輸入下列設定：

[!tip] 語法

[!Callout類型|left/right-small/medium/large]
[!blank-container|left/right-small/medium/large]

3. 多欄式列表

[!tip] 使用說明
1. YAML區加入cssClasses: 多欄CSS即會自動顯示成指定的欄數
2. 多欄CSS有下列幾種：

  1. two-column-list: 垂直填充
  2. three-column-list: 垂直填充
  3. two-column-grid-list: 水平填充
  4. three-column-grid-list: 水平填充

4. 相關鏈接

5. 教學影片

＃＃您可能也會有興趣的類似文章

↧
↧

Windows專屬的3個YouTuber錄製影片的利器：滑鼠游標螢光高亮顯示和畫筆、聚光燈等引人注目的功能

April 23, 2022, 9:01 am
$
0
0

如果你跟我一樣經常要製作電腦軟體的教學影片，那麼今天介紹的滑鼠游標工具不容錯過。在錄製電腦螢幕時，經常需要讓觀眾注意滑鼠游標的位置和滑鼠的操作，透過今天介紹的幾種游標高亮工具，能輕鬆的抓住觀眾們的眼球與注意力，同時也能更加吸引新訪客到訪的機率。

1. 功能要點

01|700

2. Cursor Highlighter

2.1. 使用後感想

  • 只能用熱鍵操作，按鍵操作比較繁瑣，例如進入聚光燈模式後，必須按鍵切換
  • 沒有畫筆功能

3. Mousertack

01|700

3.1. 使用後感想

  • 可惜游標螢光只有光環式

4. PointerFocus

PointerFocus

4.1. 使用後感想

  • 可惜費用較高

5. 選擇建議

  • 費用考量
    • 最優選：Cursor Highlighter
    • 次優選：Mousetrack
  • 功能完整性
    • 最優選：PointerFocus
    • 次優選：Mousetrack
  • 中文介面
    • 唯一選擇：Mousetrack
  • 原始程式
    • 唯一選擇：Cursor Highlighter
  • 圖形游標
    • 唯一選擇：Cursor Highlighter

6. 相關鏈接

7. 教學影片

＃＃

您可能也會有興趣的類似文章

↧

[Obs＃84] 另一個更簡便的筆記分欄作法：使用Columns外掛

April 29, 2022, 8:31 pm
$
0
0

先前介紹了以CSS片段（[Obs＃83] 多欄式Callouts! 華麗變身成N欄區塊～）讓筆記以多欄方式呈現的作法，這次再介紹一個更簡易的外掛：用Obsidian Columns。

MCL Multi Column.css是以Callouts的引言語法來撰寫，每行內容都必須以 > 開頭，在輸入上還是繁瑣了一些。而Columns外掛則主要使用程式碼區塊，在輸入上會更容易。

Columns外掛有兩種格式：等比例欄寬與自訂欄寬。

1. 等比例欄寬分欄

[!REF] 語法
1. 程式碼區塊(Codeblock)語法
2. 以```col開頭
3. 以```結尾
4. 程式碼區塊裡的每一個Markdown區塊標記形成一欄
5. 若Markdown區塊標記是程式碼區塊，則開頭、結尾要改成四個倒引號(即````col與````)
6. 區塊內有兩個以上的區塊標記要放在同一欄，則前後插入```col-md與```

1.1. 🔖範例

01|700

````col
Column 1-1
Column 1-2

```col-md
- column 2-1
    1. Item 1
    1. Item 2
    1. Item 3
- column 2-2
- column 2-3

>  [!INFO] Callouts
> - column 3-1
> - column 3-2
>> [!ERROR] Error description
>>  Nested callout
```

```js
  let msg = "Hello, world!";
  let url = window.location.href;
```
````

1.2 圖片並排

01|700

```col
![[Obsidian CSS Notes image 1.png|300]]

![01|300](https://raw.githubusercontent.com/emisjerry/upgit/master/2022/03/upgit-20220303_1646294945.png)

![[Obsidian Plugins Notes image 1.png|300]]
```

2. 自訂欄寬分欄

只有閱讀模式生效。

[!REF] 語法

  1. 列表(List)語法
  2. 第一個項目是!!!col
  3. 第一個欄位
    1. 內縮成階層二，第一行是欄位佔比數字(flex-grow 增長係數)
    2. 階層二第二行開始是第一個欄位內容，直到階層二結束
  4. 假設第二個欄位的flex-grow是4，表示第一欄佔1/5，第二欄寬佔4/5

2.1. flex-grow示意

01|400

2.2. 📑範例

01|700

- !!!col
    - 1
            第一回：宴桃園豪傑三結義，斬黃巾英雄首立功
    - 4
            話說天下大勢，分久必合，合久必分；周末七國分爭，并入於秦。及秦滅之後，楚、漢分爭，又并入於漢。漢朝自高祖斬白蛇而起義，一統天下。後來光武中興，傳至獻帝，遂分為三國。推其致亂之由，殆始於桓、靈二帝。桓帝禁錮善類，崇信宦官。及桓帝崩，靈帝即位，大將軍竇武、太傅陳蕃，共相輔佐。時有宦官曹節等弄權，竇武、陳蕃謀誅之，作事不密，反為所害。中涓自此愈橫.

            建寧二年四月望日，帝御溫德殿。方陞座，殿角狂風驟起，只見一條大青蛇，從梁上飛將下來，蟠於椅上。帝驚倒，左右急救入宮，百官俱奔避。須臾，蛇不見了。忽然大雷大雨，加以冰雹，落到半夜方止，壞卻房屋無數。建寧四年二月，洛陽地震；又海水泛溢，沿海居民，盡被大浪捲入海中。光和元年，雌雞化雄。六月朔，黑氣十餘丈，飛入溫德殿中。秋七月，有虹見於玉堂；五原山岸，盡皆崩裂。種種不祥，非止一端。

- !!!col
    - 1
        # Column 1
        Some example text in column 1
        - some lists inside as well
            - more list items
    - 2
        # Column 2
        This column is twice as wide because it has the value set to 2
        - !!!col
            - 1
              ## Column 2-1
              You can even have columns inside columns!
            - 1
              ## Column 2-2
              More example text inside this column

3. 相關鏈接

4. 教學影片

＃＃您可能也會有興趣的類似文章

↧
Search

[Obs＃85] 分享使用中與外觀有關的10個外掛

May 1, 2022, 12:35 am
$
0
0

Obsidian的設計概念是以最精簡的核心提供最穩定的編輯體驗，以模組化的設置將功能獨立成交互運作的外掛，透過各式各樣的外掛以擴充操作功能並增加系統彈性。因此在了解了編輯語法的Markdown標記後，再花些時間挑選適合自己需求的外掛，如此才能輕鬆自如的駕馭Obsidian，在設定好符合自己的最舒適的工作環境後，才能更加迅速的寫好每一篇的筆記、文件或紀錄。

開放能形成更強大的力量─蓬勃發展的Obsidian社群生態系完美的詮釋了開放的本質與互助的效益。

因為我們使用的Obsidian工作環境是像積木般的由眾多外掛聯手組成，時間一久很容易會迷失在「某個功能是由那個外掛提供」的茫茫大海裡，因此建議大家比照我的作法，將自己常用的外掛和它的設定步驟都記錄起來，方便日後按圖索驥、快速重新設定。

我分享的外掛是符合我個人的使用習慣與專有需求，觀眾們可視為參考，自己再花點時間來為自己的工作環境妝點門面。但切記除了工具與工具的使用方法以外，筆記的工作流程與內容是更重要的核心。

1. 與外觀有關的外掛

01|700

![[Obsidian Plugins Notes#外觀外掛]]

2. 額外設定

2.1. 將筆記檔名顯示在窗格中央

/* 將筆記檔名顯示在窗格中央 */
.title-align-center:not(.plugin-sliding-panes-rotate-header) .view-header-title {
  margin-left: 0;
  padding-right: 0;
  text-align: center;
}

2.2. 顯示窗格序號數字(Pane Relief)

/* Pane relief Number panes in their headers */
.workspace-split.mod-root .workspace-leaf .view-header-icon::after {
    content: &quot;&quot;;
    display: inline-flex;
    position: relative;
    bottom: 3px;
    min-inline-size: 1em;
}

.workspace-split.mod-root .workspace-leaf.has-pane-relief-label .view-header-icon::after {
    counter-reset: pane-number var(--pane-relief-label);
    content: counter(pane-number);
}
/* END: pane relief */

3. 相關外掛清單

外掛名稱 功能簡述 安裝方法 YouTube網址
Pane Relief 窗格開啟歷史記錄 第三方外掛 https://youtu.be/I5rOIdQGRo8
Custom window title Obsidian應用程式視窗標題設定 第三方外掛
Customizable Page Header and Title 窗格(Page)標題列設定 第三方外掛 https://youtu.be/I5rOIdQGRo8
Customizable Sidebar 側邊欄設定 第三方外掛 https://youtu.be/ddn1SATq2To
Bartender 側邊欄圖示顯示控制 手動安裝(或使用BRAT) https://youtu.be/ddn1SATq2To
Recent Files 最近開啟檔案歷史記錄 第三方外掛 https://youtu.be/I5rOIdQGRo8
Reveal active file button 檔案瀏覽器展開至當前筆記 第三方外掛
Calendar 日曆與任務管理 第三方外掛 https://youtu.be/wETtIAFFcfw
Reminder 待辦事項任務提醒 第三方外掛 https://youtu.be/wETtIAFFcfw
Show current file path 顯示當前檔案完整路徑 第三方外掛 https://youtu.be/I5rOIdQGRo8

4. 教學影片

＃＃您可能也會有興趣的類似文章

↧

[Obs＃86] 分享與編輯器相關的21個Obsidian外掛

May 7, 2022, 7:42 pm
$
0
0

Obsidian編輯器是撰寫內容的最主要環境，選擇好適合的外掛能帶來效率最高的工作生產力。

1. 編輯器設定

1.1. 顯示設定

以下操作皆在【設定(Settings)】→【編輯器(Editor)】→【顯示(Display)】裡運行。

設置項目 功能 操作步驟
設定每行寬度(Readable Line Length) 設定每行容納字數 取消勾選可顯示較多文字
摺疊標題(Fold Heading) 標題可否摺疊起來 勾選後列表左側會出現摺疊符號供操作
摺疊列表(Fold Indent) 列表可否摺疊起來 勾選後列表左側會出現摺疊符號供操作
縮排指引(Show Indentation Guides) 列表是否顯示垂直指引線 勾選後出現垂直線
1.2. 行為設定

【設定(Settings)】→【編輯器(Editor)】→【Advanced】→【Auto Convert HTML】勾選後，複製超鏈接的剪貼簿內容時：
* 按Ctrl/Cmd+V貼入或拖拉時，會自動形成[]()格式
* 按Ctrl/Cmd+Shift+V貼入或拖拉時，不轉換格式

2. 顯示標題等級

2.1. 顯示大綱面板或窗格

在右側邊欄顯示大綱面板，除了顯示大綱外，也可點擊大綱項目讓編輯器直接跳到該標題位置。

不使用大綱面板時，可點擊【⋮】更多選項→【開啟大綱】，在新窗格裡顯示大綱項目。

2.2. Lapel外掛

當我們能很容易的看到標題等級，可以很輕易的決定新的標題的等級。

最簡單的方法是安裝並啟用Lapel外掛（Live Preview）。點擊Lapel顯示的H1～H6，能選擇變更標題等級。

另一個方法是CSS片段，在標題列最後附加H?文字以標識等級。CSS裡把.markdown-preview-view改成.markdown-reading-view則可讓閱讀模式出現H?文字。

▼ 再複製h2～h6即可

.markdown-preview-view h1:hover::after,
.is-live-preview .HyperMD-header-1:hover::after {
  content: &#039;H1&#039;;
  font-size: 0.7rem;
  width: auto;
  margin-left: 10px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 0px;
}

3. 快速輸入標題標記

有三種方法。

3.1. Format Hotkeys外掛

按快捷鍵立即輸出井號，這是最快速的標題標記輸入方法。

macOS: Ctrl=Cmd，Alt=Option

預設按鍵 功能說明 Action
Ctrl + Shift + 9 切換區塊引言 Toggle Blockquote
Ctrl + Shift + 8 切換無序列表 Toggle Bulleted List
Ctrl + Shift + 7 切換有序列表 Toggle Numbered List
Ctrl + Shift + 6 切換複選框 Toggle Checklist
Ctrl + Alt + 0 移除# Apply Normal text style
Ctrl + Alt + 1 套用一級標題 Apply Heading 1
Ctrl + Alt + 2 套用二級標題 Apply Heading 2
Ctrl + Alt + 3 套用三級標題 Apply Heading 3
Ctrl + Alt + 4 套用四級標題 Apply Heading 4
Ctrl + Alt + 5 套用五級標題 Apply Heading 5
Ctrl + Alt + 6 套用六級標題 Apply Heading 6
3.2. Markdown Shortcuts外掛

輸入>後在彈出的選單裡挑選要插入的Markdown標記：h1～h6。

3.3. cMenu外掛

在cMenu裡新增按鈕【切換標題(Toggle Heading)】。

4. 標題編號

安裝並啟用Number Headings外掛，可自動做標題編號。細節後續再介紹。

5. 標題摺疊

安裝並啟用Creases外掛，可指定要收合或展開的特定等級標題。細節後續再介紹。

6. 目錄

安裝並啟用Dynamic Table of Contents外掛，再於要插入目錄處輸入toc程式碼區塊：

```toc
```

7. 列表

  1. 如何快速結束列表？
    1. 按Shift+Enter
    2. 連按兩次Enter
  2. 經常使用列表操作時，可使用Outliner外掛

8. 表格

除了用Markdown Shortcuts外掛插入表格格式手動輸入外，可使用下列外掛以加快輸入速度：

  1. Table Editor

    [!WARNING] 注意❗
    表格上下插入空行，以免Update Table時上下內容被覆蓋

  2. Advanced Tables
  3. Notion-like Tables

9. 圖片處理

剪貼簿裡的圖片按Ctrl+V即能插入圖片。有下列外掛可使用：

  • 自動將圖片檔名依筆記檔名＋編號改名: Attachment name formatting
  • 自己上傳到圖床再取回圖床網址: Image auto upload
  • 我是使用Shell Command外掛＋upgit.exe上傳圖片到GitHub
  • 點擊圖片的操作工具組: Image Toolkit
  • 下載外部圖片到本地並自動變更鏈接寫法: Local Image

10. 自動補全

使用Various Complements外掛可由儲存庫或本筆記找出符合輸入部份字串的建議使用清單，按Enter後補全文字。

常用的語法，例如各種類型的Callouts或LaTex等，皆可使用Various Complements的自訂字典來減輕輸入時的記憶負擔。

11. 斜線命令

啟用核心的斜線命令後，在行首輸入斜線(/)可彈出命令選單，輸入部份命令字串後挑選到要執行的命令後按Enter。

CJK用戶可使用Command Alias外掛加入命令別名以快速輸入與選擇。

12. 工具列操作: cMenu

不想萬事皆透過鍵盤時，可啟用cMenu，將經常使用的Markdown操作加入選單裡，以方便選單點選操作。

13. 常用快捷鍵

Code Editor Shortcuts外掛有更多一般代碼編輯器的按鍵可設定。

macOS: Ctrl=Cmd，Alt=Option

按鍵 功能 外掛
Ctrl+O 快速切換(開檔)
Ctrl+P 開啟命令面板
Ctrl+N 建立新筆記
Ctrl+Y 刪除行 Code Editor Shortcuts
Ctrl+D 複製行 Code Editor Shortcuts
Ctrl+J 連接兩行 Code Editor Shortcuts
Alt+↑ 跳到上個標題 Code Editor Shortcuts
Alt+↓ 跳到下個標題 Code Editor Shortcuts
Shift+Enter 往下插入空行
Ctrl+Enter 複選框切換
Ctrl+Shift+F 全域搜尋
Ctrl+W 關閉當前窗格
Ctrl+K 選取文字後按鍵，形成超鏈接
Ctrl+← 1. 英文：向左一個Word 
2. 中文：向左一句
Ctrl+→ 1. 英文：向右一個Word 
2. 中文：向右一句
 |                           |

14. 文字顏色變更

標準的Markdown文字是沒有顏色變更的語法，雖然不鼓勵，但如果追求顏值是你的人生大事的話，可以透過CSS片段來變更，基本上都是插入HTML標籤<span class="顏色CSS">文字</span>來達成。

我介紹過的美容影片如下：

我在Various Complements外掛的自訂字典檔裡設定了顏色的縮寫，方便以選單的方法來插入顏色的標籤：

%% color: 啟用notation-colour-blocks.css %%
%% -- foreground color %%
cl-green=&gt;&lt;span class=&quot;note-green&quot;&gt;$END$&lt;/span&gt;
cl-yellow=&gt;&lt;span class=&quot;note-yellow&quot;&gt;$END$&lt;/span&gt;

%% --background color %%
bg-green=&gt;&lt;span class=&quot;green-bg&quot;&gt;$END$&lt;/span&gt;
bg-yellow=&gt;&lt;span class=&quot;yellow-bg&quot;&gt;$END$&lt;/span&gt;

%% --mark color %%
mk-green=&gt;&lt;mark class=&quot;green&quot;&gt;$END$&lt;/span&gt;
mk-yellow=&gt;&lt;mark class=&quot;yellow&quot;&gt;$END$&lt;/mark&gt;

15. 🙆‍♂️表情符號😍

表情符號的使用可以豐富文字的表現，常用的外掛有下面幾種：

  1. Emoji Toolbar
  2. Emoji Shortcodes

表情符號使用在標題時經常會無法正確顯示，此時將標題的CSS font-weight改成小於600 (例如用599)即可正常。

16. Markdown格式檢查

使用Linter外掛，可設定多種規則，可自行設定檢查的觸發時間。

17. 第三方整合

Obsidian的編輯區不止能用做文字編輯器，也能當做畫布。

17.1. 流程圖外掛
  1. Excalidraw
  2. Diagrams
  3. Mermaind等
17.2. 其他
  1. Kanban
  2. 方程式
  3. Mind Map
  4. 樂譜
  5. …

18. 相關外掛清單

外掛名稱 功能簡述 安裝方法 YouTube介紹網址
Lapel 最左側顯示標題等級 第三方外掛
Format Hotkeys 標題井號切換 第三方外掛
Markdown Shortcuts 輸入&gt;彈出語法選單 第三方外掛 https://youtu.be/IQpbILHrz0o
cMenu 浮動視窗提供命令按鈕 第三方外掛 https://youtu.be/IQpbILHrz0o
Number Headings 標籤自動編號 第三方外掛
Creases 標題摺疊切換 第三方外掛
Dynamic Table of Contents 動態目錄 第三方外掛 https://youtu.be/TmTLQ_ec3k4
Table Editor 視覺化表格編輯 第三方外掛 https://youtu.be/rZX_ZVPOgC8
Advanced Tables 表格工具列 第三方外掛 https://youtu.be/s9YcjN9kRoc
Notion-like Tables 視覺化表格編輯(Notion形式) 第三方外掛
Attachment name formatting 附件依檔名編號自動改名 第三方外掛
Image Auto Upload 圖片自動上傳圖床 第三方外掛
Upgit+Shell Command 圖片自動上傳圖床 第三方外掛 https://youtu.be/nGII-khqm2o
Image Toolkit 圖片工具組 第三方外掛
Local Image 下載圖片網址並變更鏈接 第三方外掛
Various complements 文字自動補全 第三方外掛 https://youtu.be/tiidkQhKjLY
Command Alias 自訂命令別名 第三方外掛 https://youtu.be/8-WWw7loeQw
Code Editor Shortcuts 編輯按鍵設定 第三方外掛
Linter Markdown語法檢查 第三方外掛 https://youtu.be/62kuD7LT_pA
Emoji Toolbar 表情符號選擇對話窗 第三方外掛 https://youtu.be/d6aCT-gyilA
Emoji Shortcodes 輸入表情符號代碼插入表情符號 第三方外掛

19. 教學影片

＃＃您可能也會有興趣的類似文章

↧
↧

[Obs＃87] 章節標題自動編號與設定編號形式的Obsidian外掛：Number Headings

May 11, 2022, 6:03 pm
$
0
0

Number Headings外掛可設定自動編號，使用後只要輸入 # 的不同等級標題，讓系統自動編號，不用再手動去添加了。這個外掛還能將編號設定存入YAML區，達到每個筆記保存本身特殊的編號需求。對於需要寫較長文字章節的場合，是必備的輔助利器。

1. 外掛選項

以下是常用的選項：

選項 說明
Skip top level heading 是否略過一級標題；若一級標題是筆記名稱時應勾選
Style for level 1 heading 1或A，一級標題用數字或字母編號
Style for lower level heading 1或A，二級～六級標題用數字或字母編號
Automatically numbering 自動編號，輸入 # 後自動編號
Seperator style 有點(dot)、減號(dash)、冒號(colon)等三種，數字間的分隔符號
Table of contents Anchor 要插入靜態目錄的定位符號，例如使用「^toc」，在要插入位置上的標題結尾加上定位符號，就能在下一行插入目錄。
建議用Dynamic Table of Contents外掛取代此功能

|

2. 操作要點

  1. 要重新編號時先把YAML區的number headings欄位刪除
  2. 用Ctrl/Cmd+P執行Remove numbering from all headings in document命令
  3. 用命令save settings to front matter可設定本篇筆記專案的編號設定，並將設定寫入YAML區

3. 相關鏈接

4. 教學影片

＃＃您可能也會有興趣的類似文章

↧

[Obs＃88] 綜合練習：快速設定的6種方法─使用8個Obsidian外掛

May 20, 2022, 8:37 pm
$
0
0

1. 前言

Obsidian的設定視窗內含多個設定：外觀、快捷鍵、核心外掛、第三方外掛與其他選項設定，每次為了某種設定都必須點擊數次，才能到達要設定的位置，今天分享一個小技巧，使用Advanced URI外掛來快速設定，展示以Buttons的按鍵、側邊欄筆記、側邊欄命令按鈕與斜線命令等途徑，以最少的點擊而達成快速的設定。

2. 關鍵方法

快速開啟特定設定視窗的關鍵方法是使用Advanced URI外掛，以下列語法指定好要操作的儲存庫與ID，再開啟此網址即可。

[!REF] 語法
obsidian://advanced-uri?vault=儲存庫名稱&settingid=設定的ID

3. Obsidian設定ID

有四類設定ID可供使用。

1. Obsidian設定
設定ID 設定項目
editor 編輯器
file 檔案與鏈接
appearance 外觀
hotkeys 快捷鍵
about 關於
account 帳戶
core-plugins 核心外掛
community-plugins 第三方外掛
2. Obsidian第三方瀏覽
設定ID 設定項目
theme-browser 主題瀏覽
plugin-browser 外掛瀏覽
3. Obsidian核心外掛選項
設定ID 設定項目
note-composer 筆記編排器
backlink 反向鏈接
switcher 快速切換
command-palette 命令面板
daily-notes 每日筆記
file-recovery 檔案還原
page-preview 頁面預覽
3.4. 第三方外掛選項

到儲存庫/.obsidian/plugins/外掛/manifest.json找到外掛的id，例如Dataview的內容如下；偷懶點的話，外掛的資料夾名稱通常就是它的id。

{
  "id": "dataview",
  "name": "Dataview",
  "version": "0.4.26",
  "minAppVersion": "0.13.11",
  "description": "Complex data views for the data-obsessed.",
  "author": "Michael Brenan <blacksmithgu@gmail.com>",
  "authorUrl": "https://github.com/blacksmithgu",
  "isDesktopOnly": false
}

4. 快速開啟方法1: Buttons

用Buttons外掛製作鏈接式按鈕。用Various Complements存放button的常用語法以方便輸入。

btn-link=>```button\nname $END$\ntype link\naction obsidian://advanced-uri?vault=儲存庫名&settingid=\n```\n^button-\n

[!INFO] 題外話…
Various Completements新版本的自訂字典增加了JSON格式，上列寫法改寫如下：

{ "displayed": "btn-link", 
"value": "```button\nname $END$\ntype link\naction obsidian://advanced-uri?vault=儲存庫名&settingid=\n```\n^button-\n" },

![[!Buttons-settings]]

```button
name 開啟快捷鍵
type link
color red
action obsidian://advanced-uri?vault=儲存庫名&settingid=hotkeys
```
^button-settings-hotkeys

```button
name 開啟主題
type link
color green
action obsidian://advanced-uri?vault=儲存庫名&settingid=theme-browser
```
^button-settings-appearnce

```button
name 開啟Shell Command選項
type link
color purple
action obsidian://advanced-uri?vault=儲存庫名&settingid=obsidian-shellcommands
```
^button-settings-shellcmd

```button
name 開啟Shell Command選項
type link
color blue
action obsidian://advanced-uri?vault=儲存庫名&settingid=cmenu-plugin
```
^button-settings-cmenu

再將內含Buttons按鈕的筆記拖到側邊欄工具列，即可透過此筆記快速開啟特定設定。

5. 快速開啟方法2: Shell Commands＋熱鍵

將網址設定成Shell Commands，命令新增後會形成Obsidian命令，再用快捷鍵設定其熱鍵。

5.1. 設定命令

開啟設定→第三方外掛→Shell Commands→點擊New Command並輸入網址如下：

start obsidian://advanced-uri?vault=儲存庫名^&settingid=hotkeys

01|700

[!WARNING] 注意❗
Windows用start執行網址，因為網址裡的&符號是cmd.exe的命令分隔字元，因此必須在其前面加上跳脫字元^(Escape character)
最終內容：start obsidian://advanced-uri?vault=儲存庫名^&settingid=hotkeys
加上雙引號後的寫法：start “exec” “obsidian://advanced-uri?vault=儲存庫名&settingid=hotkeys”

[!INFO] 資訊
macOS的寫法：open "obsidian://advanced-uri?vault=儲存庫名&settingid=hotkeys"

[!WARNING] 注意
網址開頭與結尾的雙引號不能省略

Linux的寫法：xdg-open "obsidian://advanced-uri?vault=儲存庫名&settingid=hotkeys"

5.2. 綁定熱鍵

設定好新命令後，在快捷鍵裡輸入 shell 就能找到命令，指定好熱鍵即可按鍵操作。

6. 快速開啟方法3: Shell Commands＋側邊欄按鈕

在前一個方法使用Shell Commands新增好的命令，可以透過Customizable Sidebar外掛將之添加到左側邊欄，並且指定圖示以顯示成命令按鈕。

7. 快速開啟方法4: Shell Command＋斜線命令

輸入 / 以彈出斜線命令選單，輸入 shell 或 execute 即可過濾出命令，按 Enter即可執行。
或者用Command Alias外掛賦予縮寫假名以快速調用。

8. 快速開啟方法5: Shell Command＋cMenu

添加新命令到cMenu的按鈕。

9. 快速開啟方法6: Shell Command＋Key Sequence Shortcut

添加新命令到Key Sequence Shortcut的設定檔kssrc後，再重新載入。

10. 快速開啟方法7: QuicAdd調用

透過QuickAdd調用Advanced URI網址。[未實作]

10.1. advanced_uui.js
module.exports = advanced_uri;

// 將advnace uri使用的settingid選取好後存入剪貼簿，供Shell Commands以 {{clipboard}}做參數
async function advanced_uri(params) {
  quickAddApi = params.quickAddApi;

  const aTexts =   [ &quot;Hotkeys&quot;, &quot;社群外掛&quot;, &quot;外掛瀏覽器&quot;, &quot;主題瀏覽器&quot;, &quot;Shell Commands&quot;, 
    &quot;QuickAdd&quot;, &quot;cMenu&quot; ];
  const aValues = [ &quot;hotkeys&quot;, &quot;community-plugins&quot;, &quot;plugin-browser&quot;, &quot;theme-browser&quot;, &quot;obsidian-shellcommands&quot;, 
    &quot;quickadd&quot;, &quot;cmenu-plugin&quot; ];
  let choice = await quickAddApi.suggester(aTexts, aValues);
  //console.log(&quot;choice&quot;, choice);

  this.quickAddApi.utility.setClipboard(choice);

  return choice;
}
10.2. 巨集設定

01|700

11. 相關鏈接

外掛名稱 功能簡述 安裝方法 YouTube網址
Advanced URI 進階Obsidian網址 第三方外掛 鏈接
Buttons 功能按鈕 第三方外掛 鏈接1
鏈接2
Shell Commands 作業系統命令 第三方外掛 鏈接
Customizable Sidebar 側邊欄設定 第三方外掛
Command Alias 命令別名 手動安裝(或使用BRAT)
cMenu 工具列 第三方外掛
Key Sequence Shortcut 自訂熱鍵視窗 第三方外掛 鏈接
Various Complements 自訂熱字串自動補全 第三方外掛 鏈接

12. 教學影片

＃＃您可能也會有興趣的類似文章

↧

[Git＃9] Gitea 安裝與設定：輕量級程式碼託管解決方案

May 21, 2022, 7:48 pm
$
0
0

似乎最近中國的Gitee又在瘋狂審查敏感詞，連下面這種看來離譜、匪夷所思的狀況都發生了：

01|700

GitHub要「科學上網」，Gitee又大張旗鼓地「無奈」審查（參考報導：《大量开源仓库遭下架，Gitee：迫于无奈-51CTO.COM》），在為對岸軟體開發者掬一把辛酸淚之際，反向思考後覺得倒不如自建Git主機，求人不如求己。

01|400

我將利用幾期影片介紹很多人使用的自架Git伺服器軟體：Gitea – Git with a cup of tea─「Gitea 是一套由社群所管理的輕量級程式碼託管解決方案，後端採用 Go 語言撰寫，採用 MIT 授權條款」，分享在使用上的技巧與經驗。

1. Gitea安裝

Gitea安裝很簡單，下載後按照指示就可很快地部署完成。

下載：https://dl.gitea.io/gitea

  1. 由下載網頁找到最新的版本鏈接後點擊進入後由安裝檔清單找到下載檔，如Windows的gitea-1.16.8-gogit-windows-4.0-amd64.exe

    [!WARNING] 注意❗
    瀏覽器會拒絕保存.exe檔，請選擇「保留」以儲存.exe檔

  2. 複製下載的gitea-1.16.8-gogit-windows-4.0-amd64.exe為gitea.exe，是的你沒看錯，gitea不用額外的安裝，下載的檔案就是系統運行的執行檔
  3. 在命令行執行gitea.exe，稍待一會系統就運行起來了：
    01|700

2. 設定

由執行訊息中可看到下列資訊：

  1. 設定檔是安裝資料夾/custom/conf/app.ini
  2. Gitea服務網址是http://localhost:3000
  3. 建立獨立的帳號（gitea-admin）來管理Gitea：
    1. 選取 [開始]> [設定]> [帳戶] ，然後選取 [家人與其他使用者]。(在某些 Windows 版本中是顯示 [其他使用者])。
    2. 在 [新增其他使用者]旁邊，選取 [新增帳戶]。
    3. 選取 [我沒有這位人員的登入資訊]，然後在下一頁選取 [新增沒有 Microsoft 帳戶的使用者]。
    4. 輸入使用者名稱、密碼或密碼提示，或選擇有關安全性的問題，然後選取 [下一步]。
  4. 瀏覽http://localhost:3000並輸入各項資料
    1. 資料庫類型：簡單使用可選擇SQLite3，並指定SQLite3的資料檔的完整路徑
    2. 儲存庫的根目錄：可考慮將根目錄存放在安裝資料夾以外的位置
    3. 一般設定
      01|700
    4. 可選設定：電子郵件設定與管理員帳戶設定(不能使用admin帳號)應輸入完整
      01|700
    5. 點擊安裝 Gitea後若出現錯誤：「資料庫設定不正確： unable to open database file: The system cannot find the path specified.」，則手動在安裝資料夾建立data資料夾
  5. 看到下列網頁即告安裝與設定完成
    01|700

[!REF] 重新設定
只要刪除安裝資料夾/custom/conf/app.ini即可重新設定

3. 資料夾說明

重要的系統資料夾：

4. 安裝成服務

sc.exe delete gitea
sc.exe create gitea start= auto binPath= "\"Z:\test\gitea\gitea.exe\" web --config \"Z:\test\gitea\custom\conf\app.ini\""

5. 相關鏈接

6. 教學影片

＃＃您可能也會有興趣的類似文章

↧
Viewing all 904 articles
Browse latest View live
Search