目錄表

DokuWiki 萬用筆記本

QRCode

化學式

C2H6
Na2HPO4 12H2O
C2H5O2-Na+
Cl2H6N2Pt2+
Al2(SO4)3

🔸 程式設計 ~ 印出九九乘法表

9x9.py
  1. print("-"*40)
  2. for c in range(1,10,3):
  3. for y in range(1,10):
  4. for x in range(c,c+3):
  5. print("| %d * %d = %2d" % (x, y, x*y), end=" ")
  6. print("|")
  7. 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) 統一塑模語言

人/車/物體人/車/物體【紅外線】【紅外線】【相機】【相機】MCUESP32CamMCUESP32CamMosquittoMQTT ServerMosquittoMQTT ServerPCPythonPCPython靠近事件:物體靠近Vehicle: ComingVehicle: ComingShutter: ClickShutter: Click啟動拍照JPG ImageMonitor: JPG ImageMonitor: JPG Image

🔸 音樂五樂譜

X:1 T: 小星星 M: 4/4 L: 1/4 CCGG | A A G2 | F F E E | D D C2 |] w:一 閃 一 閃 亮 晶 晶 滿 天 都 是 小 星 星



為何選擇 DokuWiki

市面上像是 Evernote, OneNote, Apple Notes, HackMD 這類提供雲端內容筆記功能,甚至可搭配 App 同步使用的應用服務已不勝枚舉,為何還要打造另一套「DokuWiki 萬用筆記本」呢?

這個問題可以從幾個面向來思考:

有沒有一種數位型式的筆記本,採用類似維基百科的編修方式,除了章節、表格、圖片、影片、註解、等基本撰文功能外,還可適用於多種學科如:數學方程式、化學式、音樂五線譜、電腦程式語言、UML 統一塑模語言、等特殊文件格式。這些不同學科所需要的筆記型式,都可以在瀏覽器中用簡單易懂的純文字方式來編輯。無論你是使用電腦或手機,這個筆記本都能自動以 RWD 的方式,渲染成美觀且大小合宜的網頁來呈現。

而筆記本中各個分頁的結構,就像是一個稍具規模的企業網站,我們可以透過 URL 網址多層次的巧妙編排,以及內部連結的目錄規劃,或使用自動生成目錄的功能,讓我們的記事本內容可以整理的更有系統、也更具規模。另外,筆記本內建全文檢索功能應是基本配備,要在一瞬間就能找出所有含關鍵字的分頁資料。

這個筆記本網站必須是以免費且持續維護的開源軟體來架設的,還要可以任意的加裝外掛以擴充所需的功能。此外,所有筆記內容都被必須被保存在我們可以自行支配管理的主機當中,讓我們可以自由的備份或搬遷,而非被綁定在特定的應用服務供應商設備中。我們毋須擔心多年之後服務供應商是否仍健在、或者對服務費用的調升感到不悅。

這樣的筆記本可供自用之外,還要有使用者權限分級管理功能,讓更多人同時連線操作。因此,它可以扮演專案文件或知識庫的協作及管理中心,也可以化身為線上教材或線上簡報平台。疫情讓人們更仰賴數位學習資源,在每次搜尋及線上閱讀的過程中,我們可將學習的重點直接記在這樣的記事本中,並透過指定網址與他人分享。日積月累之後,最終它將成為記載我們一生所學的萬用記事本。

現在就請連上 https://wiki.goomo.net/doku.php/open/dwdemo 一探究竟!



DokuWiki 語法範例

🔸 QRCode

<gchart qr 120x120>
https://wiki.goomo.net/doku.php/open/dwdemo
</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>