由 · 發表於: · 更新於: | 瀏覽數: 17 / 17
為了輔助家中的國中生更好的學習，以Obsidian製作了幾個科目的學習筆記，並生成了Anki牌組。其中數學筆記有下列需求：
- 用電腦教學時：預設在閱讀模式下要將題目的解答隱藏起來，點擊後再展開顯示
- 產生成PDF時必須含有解答的內容，以方便列印出來參考
試了一會，最後的操作方法如本文所示。
另外，我把製作的筆記和Anki卡片上傳到我的另一個Blog網站：美好新人生，若你家的國中生剛好就讀八年級，則可以到網站下載Anki牌組檔，再匯入到Anki裡，或許能對國中生的學習有些幫助(希望多少有些助益 🤣）。
1. 閱讀模式下的學習
一開始直接用 %% 將解答區域變成註解，在閱讀模式下會被隱藏。但要顯示必須返回實際預覽模式。列印時註解區塊不會產生到PDF裡。因此 %% 無法滿足需求。
最後靈機一動，使用Admonition外掛，把開頭的 %% 改成 ```ad-info 再把設定選項裡 【Default Collapse Type】 設為 close，隱藏解答區塊，點擊後才會顯示。
2. 產生PDF
再撰寫並啟用下列CSS片段，在產生PDF(print)時能將隱藏的Admonition區塊也產生到PDF裡：
▼ 此片段由 AI 產生
/*
* 目的：強制讓 Admonition Plugin 的可收合區塊在列印時展開
* 適用：Obsidian 的「列印到 PDF」功能
*/
@media print {
/* 選擇 Admonition 插件生成的 details 元素 */
.admonition.is-collapsible details:not([open]) {
/*
* 傳統上，要強制 details 內容顯示，可以將其設定為 block。
* !important 用於確保這個樣式優先於插件或主題的樣式。
*/
display: block !important;
}
/* 確保 details 內部的內容也強制顯示 */
.admonition.is-collapsible details:not([open]) > .admonition-content,
.admonition.is-collapsible details:not([open]) > div {
display: block !important;
visibility: visible !important;
}
/* 確保 Admonition 內容區塊在列印時不會被隱藏 */
.admonition-content {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
/* 嘗試隱藏收合箭頭（如果它干擾列印）
這一步可以省略，如果需要隱藏，請取消註解。
.admonition.is-collapsible .admonition-title::before {
display: none !important;
}
*/
}3. 💡 相關鏈接
✅ 解說文章(繁體中文):
✅ Explanation article(English)
✅ 解説記事(日本語)
✅ 國中生Anki牌組分享: https://jdev.tw/newlife/?tag=Anki
＃＃
您可能也會有興趣的類似文章
- Obsidian 多欄新選擇：Horizontal Block外掛，自訂外觀、操作簡便 (0則留言, 2025/11/04)
- [Obs＃92] Obsidian彙編文章的簡單方法：2個外掛＋1個CSS片段 (0則留言, 2022/07/16)
- Obs152｜終於能產生書籤與頁碼了！與PDF相關的外掛：Better Export PDF＆PDF++ | 修訂 (0則留言, 2024/02/18)
- 用Obsidian的隱藏內容外掛(Spoiler plugins)做主動回想(Active Recall) (0則留言, 2025/09/18)
- [Obs＃49] 快速準確的擷取網頁生成Markdown備忘：Obsidian Clipper瀏覽器擴充 (8則留言, 2021/09/05)
- [Obs＃31] 美化提示方塊的外掛：Admonitions和方便選用的AutoHotkey腳本 (0則留言, 2021/04/05)
- [Obs＃24] PDF檢視器+PDF to Markdown外掛：更方便擷取資訊！ (0則留言, 2021/01/24)
- [Obs＃99] Obsidian跳頁分隔線的簡單作法：使用HR標籤（水平線） (0則留言, 2022/10/08)
- Obs179｜提升 Obsidian 使用體驗：彈出式設定視窗的解決方案 (0則留言, 2025/04/20)
- [Obs＃96] Obsidian分頁調整： CSS樣式與外掛，讓分頁操作更簡便 (0則留言, 2022/09/10)
- [Obs＃39] 利用CSS變更文字顏色，侵入性小 (0則留言, 2021/05/10)
- [Obs＃23] 更有彈性的整合Anki外掛：Obsidian_to_Anki (0則留言, 2020/12/17)
- [Obs＃98] Obsidian的幾個CSS與HTML小技巧 (0則留言, 2022/10/02)
- Obs170｜Obsidian的官方網頁擷取工具：Obsidian Web Clipper；設定與使用 (0則留言, 2024/11/24)
- [Obs＃22] 讓有效學習更簡單！Markdown匯出到Anki | 使用Flashcards外掛 (0則留言, 2020/12/12)