典型部落格需要：

• 自動由新至舊依時序列出文章
• 依年、月彙整文章
• 依標籤彙整文章
• 依分類彙整文章
• 最好有側邊欄
  #整理到DW 👆

Obsidian Publish

每月 USD 20……🥀

Mixa

結果有這個：
mixasite/obsidian-mixa: Publish your notes and blog posts directly from Obsidian with Mixa
☞ Mixa

1. 裝起這個 plugin
2. Obsidian 是有 folder tree 組織的！→ 建個 /blog/2023/03/13-test
3. 到 Mixa.site 上登入，然後很快建個新網站，其實只是個殼
4. Generate token → 填到 Obsidian 的 Mixa 設定中
5. → Publish → 我的測試 Mixa 站
   網路上很快就有全部的頁面，blog 裡也有樹狀結構，以及彙整？
   • ✅ 時序列出
   • ✅ 年、月彙整：自己建資料夾
   • 標籤彙整：似無

技巧

• 完整文章標題 vs. 簡易檔名

  ---
  title: Why You Should Use Markdown For Blogging
  description: We've all been there. Wasted our precious time styling our posts before publishing, and eventually got tired of ...
  cover: "markdown-blogging.jpg"
  date: "2023-02-20"
  ---
  

  這些要放到檔案最前面的樣子
  → 成功了，很好 😃

  • 不僅可用在 blog 頁面

  • 任何頁面都可用

• 設定網站 CSS

技巧

Obs 沒有內建、DG 也還沒有的功能：

• hover tooltip（游標移上去就會彈出的說明文字）（這個我連在 DW 上也都還沒有弄成功） #待研究
  • How to Create a Hover Tooltip with JavaScript DG ✅
    ☞ 測試 hover tooltip
    • 繼續改進樣式
    • class 化
  • CSS Tooltip 這似乎也不錯 #待研究
    • 這個不需要 JS，而且有教不同位置的做法 👍
    • ☞ 測試 hover tooltip 2
    • tag 化（這樣才能量產啊！就像 <ruby> 一樣
      試試surprise（但 Obs 內無效）
  • 弄到 DG 全域自訂樣式
    • 要弄到 /src/site/styles/custom-style.scss 裡，
      還是 /src/site/styles/user 裡？
    • 我目前是弄到 custom-style.scss 裡還可以，例如修改輔色

其他

• Jekyll-Garden/jekyll-garden.github.io: A Digital Garden Theme for Jekyll. Jekyll Garden lets you create a static HTML version of your markdown notes and publish via Github pages. Made for Obsidian users!
• Blot #ài-tsînn:

Digital Garden

Obsidian/網站化/Digital Garden
（用 transclude 似乎會出問題，先不要）