Joplin兩個月使用心得與缺點分享 & HTML匯出美化

(下面的心得都是基於2023/10/24的v2.13.3寫的,新版可能會有變動)

用到現在近兩個月的觀察與心得:

  • 附件檔名會被強制改成hash,原本的檔案名稱再當作連結文字連過去
    • 好不好用,見仁見智。
  • Android app編輯不順手,缺乏桌面版的格式支援。
    • 我不太用手機做正事,頂多就打打blog草稿,不太影響。只要顯示是正常的就好。
  • E2EE在mobile效能不佳
  • 沒有啟動密碼鎖
  • Desktop version local storage沒有加密
  • 缺乏加密筆記功能
    • 還好。有機密性的東西我不會放雲端,真的要放也不會依賴軟體本身的加密功能
  • 缺乏表格編輯支援
    • 用markdown寫筆記以來就習慣少用表格,多用list了,比較還好。
    • 重度表格用戶不要用markdown,真的是太痛苦了。
    • 真的非用不可的話可以用 joplin-plugin-table-formatter
  • 沒有PDF/圖片OCR
    • 以前也沒在用(Evernote有但對於中文支援度不佳),不太影響。
  • 匯出HTML太陽春,甚至沒有基本responsive。
    • Mobile還好,電腦上看直接就是100%寬,實在不美觀。
    • 會改CSS的人還好,不會改比較麻煩。文章後段有自己的解法。

關於HTML匯出太陽春,研究了一下,應該是沒有特別處理,直接就拿右半邊preview的內容輸出出去了。而preview其實是可以自己override部分style的,所以直接修改preview的style也同時會改到HTML。
簡單來說就是直接改CSS啦!簡單暴力!不過需要懂HTML跟CSS。
官方論壇上有教學:Introduction to customising Joplin (userchrome.css & userstyle.css) - Lounge - Joplin Forum

如果只想apply單一筆記的話可以直接貼style tag到筆記裡面,例如在筆記開頭直接貼上:

<style>
body {
    max-width: 600px;
    margin:auto;
}
</style>

這樣就有最最最基本的responsive了。

這邊提供一版我自己調出來比較順眼的版本:

body {
    /* 限制最大寬度 + 置中 */
    max-width: 900px;
    margin:auto;
}
.inline-code,
.mce-content-body code {
    /* inline code setion 增加 border 讓強調效果更好 */
    border: 1px solid rgb(128, 128, 128);
}
code{
    /* code section 增加更多等寬字體 */
    font-family: "Sans Mono", "Consolas", monospace;
}
pre.hljs {
    /* code block 增加 border 讓區隔更明顯 */
    border: 1px solid rgb(128, 128, 128);
    padding: .1em
}

貼到 Tools > Appearance > Show Advanced Settings > Custom stylesheet for rendered Markdown 裡面再重新啟動Joplin就會生效了。

後記:
Joplin是一人公司,大家一直許願,作者只能無視一些不重要的功能,好像也沒辦法說什麼。

留言