DokuWiki 萬用筆記本
QRCode

化學式
C2H6
Na2HPO4 12H2O
C2H5O2-Na+
Cl2H6N2Pt2+
Al2(SO4)3
🔸 程式設計 ~ 印出九九乘法表
- 9x9.py
- print("-"*40)
- for c in range(1,10,3):
- for y in range(1,10):
- for x in range(c,c+3):
- print("| %d * %d = %2d" % (x, y, x*y), end=" ")
- print("|")
- print("-"*40)
🔸 數學方程式
- 畢氏定理︰
對於所有邊長分別為 a, b, c 的直角三角形(當中c為斜邊邊長),可得 $$a^2 + b^2 = c^2$$ 。
- 總和計算
<Latex>1+2+\dots+n=\frac{n(n+1)}{2}</Latex>
- 微積分
$$$ \frac{d}{dx}\left( \int_{0}^{x} f(u)\,du\right)=f(x) $$$
🔸 UML (Unified Modeling Language) 統一塑模語言
🔸 音樂五樂譜
為何選擇 DokuWiki
市面上像是 Evernote, OneNote, Apple Notes, HackMD 這類提供雲端內容筆記功能,甚至可搭配 App 同步使用的應用服務已不勝枚舉,為何還要打造另一套「DokuWiki 萬用筆記本」呢?
這個問題可以從幾個面向來思考:
有沒有一種數位型式的筆記本,採用類似維基百科的編修方式,除了章節、表格、圖片、影片、註解、等基本撰文功能外,還可適用於多種學科如:數學方程式、化學式、音樂五線譜、電腦程式語言、UML 統一塑模語言、等特殊文件格式。這些不同學科所需要的筆記型式,都可以在瀏覽器中用簡單易懂的純文字方式來編輯。無論你是使用電腦或手機,這個筆記本都能自動以 RWD 的方式,渲染成美觀且大小合宜的網頁來呈現。
而筆記本中各個分頁的結構,就像是一個稍具規模的企業網站,我們可以透過 URL 網址多層次的巧妙編排,以及內部連結的目錄規劃,或使用自動生成目錄的功能,讓我們的記事本內容可以整理的更有系統、也更具規模。另外,筆記本內建全文檢索功能應是基本配備,要在一瞬間就能找出所有含關鍵字的分頁資料。
這個筆記本網站必須是以免費且持續維護的開源軟體來架設的,還要可以任意的加裝外掛以擴充所需的功能。此外,所有筆記內容都被必須被保存在我們可以自行支配管理的主機當中,讓我們可以自由的備份或搬遷,而非被綁定在特定的應用服務供應商設備中。我們毋須擔心多年之後服務供應商是否仍健在、或者對服務費用的調升感到不悅。
這樣的筆記本可供自用之外,還要有使用者權限分級管理功能,讓更多人同時連線操作。因此,它可以扮演專案文件或知識庫的協作及管理中心,也可以化身為線上教材或線上簡報平台。疫情讓人們更仰賴數位學習資源,在每次搜尋及線上閱讀的過程中,我們可將學習的重點直接記在這樣的記事本中,並透過指定網址與他人分享。日積月累之後,最終它將成為記載我們一生所學的萬用記事本。
現在就請連上 https://wiki.goomo.net/doku.php/wikicloud 一探究竟!
DokuWiki 語法範例
🔸 QRCode
<gchart qr 120x120> https://wiki.goomo.net/doku.php/wikicloud </gchart>
🔸 化學式
<chem>C2H6</chem> \\ <chem>Na2HPO4 12H2O</chem> \\ <chem>C2H5O2|-Na+</chem> \\ <chem>Cl2H6N2Pt2+</chem> \\ <chem>Al2(SO4)3</chem>
🔸 程式設計 ~ 印出九九乘法表
<code python [enable_line_numbers="true", start_line_numbers_at="1", highlight_lines_extra="0"] 9x9.py> print("-"*40) for c in range(1,10,3): for y in range(1,10): for x in range(c,c+3): print("| %d * %d = %2d" % (x, y, x*y), end=" ") print("|") print("-"*40) </code>
🔸 數學方程式
* 畢氏定理︰ \\ 對於所有邊長分別為 a, b, c 的直角三角形(當中c為斜邊邊長),可得 <text type="warning">$$a^2 + b^2 = c^2$$</text> 。 * 總和計算 <Latex>1+2+\dots+n=\frac{n(n+1)}{2}</Latex> * 微積分 $$$ \frac{d}{dx}\left( \int_{0}^{x} f(u)\,du\right)=f(x) $$$
🔸 UML (Unified Modeling Language) 統一塑模語言
<uml> actor Object as "人/車/物體" entity IR as "【紅外線】" #99ff99 entity Camera as "【相機】" #99ff99 participant ESP32Cam as "MCU\nESP32Cam" #99ff99 database Mosquitto as "Mosquitto\nMQTT Server" #22bbff participant PC_Python as "PC\nPython" #ffdd00 Object -> IR: 靠近 IR [#009933]-> ESP32Cam : 事件:物體靠近 ESP32Cam [#2222dd]-> Mosquitto : Vehicle: Coming Mosquitto [#2222dd]-> PC_Python : Vehicle: Coming PC_Python [#2222dd]-> Mosquitto : Shutter: Click Mosquitto [#2222dd]-> ESP32Cam : Shutter: Click ESP32Cam [#009933]-> Camera : 啟動拍照 Camera [#009933]-> ESP32Cam : JPG Image ESP32Cam [#2222dd]-> Mosquitto : Monitor: JPG Image Mosquitto [#2222dd]-> PC_Python : Monitor: JPG Image </uml>
🔸 音樂五樂譜
<abc> X : 1 T: 小星星 M: 4/4 L: 1/4 CCGG | A A G2 | F F E E | D D C2 |] w:一 閃 一 閃 亮 晶 晶 滿 天 都 是 小 星 星 </abc>