差異處
這裏顯示兩個版本的差異處。
Both sides previous revision 前次修改 下次修改 | 前次修改 | ||
wikicloud [2021/08/02 10:11] wenchin |
wikicloud [2022/08/02 21:54] (目前版本) wenchin 建立 |
||
---|---|---|---|
行 1: | 行 1: | ||
- | ====== 萬用筆記本 ====== | + | ====== DokuWiki 萬用筆記本 ====== |
<row> | <row> | ||
<col lg="5" md="5" sm="12" xs="12"> | <col lg="5" md="5" sm="12" xs="12"> | ||
<row> | <row> | ||
<col lg="6" md="6" sm="6" xs="6"> | <col lg="6" md="6" sm="6" xs="6"> | ||
- | <panel type="danger" title="QR-Code"> | + | <panel type="danger" title="QRCode"> |
<gchart qr 120x120> | <gchart qr 120x120> | ||
https://wiki.goomo.net/doku.php/wikicloud | https://wiki.goomo.net/doku.php/wikicloud | ||
行 13: | 行 13: | ||
<col lg="6" md="6" sm="6" xs="6"> | <col lg="6" md="6" sm="6" xs="6"> | ||
- | <panel type="warning" title="🔸 化學式"> | + | <panel type="warning" title="化學式"> |
<chem>C2H6</chem> \\ | <chem>C2H6</chem> \\ | ||
<chem>Na2HPO4 12H2O</chem> \\ | <chem>Na2HPO4 12H2O</chem> \\ | ||
行 74: | 行 74: | ||
<panel title="🔸 音樂五樂譜"> | <panel title="🔸 音樂五樂譜"> | ||
- | <abc 7 -3> | + | <abc> |
- | X:1 | + | X: 1 |
- | T:小星星 | + | T: 小星星 |
- | M:4/4 | + | M: 4/4 |
- | L:1/4 | + | L: 1/4 |
- | K:C | + | |
CCGG | A A G2 | F F E E | D D C2 |] | CCGG | A A G2 | F F E E | D D C2 |] | ||
w:一 閃 一 閃 亮 晶 晶 滿 天 都 是 小 星 星 | w:一 閃 一 閃 亮 晶 晶 滿 天 都 是 小 星 星 | ||
行 86: | 行 85: | ||
</col> | </col> | ||
</row> | </row> | ||
+ | |||
+ | |||
+ | \\ | ||
+ | ---- | ||
+ | ====== 為何選擇 DokuWiki ====== | ||
+ | 市面上像是 Evernote, OneNote, Apple Notes, HackMD 這類提供雲端內容筆記功能,甚至可搭配 App 同步使用的應用服務已不勝枚舉,為何還要打造另一套「DokuWiki 萬用筆記本」呢? | ||
+ | |||
+ | 這個問題可以從幾個面向來思考: | ||
+ | |||
+ | 有沒有一種數位型式的筆記本,採用類似維基百科的編修方式,除了章節、表格、圖片、影片、註解、等基本撰文功能外,還可適用於多種學科如:數學方程式、化學式、音樂五線譜、電腦程式語言、UML 統一塑模語言、等特殊文件格式。這些不同學科所需要的筆記型式,都可以在瀏覽器中用簡單易懂的純文字方式來編輯。無論你是使用電腦或手機,這個筆記本都能自動以 RWD 的方式,渲染成美觀且大小合宜的網頁來呈現。 | ||
+ | |||
+ | 而筆記本中各個分頁的結構,就像是一個稍具規模的企業網站,我們可以透過 URL 網址多層次的巧妙編排,以及內部連結的目錄規劃,或使用自動生成目錄的功能,讓我們的記事本內容可以整理的更有系統、也更具規模。另外,筆記本內建全文檢索功能應是基本配備,要在一瞬間就能找出所有含關鍵字的分頁資料。 | ||
+ | |||
+ | 這個筆記本網站必須是以免費且持續維護的開源軟體來架設的,還要可以任意的加裝外掛以擴充所需的功能。此外,所有筆記內容都被必須被保存在我們可以自行支配管理的主機當中,讓我們可以自由的備份或搬遷,而非被綁定在特定的應用服務供應商設備中。我們毋須擔心多年之後服務供應商是否仍健在、或者對服務費用的調升感到不悅。 | ||
+ | |||
+ | 這樣的筆記本可供自用之外,還要有使用者權限分級管理功能,讓更多人同時連線操作。因此,它可以扮演專案文件或知識庫的協作及管理中心,也可以化身為線上教材或線上簡報平台。疫情讓人們更仰賴數位學習資源,在每次搜尋及線上閱讀的過程中,我們可將學習的重點直接記在這樣的記事本中,並透過指定網址與他人分享。日積月累之後,最終它將成為記載我們一生所學的萬用記事本。 | ||
+ | |||
+ | 現在就請連上 https://wiki.goomo.net/doku.php/wikicloud 一探究竟! | ||
+ | |||
+ | |||
+ | \\ | ||
+ | ---- | ||
+ | ====== DokuWiki 語法範例 ====== | ||
+ | <panel type="danger" title="🔸 QRCode"> | ||
+ | <code> | ||
+ | <gchart qr 120x120> | ||
+ | https://wiki.goomo.net/doku.php/wikicloud | ||
+ | </gchart> | ||
+ | </code> | ||
+ | </panel> | ||
+ | |||
+ | |||
+ | <panel type="warning" title="🔸 化學式"> | ||
+ | <code> | ||
+ | <chem>C2H6</chem> \\ | ||
+ | <chem>Na2HPO4 12H2O</chem> \\ | ||
+ | <chem>C2H5O2|-Na+</chem> \\ | ||
+ | <chem>Cl2H6N2Pt2+</chem> \\ | ||
+ | <chem>Al2(SO4)3</chem> | ||
+ | </code> | ||
+ | </panel> | ||
+ | |||
+ | |||
+ | <panel type="success" title="🔸 程式設計 ~ 印出九九乘法表"> | ||
+ | <sxh> | ||
+ | <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> | ||
+ | </sxh> | ||
+ | </panel> | ||
+ | |||
+ | |||
+ | <panel type="info" title="🔸 數學方程式"> | ||
+ | <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) $$$ | ||
+ | </code> | ||
+ | </panel> | ||
+ | |||
+ | |||
+ | <panel type="primary" title="🔸 UML (Unified Modeling Language) 統一塑模語言"> | ||
+ | <code> | ||
+ | <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> | ||
+ | </code> | ||
+ | </panel> | ||
+ | |||
+ | |||
+ | <panel title="🔸 音樂五樂譜"> | ||
+ | <code> | ||
+ | <abc> | ||
+ | X : 1 | ||
+ | T: 小星星 | ||
+ | M: 4/4 | ||
+ | L: 1/4 | ||
+ | CCGG | A A G2 | F F E E | D D C2 |] | ||
+ | w:一 閃 一 閃 亮 晶 晶 滿 天 都 是 小 星 星 | ||
+ | </abc> | ||
+ | </code> | ||
+ | </panel> | ||