小白視角Joplin使用技巧
碎碎念
還是蠢蠢的Joplin筆記導(dǎo)成PDF再導(dǎo)成圖片的分享方法。這次把圖片放在對(duì)應(yīng)文字下面，感覺(jué)可能會(huì)好讀一點(diǎn)。很多內(nèi)容都很基礎(chǔ)，但我踩坑了，所以記錄一下，以便我這個(gè)老年人的記性以后回顧。
在PC端編輯結(jié)束退出軟件時(shí)記得點(diǎn)同步，要不然關(guān)掉軟件后在手機(jī)上點(diǎn)同步，同步到的不是最新內(nèi)容。
快捷鍵
快速跳轉(zhuǎn)：Ctrl+P ，用來(lái)搜索非常方便
同步：Ctrl+S
打開(kāi)選項(xiàng)界面：Ctrl+逗號(hào)
基礎(chǔ)功能
修改表格單元格的寬度
可以在標(biāo)題單元格添加空格代碼改變列寬
：不會(huì)斷行的空格
  ：半個(gè)漢字的空格
  ：一個(gè)漢字的空格
修改編輯區(qū)和預(yù)覽區(qū)樣式
Github地址：
https://discourse.joplinapp.org/t/introduction-to-customising-joplin-userchrome-css-userstyle-css/21370
菜單欄 工具 > 選項(xiàng) > 外觀 > 顯示高級(jí)選項(xiàng)：
可以修改編輯區(qū)和預(yù)覽區(qū)樣式
對(duì)應(yīng)文件存儲(chǔ)在本地：C:\Users\user.config\joplin-desktop
修改編輯區(qū)的樣式表為userchrome.css
修改預(yù)覽區(qū)的樣式表為userstyle.css
以防所寫入樣式被更高層級(jí)樣式覆蓋，應(yīng)加上!important，例如： color: #fff !important;
修改之后要重啟Joplin App
如果找不到要修改的元素名或class，可以點(diǎn)擊菜單欄幫助 > 打開(kāi)/關(guān)閉開(kāi)發(fā)者工具查找（用法和chrome調(diào)試工具一樣）
修改筆記本層級(jí)
筆記本可以拖拽到任一筆記本下
將子筆記本拖到最上面的筆記本處可以將筆記本放到根目錄下
筆記本排序
筆記本是按英文字母排序的。
筆記歷史
點(diǎn)開(kāi)筆記右上方的圈i后可以查看筆記歷史，并且可以恢復(fù)歷史筆記，此功能非常有用。
網(wǎng)頁(yè)剪輯器
菜單欄 工具 > 選項(xiàng) > 網(wǎng)頁(yè)剪輯器 > 啟用網(wǎng)頁(yè)剪輯器：
要在瀏覽器安裝相應(yīng)插件
要使用該功能需打開(kāi)PC端Joplin軟件且啟用了網(wǎng)頁(yè)剪輯器
在本地找到對(duì)應(yīng)的圖片
在預(yù)覽視圖下，右鍵點(diǎn)擊圖片，選擇在文件夾中展示文件即可打開(kāi)本地圖片文件夾。
修改新建筆記時(shí)的聚焦
菜單欄 工具 > 選項(xiàng) > 筆記，可以選擇新建筆記時(shí)聚焦標(biāo)題、新建待辦事項(xiàng)時(shí)聚焦正文。
縮小至托盤
菜單欄 工具 > 選項(xiàng) > 應(yīng)用程序，勾選顯示托盤圖標(biāo)，關(guān)閉Joplin時(shí)會(huì)縮小至右下角的系統(tǒng)托盤。
markdown設(shè)置
菜單欄 工具 > 選項(xiàng) > markdown設(shè)置：
啟用軟換行，啟用后效果是這樣的，不加兩個(gè)空格不會(huì)行內(nèi)換行
不啟用軟換行，加不加兩個(gè)空格再換行都會(huì)顯示行內(nèi)換行
啟用Typographer支持：顯示版權(quán)圖標(biāo)符號(hào)
啟用自動(dòng)鏈接：鏈接自動(dòng)轉(zhuǎn)換為可點(diǎn)擊字段
啟用==mark== 語(yǔ)法：高亮顯示
啟用~sub~ 語(yǔ)法：下標(biāo)
啟用^sup^ 語(yǔ)法：上標(biāo)
啟用++insert++ 語(yǔ)法：下劃線
啟用腳注，腳注使用[^id]
腳標(biāo)和注釋的id一定要一致，否則不會(huì)顯示成上標(biāo)樣式，也不能成功跳轉(zhuǎn)到對(duì)應(yīng)注釋
全文腳注id會(huì)自動(dòng)順排
注釋在編輯區(qū)寫在任何位置，在預(yù)覽區(qū)都會(huì)放在筆記末
啟用MultiMarkdown表格擴(kuò)展
可以合并多列，有幾個(gè)|（中間不能有空格）代表合并幾列
可以合并多行，在被合并的單元格內(nèi)加^^
可以合并整行，在行末尾加反斜杠\ 意味著該行與下一行合并
可以省略表頭（表標(biāo)題）
可以有多行表頭（表標(biāo)題）
一個(gè)空行不會(huì)斷開(kāi)表格，多個(gè)空行會(huì)斷開(kāi)表格
表標(biāo)題用[] 括起來(lái)放在第一行前或最后一行后
如果同時(shí)在表前和表后寫了表標(biāo)題，只會(huì)將最先讀取到的顯示為表標(biāo)題
表標(biāo)題在預(yù)覽區(qū)居中顯示在表格上方
表標(biāo)題支持加粗等MD語(yǔ)法
表格單元格支持加粗、斜體等MD語(yǔ)法
表格中可以包含塊元素（列表、代碼、段落等）
插件
菜單欄 工具 > 選項(xiàng) > 插件：
可以直接搜索插件，但很不穩(wěn)定，通常無(wú)法搜索。
點(diǎn)擊管理你的插件有兩個(gè)選項(xiàng)，一是瀏覽所有插件(https://github.com/joplin/plugins/blob/master/README.md#plugins)，這里收錄著官方插件在Github上的下載鏈接；二是從文件安裝，先下載插件到本地，再選擇從文件安裝，即可安裝插件。
側(cè)邊欄TOC插件Outline
plugin_Outline.jpl & Github地址：https://github.com/cqroot/joplin-outline
會(huì)在筆記右側(cè)顯示一個(gè)側(cè)邊欄 TOC
點(diǎn)擊右上角的三個(gè)橫杠可以打開(kāi)和關(guān)閉側(cè)邊欄TOC
鼠標(biāo)右鍵點(diǎn)擊會(huì)自動(dòng)復(fù)制錨點(diǎn)鏈接，粘貼到其他文檔可以跳回該文檔
MD預(yù)覽加強(qiáng)版插件Better Markdown Viewer
plugin_Better Markdown Viewer.jpl & Github地址：https://github.com/ylc395/joplin-plugin-better-markdown-viewer
支持左側(cè)編輯區(qū)和右側(cè)預(yù)覽區(qū)同步滾動(dòng)
編輯某個(gè)區(qū)域右側(cè)會(huì)高亮顯示
雙擊右側(cè)某個(gè)區(qū)域可以直接跳轉(zhuǎn)到左側(cè)的對(duì)應(yīng)位置進(jìn)行編輯
Joplin增強(qiáng)插件Enhancement
plugin_Enhancement.jpl & Github地址：https://github.com/SeptemberHX/joplin-plugin-enhancement
1. 編輯表格
啟用插件后菜單欄新增了對(duì)齊方式圖標(biāo)，點(diǎn)擊即可改變整列對(duì)齊方式。
在第一行輸入 |header1|header2|header3| ，第二行輸入 |-- ，然后按 Tab鍵 可以生成一個(gè) 3x2 的表格。
以下功能用快捷鍵實(shí)現(xiàn)：
在上/下方插入行：ctrl + shift + up/down
在左/右方插入列：ctrl + shift + left/right
刪除選中的列：ctrl + shift + backspace
跳轉(zhuǎn)到下一個(gè)單元格：tab
跳轉(zhuǎn)到上一個(gè)單元格：shift + tab
2. 處理圖片
通過(guò){width=80px}, {height=30}, {width=50%}給圖片寬高設(shè)置具體的值
用法： {width=60%}
修改圖片標(biāo)題
用法： 
圖片標(biāo)題會(huì)在圖片下方居中顯示，不修改這部分會(huì)是默認(rèn)的亂碼.png并以圖片標(biāo)題的形式放在圖片下方
修改圖片標(biāo)題后右鍵點(diǎn)擊圖片選擇在文件夾中展示文件依然能定位到該圖片，本地文件夾中的圖片名沒(méi)有改變，還是默認(rèn)的亂碼.png
圖片和圖片標(biāo)題都會(huì)居中顯示
圖片自動(dòng)排序
3. 以圖形顯示復(fù)選框
4. 顯示/隱藏筆記本和筆記列
5. 自動(dòng)折疊
啟用插件后可以自動(dòng)折疊編輯區(qū)的鏈接、圖片、腳注
6. 查找和替換
Ctrl + F 查找出來(lái)如圖界面，會(huì)覆蓋Joplin默認(rèn)查找功能
該功能有bug，替換后不會(huì)保存
替換后編輯一下筆記（比如給文檔加個(gè)空格，有操作就行）可以保存
7. 快捷命令
/table：插入表格，這個(gè)命令是最有用的
/now：插入時(shí)間，eg： 08/11/2022 12:38:53
/today：插入日期，eg： 08/11/2022
以顏色區(qū)分表格插件Markdown Table: Colorize
plugin_Markdown Table Colorize.jpl & Github地址：https://github.com/hieuthi/joplin-plugin-markdown-table-colorize
這個(gè)插件只對(duì)編輯區(qū)表格樣式起作用，因此CSS應(yīng)寫入userchrome.css樣式表
該插件的Github頁(yè)面有其他主題可參考
不喜歡默認(rèn)的表格顏色，改成了如下CSS：
/* 修改表格背景色和字體顏色等 */
.cm-tabcolor-row {
????color: var(--joplin-color) !important;
}
.cm-tabcolor-header {
????font-weight: bolder;
????color: var(--joplin-color) !important;
}
.cm-tabcolor-header.cm-tabcolor-pipe {
????font-weight: normal !important;
}
/* w-color:#fff #212529; bg-color:1#F07178 2#fbd4d0 3#C792E9 4#dad5e9 */
.cm-tabcolor-col1, .cm-tabcolor-col5 {
????background-color: #F07178 !important;
????color: #fff !important;
}
.cm-tabcolor-col2, .cm-tabcolor-col6 {
????background-color: #fbd4d0 !important;
????color: #212529 !important;
}
.cm-tabcolor-col3, .cm-tabcolor-col7 {
????background-color: #C792E9 !important;
????color: #fff !important;
}
.cm-tabcolor-col4, .cm-tabcolor-col8 {
????background-color: #dad5e9 !important;
????color: #212529 !important;
}
.cm-tabcolor-firstch::before {
????content: "? ";
????color: var(--joplin-color) !important;
????background-color: var(--joplin-background-color) !important;
????border-radius: 0% 50% 50% 0%;
}
.cm-tabcolor-lastch {
????border-radius: 0% 50% 50% 0%;
}
說(shuō)明：
改變的是編輯區(qū)的圖表樣式，PDF導(dǎo)出的是預(yù)覽區(qū)的樣式，所以PDF圖片里看不到效果。
表格排序插件Markdown Table: Sortable
鼠標(biāo)點(diǎn)擊表頭時(shí)可以在預(yù)覽區(qū)預(yù)覽排序，預(yù)覽不會(huì)改變編輯區(qū)表格排序
鼠標(biāo)移動(dòng)到預(yù)覽區(qū)表格上才會(huì)出現(xiàn)Apply Sorting!
點(diǎn)擊 Apply Sorting! 會(huì)在預(yù)覽區(qū)和編輯區(qū)應(yīng)用排序
應(yīng)用排序后是整行調(diào)整且不可撤回
排序是按數(shù)字、字母等排序
排序時(shí)不區(qū)分大小寫
