差異處

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

--- wikicloud [2021/08/02 10:29]
wenchin
+++ wikicloud [2022/08/02 21:54] (目前版本)
wenchin 建立
@@ 行 1: / 行 1: @@
-====== 萬用筆記本 DEMO ======
+====== DokuWiki 萬用筆記本 ======
 <row>
 <col lg="5" md="5" sm="12" xs="12">
@@ 行 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:一 閃 一 閃 亮 晶 晶 滿 天 都 是 小 星 星
@@ 行 89: / 行 88: @@
 \\
+----
 ====== 為何選擇 DokuWiki ======
 市面上像是 Evernote, OneNote, Apple Notes, HackMD 這類提供雲端內容筆記功能，甚至可搭配 App 同步使用的應用服務已不勝枚舉，為何還要打造另一套「DokuWiki 萬用筆記本」呢？
@@ 行 103: / 行 103: @@
 現在就請連上  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>