Ciang Brides 黃金城 dokuwiki:syntax

撰寫並顯示數學式

ghsrobert (ghsrobert@undisclosed.example.com) — 2020-12-28T11:41:37+00:00

撰寫並顯示數學式

mathjax plugin:mathjax
- $…$ 就可以在行內輸入了
  - 如果要輸入正常的金錢符號時，可像之前在 TiddlyWiki 時那樣，用 \$ escape 掉
- 自訂巨集
  - 可設定 plugin»mathjax»configfile：
    (Optional) One or more files containing MathJax configuration commands. Specify paths relative to the dokuwiki installation directory (e.g. conf/mathjax.js or data/pages/mathjaxconf.txt), and separate multiple files with semicolons.
    
    然後即可自訂 command？是類似 TiddlyWiki plugin 的 \third、\quarter 這種嗎？
    - 【補充】
      
      How to define global shortcuts / new commands?
      
      Answer Add data/pages/mathjax.txt in the configuration manager under plugin»mathjax»configfile and then create the page mathjax with something simmilar to:
      
      MathJax.Hub.Config({ TeX: { Macros: { RR: "{\\bf R}", bold: ["{\\bf #1}",1], Msun: "{\\textrm{M}_{\\odot}}" } } });
      
      原文連結
    - 但如果有 farm 的話，farmer 的設定檔路徑可以順利讓 animal 吃到嗎？
  - ^20160914 且慢，是不是也可以直接在 plugin»mathjax»config 的 textarea 裡設定就好了呢？
    - 如果可以這樣設的話，就可以跨 farmer/animal 了
    - 不過我現在還不太確定怎樣把 MathJax macro 寫成 JSON 表示式啊，只有 TiddlyWiki 時代的 macro 設定可以參考
      \def\half{\frac{1}{2}} \def\third{\frac{1}{3}} \def\quarter{\frac{1}{4}
    - → Okay 寫了這樣的東西
      MathJax.Hub.Config({ tex2jax: { inlineMath: [ ["$","$"], ["\$","\$"] ], displayMath: [ ["$$","$$"], ["\\[","\\]"] ], processEscapes: true }, TeX: { Macros: { half: "{\\frac{1}{2}}", third: "{\\frac{1}{3}}", quarter: "{\\frac{1}{4}" } } });
      
      （切記標點符號那些不能錯漏啊～）→ 成功了
其他 plugin 大概不用試了，都老了廢了
^20190327 最近發現有 mathpublish 耶，據說完全透過 PHP 執行。這樣會有個好處：不像 MathJax 依賴 CDN，這樣就算裝置離線，只在 localhost 上，也可以直接顯示？
- 先 check 所需 PHP 模組是否有在我的 MAMP 上 ☞ http://localhost/MAMP/index.php?page=phpinfo&language=English
  嗯，都有
- 不過數學語法完全不同～
  - 哇，蠻簡單的樣子，像分數就只要 <m>x/y</m>！☞ PhpMathPublisher : Help PhpMathPublisher : Help
- 而且預設字型大小好像是絕對的，而非相對於行列文字大小
- ~~也不知道能否設定巨集！~~← 如果語法簡單、方便輸入分數的話，可能就不需要巨集了

測試

mathjax
- $ \frac{1}{10} $ 奉獻
- 一般的金錢符號？$1000 元
- `1/3`
- `1/3`
- $\third$
- `sum_(i=1)^n i^3=((n(n+1))/2)^2`

$$ \frac{1}{10} sum_(i=1)^n i^3=((n(n+1))/2)^2 $$

mathpublish
- ← 有點醜不像 MathJax 那麼好看；圖片解析度太差了啦

糟糕，上 Hogfather 以後，mathpublish 的數學式變成 404 了，~~mathjax 也不知為何出不來了~~
mathjax 還可以，但要使用正確的 config URL

Popup

ghsrobert (ghsrobert@undisclosed.example.com) — 2020-03-21T20:03:20+00:00

plugin

embedover
abbr
TW TI
annotate
諸夏 close 東亞諸國
- 預覽時似乎看不到效果
autotooltip
本週主題plugin-autotooltip__default plugin-autotooltip_big本週主題

感謝　神、聖靈吧
- 預覽時似乎看不到效果

試用

embedover

出來

↑誤會了。這並不是我想要的。

內建註解功能

^20160613 剛剛逛 DokuWiki.org 時發現，內建 footnote 功能是附有 popup 的！回來測試一下，footnote 裡可以放 include 的語法，包括引用個別段落！真想不到啊……想了一個多月，沒有合用的 plugin，然後 slider 法也失敗，最後發現 footnote 功能卻可能是最接近理想的方式……

Bootstrap Wrapper

^20160615 天哪！之前知道有這套 plugin，不以為意，今天才知道裡面有這個東西：Popovers [Lotar's Wiki] （原文連結）

~~測試 Bootstrap Wrapper popover~~

Dismissible Popover 預覽模式中無效？← 對，要儲存出去才可以

試著 include 其他頁面時不行：

<popover html="true" title="**測試**引用其他頁面" content="{{page>this:changelog}}">看一下本站更新紀錄</popover>

錯誤訊息：

Bootstrap Wrapper - Malformed tag (<popover html="true" title="**測試**引用其他頁面" content="{{page\>). Please check your code!

原因當然是因為 {{page>…}} 語法裡面的 > 導致 popover 的 tag 提早結束了。~~得提 bug 了~~← 解決了！↓

如果把 > 用 entity 取代呢？

<popover html="true" title="**測試**引用其他頁面" content="{{page&gt;this:changelog}}" trigger="focus"><btn type="success">看一下本站更新紀錄</btn></popover>

看一下本站更新紀錄
↑可以了！我要哭了！感謝　神！

若能改 popover 的寬度就更好了
- 似乎是改 bootstrap.min.css 的
```
.popover {
	max-width:500px;
}
```
  這邊

缺點：

語法繁複麻煩
DW 模板不支援 Bootstrap 時就無用武之地

自助

實在受夠 DW 欠缺一個真正的 popup plugin 了！

用 HTML 做，也不難啊！（但看來至少一定要附 JS）

☞ How To Create Popups
然後，透過 plugin:inlinejs，把範例 HTML + CSS + JS 放到任何一個 DW 頁面上，也能順利呈現啊！
khíeu 箍圈起來
- 而且我測試過了，popup 內的文字，也可以打入自訂的文字及任何 HTML 元素

那麼，就試試把它做成 plugin，大幅簡化輸入？

當然，比較簡單的方法，似乎是把 JS 放到 conf/userscript.js 中就可以用了²⁹⁾

todo

²⁹⁾

devel:javascript

dokuwiki:syntax:html

ghsrobert (ghsrobert@undisclosed.example.com) — 2019-10-28T16:58:54+00:00

在 DokuWiki 中使用 HTML 代碼

<html>...</html>

↑就這麼簡單。

原始碼	效果	備註
<html><img src="http://ciangbrides.myds.me/photo/convert.php?dir=426c6f6720496d61676573&name=323031392d31302d32362d32303137303932365f3130313833322e6a7067&type=4&v=0" alt="" height="177" width="99"></html>		有些圖片的網址並不是以 `.jpg` 之類的檔名結尾，可能是透過 PHP 程式傳回的，這樣的話 DW 內建的插圖語法 `{{…}}` 會無效 ∴用 HTML 來插。
<html><div style="color:blue; background-color:pink;"></html>我們都會有些人生__來自星星的你__的人都有一個人都有一個人<html></div></html>	我們都會有些人生來自星星的你的人都有一個人都有一個人	注意！我之前以為，DW 內嵌的 HTML 代碼，一定要首尾完整。想不到今天一試，發現原來 DW 的 `<html>…</html>` 就有點像是 PHP 的 `<?php…?>` 一樣，放哪都可以，中間可以夾雜 DW 本身的其他語法。所以，我可以先宣告一個 HTML 的 `<div>` 開頭，中間放一些 DW 的語法，最後再宣告一個 `</div>`！

dokuwiki:syntax:code

ghsrobert (ghsrobert@undisclosed.example.com) — 2019-10-24T02:24:32+00:00

插入程式碼

內建

  行首空兩格就會變成一個 code block
  保留一切空格及斷行
  其實這方法很簡單但常被忽略

其次，也可以使用：

<code>
程式碼……
</code>

或是

<file>
程式碼……
</file>

如果要依程式碼的類型，來為程式碼語法著色，內建就有這功能了！！！☟

<code php>
<?php
echo "Hello World!";
?> 
</code>

可以變成

<?php
echo "Hello World!";
?>

此外也有進階選項，可加上行號、螢光標示指定行數：

碼	效果
<code C [enable_line_numbers="true", start_line_numbers_at="42",highlight_lines_extra="2,4"]> void main () { printf ("Hello World!"); exit 0; } </code>	void main () { printf ("Hello World!"); exit 0; }

參考：