差異處

這裏顯示兩個版本的差異處。

--- wikicloud [2021/08/02 00:17]
wenchin 建立
+++ wikicloud [2022/08/02 21:54] (目前版本)
wenchin 建立
@@ 行 1: / 行 1: @@
-====== 萬用筆記本 ======
+====== DokuWiki 萬用筆記本 ======
 <row>
 <col lg="5" md="5" sm="12" xs="12">
 <row>
 <col lg="6" md="6" sm="6" xs="6">
-<panel type="danger" title="QR-Code">
+<panel type="danger" title="QRCode">
 <gchart qr 120x120>
-https://wiki.goomo.net/doku.php/cloudwiki
+https://wiki.goomo.net/doku.php/wikicloud
 </gchart>
 </panel>
@@ 行 13: / 行 13: @@
 <col lg="6" md="6" sm="6" xs="6">
-<panel type="warning" title="🔸 化學式">
+<panel type="warning" title="化學式">
 <chem>C2H6</chem> \\
 <chem>Na2HPO4 12H2O</chem> \\
@@ 行 74: / 行 74: @@
 <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 |]
 w:一 閃 一 閃 亮 晶 晶 滿 天 都 是 小 星 星
@@ 行 86: / 行 85: @@
 </col>
 </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>