<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="http://ciangbrides.myds.me/dw/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="http://ciangbrides.myds.me/dw/feed.php">
        <title>Ciang Brides 黃金城 dokuwiki:dev</title>
        <description></description>
        <link>http://ciangbrides.myds.me/dw/</link>
        <image rdf:resource="http://ciangbrides.myds.me/dw/lib/tpl/bootstrap3/images/favicon.ico" />
       <dc:date>2026-05-14T20:10:24+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/l10n"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/fieldset"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/wrap-simper"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/text-conversion"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/nodetree"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/popup"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/shortcut/add-new-page/ios"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/shortcut/add-new-page/macos"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/mine"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/feed"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://ciangbrides.myds.me/dw/lib/tpl/bootstrap3/images/favicon.ico">
        <title>Ciang Brides 黃金城</title>
        <link>http://ciangbrides.myds.me/dw/</link>
        <url>http://ciangbrides.myds.me/dw/lib/tpl/bootstrap3/images/favicon.ico</url>
    </image>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/l10n">
        <dc:format>text/html</dc:format>
        <dc:date>2020-10-30T14:29:59+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>DokuWiki 的 l10n（本地化）</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/l10n</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;dokuwiki_的_l10n_本地化&quot;&gt;DokuWiki 的 l10n（本地化）&lt;/h1&gt;

&lt;p&gt;
&lt;span class=&quot;wrap_tip &quot;&gt;這頁放 &lt;code&gt;dokuwiki:dev&lt;/code&gt; 下而非直轄 &lt;code&gt;:dokuwiki&lt;/code&gt;，因為它並非 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 本身面對終端使用者的一個功能，而是跟開發流程有關。&lt;/span&gt;
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;DokuWiki \u7684 l10n\uff08\u672c\u5730\u5316\uff09&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;dokuwiki_\u7684_l10n_\u672c\u5730\u5316&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-219&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit2&quot; id=&quot;機制&quot;&gt;機制&lt;/h2&gt;

&lt;p&gt;
&lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 的 inc/lang，或是各 plugin/template 的 lang 資料夾裡，都放了可供本地化的字串。
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u6a5f\u5236&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u6a5f\u5236&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;220-344&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit3&quot; id=&quot;方法&quot;&gt;方法&lt;/h2&gt;

&lt;p&gt;
&lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 的 &lt;a href=&quot;https://www.wikiwand.com/zh-tw/語言本地化&quot; class=&quot;interwiki iw_w&quot; title=&quot;https://www.wikiwand.com/zh-tw/語言本地化&quot;&gt;localization/l10n（本地化）&lt;/a&gt;真的很簡單，上 &lt;a href=&quot;https://translate.dokuwiki.org/&quot; class=&quot;urlextern&quot; title=&quot;https://translate.dokuwiki.org/&quot; rel=&quot;ugc nofollow&quot;&gt;https://translate.dokuwiki.org/&lt;/a&gt;（又稱 Translation/Localization Hub），選好要翻譯的語種、產品&lt;sup&gt;&lt;a href=&quot;#fn__14&quot; id=&quot;fnt__14&quot; class=&quot;fn_top&quot;&gt;14)&lt;/a&gt;&lt;/sup&gt;，然後就可以在網頁介面上，想翻譯哪一句就翻譯哪句，也可以打 filter 找出含有某字詞的句子來參考或翻譯。這樣對於一般人而言就比 Git 處理本地化字串檔親和多了。
&lt;/p&gt;

&lt;p&gt;
翻好後記得填姓名、mail 信箱及真人驗證碼，再按 &lt;code&gt;Submit&lt;/code&gt;，系統就會感謝你，並且會把你提供的個資附在翻譯字串上做成 Git PR，讓該產品的開發者可以審核、併入程式碼中，你的貢獻就會榜上有名。而且想做多少就做多少，翻一個字詞、一句也可以提交，輕鬆得很。
&lt;/p&gt;

&lt;p&gt;
增加新語種也很容易，開個 Git PR，內含 &lt;code&gt;inc/lang/&amp;lt;新語種代碼&amp;gt;/&amp;lt;所翻譯的檔案&amp;gt;&lt;/code&gt;（不用全翻，只要含有已翻譯的字串即可；未翻譯的會自動 fallback 用英文的），或也先開個 splitbrain/dokuwiki 專案的 issue 知會一下開發者群，他們看到 PR，merge 以後，這個新語種之後也會出現在 Hub 中，之後要用 Git 繼續翻譯，或用網頁介面都 okay。我 2020/10 月底開始弄&lt;a href=&quot;http://ghsrobert.tk/it/my/projects/dokuwiki-nan&quot; class=&quot;urlextern&quot; title=&quot;http://ghsrobert.tk/it/my/projects/dokuwiki-nan&quot; rel=&quot;ugc nofollow&quot;&gt;閩南語的 localization&lt;/a&gt; 就是這樣。
&lt;/p&gt;

&lt;p&gt;
plugin、template 的話，要看開發者有沒有把作品註冊到 Hub 上（有註冊介面）。Hub 上有的就可以用 Hub 做，沒有的話通常就用 Git，不然就私炊自用也行。
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u65b9\u6cd5&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u65b9\u6cd5&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:3,&amp;quot;range&amp;quot;:&amp;quot;345-1963&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit6&quot; id=&quot;我的參與&quot;&gt;我的參與&lt;/h2&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 對象：有點族繁不及備載&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 詞庫：我開始參與後，打算針對我有參與的語言，維護 l10n glossary 資料庫。可預見首先會有的會是 zh-tw，及 nan(-tw)。&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u6211\u7684\u53c3\u8207&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u6211\u7684\u53c3\u8207&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:6,&amp;quot;range&amp;quot;:&amp;quot;1964-&amp;quot;} --&gt;&lt;div class=&quot;footnotes&quot;&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__14&quot; id=&quot;fn__14&quot; class=&quot;fn_bot&quot;&gt;14)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:4,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;nodetree plugin_wrap&quot;&gt;&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 本身&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 各 plugin&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 各 template&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:5,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/fieldset">
        <dc:format>text/html</dc:format>
        <dc:date>2020-10-29T22:05:41+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>開發 fieldset plugin</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/fieldset</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;開發_fieldset_plugin&quot;&gt;開發 fieldset plugin&lt;/h1&gt;

&lt;p&gt;
覺得&lt;fieldset&gt;&lt;legend&gt;像這樣的&lt;/legend&gt;fieldset 蠻好用的&lt;br /&gt;
&lt;/fieldset&gt;（應該要用一般瀏覽器常見的 style，legend 的文字在邊線左上角），而不是用各 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; &lt;abbr title=&quot;template&quot;&gt;tpl&lt;/abbr&gt; 自己的樣式），但當然不可能每次都打一堆 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; 碼：
&lt;/p&gt;
&lt;pre class=&quot;code&quot;&gt;&amp;lt;html&amp;gt;&amp;lt;fieldset&amp;gt;&amp;lt;legend&amp;gt;像這樣的&amp;lt;/legend&amp;gt;&amp;lt;/html&amp;gt;fieldset 蠻好用的
&amp;lt;html&amp;gt;&amp;lt;/fieldset&amp;gt;&amp;lt;/html&amp;gt;&lt;/pre&gt;

&lt;p&gt;
考慮兩種解法：
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;list-tree plugin_wrap&quot;&gt;&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 做專屬的 syntax plugin&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 用 wrap div/span + &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:3,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u958b\u767c fieldset plugin&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u958b\u767c_fieldset_plugin&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-538&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit4&quot; id=&quot;plugin&quot;&gt;plugin&lt;/h2&gt;

&lt;p&gt;
因為不同的 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; &lt;abbr title=&quot;template&quot;&gt;tpl&lt;/abbr&gt; 各有不同的 fieldset、legend CSS，所以本來我想就不做 plugin 了，用下面的純 wrap+&lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; 法就好。但後來又想，我也可以弄 plugin，但產生 &lt;code&gt;div.fieldset&lt;/code&gt; 之類的啊。所以就再次來挑戰看看 syntax plugin 吧（雖然之前從來沒成功）。
&lt;/p&gt;
&lt;ol&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 試著用 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Aruby&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Aruby&quot;&gt;plugin:ruby&lt;/a&gt; 來改&lt;/div&gt;
&lt;ol&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 開 repo&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 其實語法有頭有尾 ∴也應該參考 wrap 才是 ← 想到就難，先休息好了 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/哈.gif&quot; class=&quot;icon&quot; alt=&quot;&amp;lt;&amp;lt;哈&amp;gt;&amp;gt;&quot; /&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;plugin&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;plugin&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:1,&amp;quot;secid&amp;quot;:4,&amp;quot;range&amp;quot;:&amp;quot;539-1031&amp;quot;} --&gt;
&lt;h3 class=&quot;sectionedit5&quot; id=&quot;參考&quot;&gt;參考&lt;/h3&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://www.dokuwiki.org/devel:syntax_plugin_skeleton&quot; class=&quot;urlextern&quot; title=&quot;https://www.dokuwiki.org/devel:syntax_plugin_skeleton&quot; rel=&quot;ugc nofollow&quot;&gt;devel:syntax_plugin_skeleton [DokuWiki]&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u53c3\u8003&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u53c3\u8003&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:1,&amp;quot;secid&amp;quot;:5,&amp;quot;range&amp;quot;:&amp;quot;1032-1151&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit6&quot; id=&quot;css&quot;&gt;CSS&lt;/h2&gt;

&lt;p&gt;
一般瀏覽器常見的 legend style 到底是怎樣？
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://html.spec.whatwg.org/multipage/rendering.html#the-fieldset-and-legend-elements&quot; class=&quot;urlextern&quot; title=&quot;https://html.spec.whatwg.org/multipage/rendering.html#the-fieldset-and-legend-elements&quot; rel=&quot;ugc nofollow&quot;&gt;HTML Standard&lt;/a&gt; 這裡面的 &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; 似乎不是，至少在 BlueGriffon 裡套到 &lt;code&gt;div.fieldset&lt;/code&gt;、&lt;code&gt;div.legend&lt;/code&gt; 上的話還是無法呈現我要的效果&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 用 Waterfox 網頁開發者工具挖出 fieldset 及 legend 的「瀏覽器樣式」，再套到測試的網頁 &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; 裡，也無效&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;
擬真：
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://stackoverflow.com/questions/2213881/is-it-possible-to-achieve-a-fieldset-like-effect-without-using-the-fieldset#answer-2214676&quot; class=&quot;urlextern&quot; title=&quot;https://stackoverflow.com/questions/2213881/is-it-possible-to-achieve-a-fieldset-like-effect-without-using-the-fieldset#answer-2214676&quot; rel=&quot;ugc nofollow&quot;&gt;html - Is it possible to achieve a &amp;lt;fieldset&amp;gt;-like effect without using the &amp;lt;fieldset&amp;gt; tag? - Stack Overflow&lt;/a&gt; 這位提出來的 &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; 效果還不錯&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 我在一般網頁實測過也還 okay，就是要多用一個 span 就是了&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;input type=&quot;checkbox&quot; class=&quot;todocheckbox&quot; data-index=&quot;0&quot; data-date=&quot;1603987349&quot; data-pageid=&quot;dokuwiki:dev:fieldset&quot; data-strikethrough=&quot;1&quot;checked=&quot;checked&quot; /&gt; &lt;span class=&quot;todotext clickabletodo todohlght&quot;&gt;&lt;del&gt;&lt;span class=&quot;todoinnertext&quot;&gt;在 DW 中實測&lt;/span&gt;&lt;/del&gt;&lt;/span&gt;&lt;pre class=&quot;code css&quot;&gt;&lt;span class=&quot;re1&quot;&gt;.wrap_fieldset&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;border&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;groove&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;threedface&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;border-top&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;none&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;padding&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;0.5em&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;margin&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;1em&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;2px&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&amp;nbsp;
.wrap_fieldset&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;re1&quot;&gt;.wrap_legend&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;font&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;1em&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;normal&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;margin&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;-1em&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;-0.5em&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&amp;nbsp;
.wrap_fieldset&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;.wrap_legend&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;p &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;float&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;left&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&amp;nbsp;
.wrap_fieldset&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;re1&quot;&gt;.wrap_legend&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;before&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;border-top&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;groove&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;threedface&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;st0&quot;&gt;' '&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;float&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;left&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;margin&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;0.5em&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;-1px&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;0.75em&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&amp;nbsp;
.wrap_fieldset&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;re1&quot;&gt;.wrap_legend&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;after&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;border-top&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;groove&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;threedface&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;st0&quot;&gt;' '&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;display&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;block&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;height&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;1.5em&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;left&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;2px&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;margin&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;1px&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;overflow&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;hidden&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;position&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;relative&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;top&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;0.5em&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
可以看到我把原作者的 span 改成了 p，因為 wrap plugin 本身就會產生 p，這樣少一道輸入。結果：
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:7,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;plugin_wrap&quot;&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:9,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;wrap_fieldset plugin_wrap&quot;&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:11,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;wrap_legend plugin_wrap&quot;&gt;
&lt;p&gt;
標題
&lt;/p&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:12,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;
&lt;p&gt;
內容
&lt;/p&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:10,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:8,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;pre class=&quot;code&quot;&gt;&amp;lt;div fieldset&amp;gt;&amp;lt;div legend&amp;gt;標題&amp;lt;/div&amp;gt;
內容
&amp;lt;/div&amp;gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; 在主站勉強可以（內容的位置會往右縮排，不知何故）&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; 在 mikio &lt;abbr title=&quot;template&quot;&gt;tpl&lt;/abbr&gt; 中，legend 的位置就跑掉了&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; ↑&lt;pre class=&quot;code css&quot;&gt;.wrap_fieldset&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;.wrap_legend&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;p &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;margin-top&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;kw1&quot;&gt;margin-bottom&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
↑加上這兩行的話可以解決 legend p 的高度，以及因為 float 而影響內容位置的問題 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/smile.png&quot; class=&quot;icon&quot; alt=&quot;:)&quot; /&gt; 這樣可用性就提高了～
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;CSS&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;css&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:1,&amp;quot;secid&amp;quot;:6,&amp;quot;range&amp;quot;:&amp;quot;1152-&amp;quot;} --&gt;</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/wrap-simper">
        <dc:format>text/html</dc:format>
        <dc:date>2020-10-29T12:22:44+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>較簡單的 wrap 語法</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/wrap-simper</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;較簡單的_wrap_語法&quot;&gt;較簡單的 wrap 語法&lt;/h1&gt;

&lt;p&gt;
&lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 透過 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Awrap&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Awrap&quot;&gt;plugin:wrap&lt;/a&gt; 可以產生強大的 div、span。但語法方面，我懷念 TiddlyWiki 的 &lt;code&gt;{{class{span}}}&lt;/code&gt; 和
&lt;/p&gt;
&lt;pre class=&quot;code&quot;&gt;{{class{
div}}}&lt;/pre&gt;

&lt;p&gt;
。
&lt;/p&gt;

&lt;p&gt;
看了一下 wrap 的 /syntax，原來是 6 支 PHP 在定義 3 套 div 及 span 的語法。看來也許可以先試著把我比較用不到的 &lt;code&gt;&amp;lt;inline&amp;gt;&lt;/code&gt; 跟 &lt;code&gt;&amp;lt;block&amp;gt;&lt;/code&gt; 改掉。
&lt;/p&gt;
&lt;ol&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; fork 了 plugin&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; spaninline.php 這兩行：&lt;pre class=&quot;code php&quot;&gt;    &lt;span class=&quot;kw2&quot;&gt;protected&lt;/span&gt; &lt;span class=&quot;re0&quot;&gt;$entry_pattern&lt;/span&gt;   &lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;st_h&quot;&gt;'&amp;lt;inline\b.*?&amp;gt;(?=.*?&amp;lt;/inline&amp;gt;)'&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;kw2&quot;&gt;protected&lt;/span&gt; &lt;span class=&quot;re0&quot;&gt;$exit_pattern&lt;/span&gt;    &lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;st_h&quot;&gt;'&amp;lt;/inline&amp;gt;'&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
看來可以直接改；但
&lt;/p&gt;
&lt;pre class=&quot;code php&quot;&gt;    &lt;span class=&quot;kw2&quot;&gt;protected&lt;/span&gt; &lt;span class=&quot;re0&quot;&gt;$special_pattern&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;st_h&quot;&gt;'&amp;lt;inline\b[^&amp;gt;\r\n]*?/&amp;gt;'&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
呢？&lt;code&gt;$special_pattern&lt;/code&gt; 的用途是？
&lt;/p&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 喔，看來是處理單個 &lt;code&gt;&amp;lt;span/&amp;gt;&lt;/code&gt;、&lt;code&gt;&amp;lt;div/&amp;gt;&lt;/code&gt; label，那這應該也要改&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://github.com/GJRobert/dokuwiki_plugin_wrap/commit/a81e284ecf60ab7d2ded15dd31ed0e0ca6b75dbf&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki_plugin_wrap/commit/a81e284ecf60ab7d2ded15dd31ed0e0ca6b75dbf&quot; rel=&quot;ugc nofollow&quot;&gt;改了&lt;/a&gt;，但只有出現 &lt;code&gt;&amp;lt;span&amp;gt;...&amp;lt;/span&amp;gt;&lt;/code&gt;，class 無效 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/sad_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:(&quot; /&gt; 我對那些 regex 及 span.php 裡的設計並不瞭解……可能需要向作者們求助，或直接建議他們幫忙做了&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/text-conversion">
        <dc:format>text/html</dc:format>
        <dc:date>2020-10-13T11:22:19+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>文字轉換器</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/text-conversion</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;文字轉換器&quot;&gt;文字轉換器&lt;/h1&gt;

&lt;p&gt;
類似維基百科華文版的 MediaWiki 轉換器，可用於：
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Taigi123 的不同方音切換&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u6587\u5b57\u8f49\u63db\u5668&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u6587\u5b57\u8f49\u63db\u5668&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-132&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit2&quot; id=&quot;參考&quot;&gt;參考&lt;/h2&gt;

&lt;p&gt;
MediaWiki：
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a class=&quot;folder&quot; href=&quot;#folded_25a4511ffc0e44c0d14b4a749e1845fc_10&quot;&gt;Automatic conversion between simplified and traditional Chinese - Meta &lt;/a&gt;&lt;span class=&quot;folded hidden&quot; id=&quot;folded_25a4511ffc0e44c0d14b4a749e1845fc_10&quot;&gt;&lt;a href=&quot;https://meta.wikimedia.org/wiki/Automatic_conversion_between_simplified_and_traditional_Chinese&quot; class=&quot;urlextern&quot; title=&quot;https://meta.wikimedia.org/wiki/Automatic_conversion_between_simplified_and_traditional_Chinese&quot; rel=&quot;ugc nofollow&quot;&gt;Automatic conversion between simplified and traditional Chinese - Meta&lt;/a&gt; &lt;iframe title=&quot;&quot; src=&quot;https://meta.wikimedia.org/wiki/Automatic_conversion_between_simplified_and_traditional_Chinese&quot; style=&quot;width:98%; height:700px&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u53c3\u8003&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u53c3\u8003&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;133-&amp;quot;} --&gt;</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/nodetree">
        <dc:format>text/html</dc:format>
        <dc:date>2020-09-17T06:31:23+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>重現 NodeTree</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/nodetree</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;重現_nodetree&quot;&gt;重現 NodeTree&lt;/h1&gt;

&lt;p&gt;
2013 年我曾經&lt;a href=&quot;https://groups.google.com/g/tiddlywiki/c/MrueYHk2j7U?pli=1&quot; class=&quot;urlextern&quot; title=&quot;https://groups.google.com/g/tiddlywiki/c/MrueYHk2j7U?pli=1&quot; rel=&quot;ugc nofollow&quot;&gt;發表&lt;/a&gt;了 TiddlyWiki 的 NodeTreePlugin&lt;sub&gt;&lt;a href=&quot;https://github.com/tobibeer/TiddlyWikiPlugins/commits/master/mods/NodeTreePlugin.js&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/tobibeer/TiddlyWikiPlugins/commits/master/mods/NodeTreePlugin.js&quot; rel=&quot;ugc nofollow&quot;&gt;（目前在 GitHub 上還找得到！）&lt;/a&gt;&lt;a href=&quot;https://gjrobert.github.io/TiddlyWikiClassic-NodeTreePlugin/&quot; class=&quot;urlextern&quot; title=&quot;https://gjrobert.github.io/TiddlyWikiClassic-NodeTreePlugin/&quot; rel=&quot;ugc nofollow&quot;&gt;（另外我也重新上傳了 TiddlyWiki 檔）&lt;/a&gt;&lt;/sub&gt;
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u91cd\u73fe NodeTree&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u91cd\u73fe_nodetree&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-397&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit2&quot; id=&quot;listtree&quot;&gt;ListTree&lt;/h2&gt;

&lt;p&gt;
或是先移植 TiddlyWiki 5 的&lt;a href=&quot;http://listtree.tiddlyspot.com/&quot; class=&quot;urlextern&quot; title=&quot;http://listtree.tiddlyspot.com/&quot; rel=&quot;ugc nofollow&quot;&gt;這個 plugin&lt;/a&gt; 裡所含的 CSS？好像簡單得多。
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;ListTree&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;listtree&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;398-542&amp;quot;} --&gt;
&lt;h3 class=&quot;sectionedit3&quot; id=&quot;測試&quot;&gt;測試&lt;/h3&gt;
&lt;ol&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 直接把&lt;a href=&quot;http://listtree.tiddlyspot.com/#%24%3A%2Fplugins%2FTWaddle%2FListTree%2FStylesheet&quot; class=&quot;urlextern&quot; title=&quot;http://listtree.tiddlyspot.com/#%24%3A%2Fplugins%2FTWaddle%2FListTree%2FStylesheet&quot; rel=&quot;ugc nofollow&quot;&gt;這裡面的 stylesheet&lt;/a&gt; 複製到 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; userstyle 中，變數都先取代為 &lt;code&gt;2px&lt;/code&gt;、&lt;code&gt;silver&lt;/code&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 測試：&lt;pre class=&quot;code&quot;&gt;&amp;lt;div list-tree&amp;gt;
  * 是誰太勇敢
  * 說喜歡離別
    * 只要今天不要明天
    * 眼睜睜看著愛從指縫
  * 中溜走
    * 還說再見

  * 不夠時間好好來恨你
    * 終於明白恨人不容易
    * 不願愛得沒有答案結局
&amp;lt;/div&amp;gt;&lt;/pre&gt;

&lt;p&gt;
&lt;a class=&quot;folder&quot; href=&quot;#folded_f25c3de46d3480fc7b1b758caeabb2ba_14&quot;&gt;結果 &lt;/a&gt;&lt;span class=&quot;folded hidden&quot; id=&quot;folded_f25c3de46d3480fc7b1b758caeabb2ba_14&quot;&gt;
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:4,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;list-tree plugin_wrap&quot;&gt;&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 是誰太勇敢&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 說喜歡離別&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 只要今天不要明天&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 眼睜睜看著愛從指縫&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 中溜走&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 還說再見&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 不夠時間好好來恨你&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 終於明白恨人不容易&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 不願愛得沒有答案結局&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:5,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;
&lt;p&gt;
&lt;/span&gt;
&lt;/p&gt;
&lt;div class=&quot;thumb2 trien&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?tok=0f6b78&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2Fc3f34a4bd5d2b52edd6b16dc326cceaf.png&quot; class=&quot;media&quot; title=&quot;http://mimg.tk/uploads/big/c3f34a4bd5d2b52edd6b16dc326cceaf.png&quot;&gt;&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?w=252&amp;amp;tok=1ee062&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2Fc3f34a4bd5d2b52edd6b16dc326cceaf.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;252&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot; style=&quot;max-width: 246px&quot;&gt;擷圖&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;
↑初步成功，但有點小 bug，不知是否 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 產生清單的 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; 太複雜還是怎樣，下面這段 &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; 的效果：
&lt;/p&gt;
&lt;pre class=&quot;code css&quot;&gt;&lt;span class=&quot;coMULTI&quot;&gt;/* top-level: Lines if multiple top elements. No lines if single top element. */&lt;/span&gt;
&amp;nbsp;
&lt;span class=&quot;re1&quot;&gt;.list-tree&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; li&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;last-of-type&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;before&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;display&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw2&quot;&gt;none&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&amp;nbsp;
&lt;span class=&quot;re1&quot;&gt;.list-tree&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; li&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;first-of-type&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;before&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;border-top&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;!!list-tree-thickness&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;solid&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;!!list-tree-color&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&amp;nbsp;
&lt;span class=&quot;re1&quot;&gt;.list-tree&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; li&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;before&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
    &lt;span class=&quot;kw1&quot;&gt;border-left&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;!!list-tree-thickness&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;solid&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;!!list-tree-color&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;kw1&quot;&gt;height&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;100%&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
竟然沒出來
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 純 HTML（不用 wrap plugin） + 英文測試（拿去論壇發問用）：&lt;pre class=&quot;code html4strict&quot;&gt;&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;div&lt;/span&gt;&lt;/a&gt; &lt;span class=&quot;kw3&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;list-tree&amp;quot;&lt;/span&gt;&amp;gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;
  * Starry, starry night
  * Paint your palette blue and gray
    * Look out on a summer's day
    * With eyes that know the darkness in my soul
  * Shadows on the hills
    * Sketch the trees and daffodils
    * Catch the breeze and the winter chills
      * In colors on the snowy linen land
&amp;nbsp;
  * Now I understand
    * What you tried to say to me
      * And how you suffered for your sanity
      * And how you tried to set them free
    * They would not listen, they did not know how
    * Perhaps they'll listen now
&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
&lt;a class=&quot;folder&quot; href=&quot;#folded_f25c3de46d3480fc7b1b758caeabb2ba_15&quot;&gt;結果： &lt;/a&gt;&lt;span class=&quot;folded hidden&quot; id=&quot;folded_f25c3de46d3480fc7b1b758caeabb2ba_15&quot;&gt;
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:6,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;wrap_explicit plugin_wrap&quot;&gt;
&lt;p&gt;
&lt;div class=&quot;list-tree&quot;&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; Starry, starry night&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; Paint your palette blue and gray&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; Look out on a summer&amp;#039;s day&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; With eyes that know the darkness in my soul&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; Shadows on the hills&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; Sketch the trees and daffodils&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; Catch the breeze and the winter chills&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; In colors on the snowy linen land&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; Now I understand&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; What you tried to say to me&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; And how you suffered for your sanity&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; And how you tried to set them free&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; They would not listen, they did not know how&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; Perhaps they&amp;#039;ll listen now&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:7,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;
&lt;p&gt;
&lt;/span&gt;
&lt;/p&gt;
&lt;div class=&quot;thumb2 trien&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?tok=1620b1&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2Fb471e421cc20baa95450a40d00b8d2fc.png&quot; class=&quot;media&quot; title=&quot;http://mimg.tk/uploads/big/b471e421cc20baa95450a40d00b8d2fc.png&quot;&gt;&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?w=404&amp;amp;tok=585a3a&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2Fb471e421cc20baa95450a40d00b8d2fc.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;404&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot; style=&quot;max-width: 398px&quot;&gt;擷圖&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;
→ &lt;a href=&quot;https://forum.dokuwiki.org/d/18271-need-help-with-last-mile-to-port-a-nice-listtree-style&quot; class=&quot;urlextern&quot; title=&quot;https://forum.dokuwiki.org/d/18271-need-help-with-last-mile-to-port-a-nice-listtree-style&quot; rel=&quot;ugc nofollow&quot;&gt;Need help with last mile to port a nice &amp;quot;ListTree&amp;quot; style - DokuWiki User Forum&lt;/a&gt;&lt;sup&gt;&lt;a href=&quot;#fn__24&quot; id=&quot;fnt__24&quot; class=&quot;fn_top&quot;&gt;24)&lt;/a&gt;&lt;/sup&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;20200916&lt;/sup&gt; 耶呼！自己研究了一下，把最後一段 &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; 改成這樣：&lt;pre class=&quot;code css&quot;&gt;&lt;span class=&quot;coMULTI&quot;&gt;/* top-level: Lines if multiple top elements. No lines if single top element. */&lt;/span&gt;
&amp;nbsp;
&lt;span class=&quot;re1&quot;&gt;.list-tree&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; ul &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; li&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;last-of-type&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;before&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;display&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw2&quot;&gt;none&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&amp;nbsp;
&lt;span class=&quot;re1&quot;&gt;.list-tree&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; ul &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; li&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;first-of-type&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;before&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;border-top&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;solid&lt;/span&gt; &lt;span class=&quot;kw4&quot;&gt;silver&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&amp;nbsp;
&lt;span class=&quot;re1&quot;&gt;.list-tree&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; ul &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; li&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;before&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
    &lt;span class=&quot;kw1&quot;&gt;border-left&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;solid&lt;/span&gt; &lt;span class=&quot;kw4&quot;&gt;silver&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;kw1&quot;&gt;height&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;re3&quot;&gt;100%&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;
&lt;span class=&quot;re1&quot;&gt;.list-tree&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; ul &lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt; li&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;kw5&quot;&gt;after&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;border-left&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;
&lt;div class=&quot;thumb2 trien&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?tok=a28cd4&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F8f235d6459b9d6285d012028bffd0708.png&quot; class=&quot;media&quot; title=&quot;http://mimg.tk/uploads/big/8f235d6459b9d6285d012028bffd0708.png&quot;&gt;&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?w=240&amp;amp;tok=7191c3&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F8f235d6459b9d6285d012028bffd0708.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;240&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot; style=&quot;max-width: 234px&quot;&gt;結果擷圖&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;
↑就正常了！自己解決了！&lt;a class=&quot;folder&quot; href=&quot;#folded_f25c3de46d3480fc7b1b758caeabb2ba_16&quot;&gt;（原理） &lt;/a&gt;&lt;span class=&quot;folded hidden&quot; id=&quot;folded_f25c3de46d3480fc7b1b758caeabb2ba_16&quot;&gt;
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:8,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;plugin_wrap&quot;&gt;&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 原本 TW 的結構是 &lt;code&gt;ul.list-tree &amp;gt; li&lt;/code&gt; = 最頂層&lt;br/&gt;
但 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 的 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; 結構則是 &lt;code&gt;div.list-tree &amp;gt; ul &amp;gt; li&lt;/code&gt; ∴要插一層 ul&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 左上角多餘一小段直線，則要用 li:after 去設為零邊線&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:9,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;
&lt;p&gt;
&lt;/span&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u6e2c\u8a66&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u6e2c\u8a66&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:3,&amp;quot;range&amp;quot;:&amp;quot;543-4438&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit10&quot; id=&quot;nodetree&quot;&gt;NodeTree&lt;/h2&gt;

&lt;p&gt;
&lt;sup&gt;20200916&lt;/sup&gt; 嘗試：
&lt;/p&gt;
&lt;ol&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 以 &lt;a href=&quot;https://gjrobert.github.io/TiddlyWikiClassic-NodeTreePlugin/#NodeTreeStyles&quot; class=&quot;urlextern&quot; title=&quot;https://gjrobert.github.io/TiddlyWikiClassic-NodeTreePlugin/#NodeTreeStyles&quot; rel=&quot;ugc nofollow&quot;&gt;NodeTreeStyles&lt;/a&gt; 為底，另存為 conf/nodetree.css&lt;/div&gt;
&lt;ol&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 將各個 image 取代為 &lt;a href=&quot;https://gjrobert.github.io/TiddlyWikiClassic-NodeTreePlugin/#NodeTreeImages&quot; class=&quot;urlextern&quot; title=&quot;https://gjrobert.github.io/TiddlyWikiClassic-NodeTreePlugin/#NodeTreeImages&quot; rel=&quot;ugc nofollow&quot;&gt;NodeTreeImages&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:11,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;plugin_wrap&quot;&gt;&lt;div class=&quot;table sectionedit13&quot;&gt;&lt;table class=&quot;inline&quot;&gt;
	&lt;thead&gt;
	&lt;tr class=&quot;row0&quot;&gt;
		&lt;th class=&quot;col0 centeralign&quot;&gt;  NodeTree class  &lt;/th&gt;&lt;th class=&quot;col1 centeralign&quot;&gt;  備註  &lt;/th&gt;&lt;th class=&quot;col2 centeralign&quot;&gt;  取代為 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 元素  &lt;/th&gt;
	&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tr class=&quot;row1&quot;&gt;
		&lt;td class=&quot;col0&quot;&gt; &lt;code&gt;.nt-ti&lt;/code&gt; &lt;/td&gt;&lt;td class=&quot;col1&quot;&gt; 「tree item」樹枝 &lt;/td&gt;&lt;td class=&quot;col2&quot;&gt; &lt;code&gt;.nodetree ul &amp;gt; li&lt;/code&gt; &lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr class=&quot;row2&quot;&gt;
		&lt;td class=&quot;col0&quot;&gt; &lt;code&gt;.nt-ts&lt;/code&gt; &lt;/td&gt;&lt;td class=&quot;col1&quot;&gt; 「tree separator」枝與枝間的分隔 &lt;/td&gt;&lt;td class=&quot;col2&quot;&gt; &lt;code&gt;.nodetree ol &amp;gt; li&lt;/code&gt; &lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr class=&quot;row3&quot;&gt;
		&lt;td class=&quot;col0&quot;&gt; &lt;code&gt;.nt-tl&lt;/code&gt; &lt;/td&gt;&lt;td class=&quot;col1&quot;&gt; 「tree list」整個樹狀清單 &lt;/td&gt;&lt;td class=&quot;col2&quot;&gt; &lt;code&gt;.nodetree ul&lt;/code&gt; &lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr class=&quot;row4&quot;&gt;
		&lt;td class=&quot;col0&quot;&gt; &lt;code&gt;.nt-tp&lt;/code&gt; &lt;/td&gt;&lt;td class=&quot;col1&quot;&gt; 「tree parent？&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/fixme.gif&quot; class=&quot;icon&quot; alt=&quot;FIXME&quot; /&gt;」樹狀清單的上層元素 &lt;/td&gt;&lt;td class=&quot;col2&quot;&gt; &lt;code&gt;.nodetree div.tp&lt;/code&gt; &lt;/td&gt;
	&lt;/tr&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;table&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;table&amp;quot;,&amp;quot;secid&amp;quot;:13,&amp;quot;range&amp;quot;:&amp;quot;4762-5126&amp;quot;} --&gt;&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:12,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 在 userall.css 中，最前面加上&lt;pre class=&quot;code css&quot;&gt;@import &lt;span class=&quot;st0&quot;&gt;&amp;quot;nodetree.css&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;code&gt;plugin»wrap»noPrefix&lt;/code&gt; 裡加上 &lt;code&gt;nodetree&lt;/code&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 測試：&lt;pre class=&quot;code&quot;&gt;&amp;lt;div nodetree&amp;gt;
  * 行嗎
  * 來棵樹
  * 吧
&amp;lt;/div&amp;gt;&lt;/pre&gt;

&lt;p&gt;
↑效果沒出來，就還是一般的 bullet list 樣
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; userall.css 改為：&lt;/div&gt;
&lt;ol&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;pre class=&quot;code css&quot;&gt;@import &lt;span class=&quot;st0&quot;&gt;&amp;quot;/dw/conf/nodetree.css&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
→ &lt;code&gt;403 Forbidden&lt;/code&gt; &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/sad_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:(&quot; /&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;pre class=&quot;code css&quot;&gt;@import &lt;span class=&quot;st0&quot;&gt;&amp;quot;/conf/nodetree.css&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
→ &lt;code&gt;404 Not found&lt;/code&gt; &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/sad_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:(&quot; /&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 放棄 &lt;code&gt;@import&lt;/code&gt;，改為直接把 &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; 內容放到 userall.css 中&lt;br/&gt;
→ 效果出來了～&lt;div class=&quot;thumb2 trien&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?tok=efb9ea&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F2ce9401e4471afe3b9db9a675a321d40.png&quot; class=&quot;media&quot; title=&quot;http://mimg.tk/uploads/big/2ce9401e4471afe3b9db9a675a321d40.png&quot;&gt;&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?w=86&amp;amp;tok=d68f6b&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F2ce9401e4471afe3b9db9a675a321d40.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;86&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot; style=&quot;max-width: 80px&quot;&gt;擷圖&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;
但最後一項的線條是錯的，原來還有一處是我忽略了，上面取代錯了，要改一下：
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:14,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;plugin_wrap&quot;&gt;&lt;div class=&quot;table sectionedit16&quot;&gt;&lt;table class=&quot;inline&quot;&gt;
	&lt;thead&gt;
	&lt;tr class=&quot;row0&quot;&gt;
		&lt;th class=&quot;col0 centeralign&quot;&gt;  NodeTree class  &lt;/th&gt;&lt;th class=&quot;col1 centeralign&quot;&gt;  備註  &lt;/th&gt;&lt;th class=&quot;col2 centeralign&quot;&gt;  取代為 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 元素  &lt;/th&gt;
	&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tr class=&quot;row1&quot;&gt;
		&lt;td class=&quot;col0&quot;&gt; &lt;code&gt;.nt-ti-last&lt;/code&gt; &lt;/td&gt;&lt;td class=&quot;col1&quot;&gt; 最後一枝 &lt;/td&gt;&lt;td class=&quot;col2&quot;&gt; &lt;code&gt;.nodetree ul &amp;gt; li:last-of-type&lt;/code&gt; &lt;/td&gt;
	&lt;/tr&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;table&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;table1&amp;quot;,&amp;quot;secid&amp;quot;:16,&amp;quot;range&amp;quot;:&amp;quot;5877-6004&amp;quot;} --&gt;&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:15,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;
&lt;p&gt;
→ 基本型成功！
&lt;/p&gt;
&lt;div class=&quot;thumb2 trien&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?tok=571e43&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F0eb394a4fa5142eea9b412eb5c05cea3.png&quot; class=&quot;media&quot; title=&quot;http://mimg.tk/uploads/big/0eb394a4fa5142eea9b412eb5c05cea3.png&quot;&gt;&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?w=87&amp;amp;tok=dbf198&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F0eb394a4fa5142eea9b412eb5c05cea3.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;87&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot; style=&quot;max-width: 81px&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;pre class=&quot;code&quot;&gt;&amp;lt;div nodetree&amp;gt;
&amp;lt;div tp&amp;gt;樹根&amp;lt;/div&amp;gt;
  * 行嗎
  * 來棵樹
  * 吧
&amp;lt;/div&amp;gt;&lt;/pre&gt;
&lt;div class=&quot;thumb2 trien&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?tok=7b6ad5&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F9f07886c9a621eac23798ea8151a04cd.png&quot; class=&quot;media&quot; title=&quot;http://mimg.tk/uploads/big/9f07886c9a621eac23798ea8151a04cd.png&quot;&gt;&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?w=127&amp;amp;tok=1eacb2&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F9f07886c9a621eac23798ea8151a04cd.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;127&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot; style=&quot;max-width: 121px&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;
↑樹根成功！（只是位置有點怪）
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 有樹根加子目&lt;pre class=&quot;code&quot;&gt;&amp;lt;div nodetree&amp;gt;
&amp;lt;div tp&amp;gt;樹根&amp;lt;/div&amp;gt;
  * 行嗎
    * 子目
    * 子目
  * 來棵樹
    * 子目
    * 子目
    * 子目
  * 吧
    * 子目
    * 子目
&amp;lt;/div&amp;gt;&lt;/pre&gt;

&lt;p&gt;
會變這樣：
&lt;/p&gt;
&lt;div class=&quot;thumb2 trien&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?tok=6d044d&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F5a74bb5ab613889b8063e4a25fa66c8e.png&quot; class=&quot;media&quot; title=&quot;http://mimg.tk/uploads/big/5a74bb5ab613889b8063e4a25fa66c8e.png&quot;&gt;&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?w=174&amp;amp;tok=060088&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2F5a74bb5ab613889b8063e4a25fa66c8e.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;174&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot; style=&quot;max-width: 168px&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 解決樹根位置：&lt;pre class=&quot;code css&quot;&gt;div&lt;span class=&quot;re1&quot;&gt;.tp&lt;/span&gt; p &lt;span class=&quot;br0&quot;&gt;&amp;#123;&lt;/span&gt;
&lt;span class=&quot;kw1&quot;&gt;margin&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nu0&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;br0&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;

&lt;p&gt;
（原本 p 都有一個 10px 的上下 margin ← 拿掉）
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 之前的設計，下面有子目的話，還是都要弄 &lt;code&gt;tp&lt;/code&gt;，所以重弄一個：&lt;pre class=&quot;code&quot;&gt;&amp;lt;div nodetree&amp;gt;
&amp;lt;div tp&amp;gt;樹根&amp;lt;/div&amp;gt;
  * &amp;lt;div tp&amp;gt;行嗎&amp;lt;/div&amp;gt;
    * 子目
    * 子目
  * &amp;lt;div tp&amp;gt;來棵樹&amp;lt;/div&amp;gt;
    * 子目
    * 子目
    * 子目
  * &amp;lt;div tp&amp;gt;吧&amp;lt;/div&amp;gt;
    * 子目
    * 子目
&amp;lt;/div&amp;gt;&lt;/pre&gt;
&lt;div class=&quot;thumb2 trien&quot;&gt;&lt;div class=&quot;thumbinner&quot;&gt;&lt;a href=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?tok=925253&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2Fd6cd80491fa29ed0387495f578f30df1.png&quot; class=&quot;media&quot; title=&quot;http://mimg.tk/uploads/big/d6cd80491fa29ed0387495f578f30df1.png&quot;&gt;&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/exe/fetch.php?w=208&amp;amp;tok=08feb0&amp;amp;media=http%3A%2F%2Fmimg.tk%2Fuploads%2Fbig%2Fd6cd80491fa29ed0387495f578f30df1.png&quot; class=&quot;mediabox2&quot; alt=&quot;&quot; width=&quot;208&quot; /&gt;&lt;/a&gt;&lt;div class=&quot;thumbcaption&quot; style=&quot;max-width: 202px&quot;&gt;目前成果&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;
先這樣，改天再來繼續研究調整
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:17,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;plugin_wrap&quot;&gt;&lt;hr /&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:18,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;NodeTree&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;nodetree&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:4,&amp;quot;secid&amp;quot;:10,&amp;quot;range&amp;quot;:&amp;quot;4439-&amp;quot;} --&gt;&lt;div class=&quot;footnotes&quot;&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__24&quot; id=&quot;fn__24&quot; class=&quot;fn_bot&quot;&gt;24)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;順帶一提：DW 的新 Flarum 論壇系統超好用的！Markdown 語法的清單語法還支援多行內容及行內 code block、圖片！讚啦！&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/teeth_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:D&quot; /&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/popup">
        <dc:format>text/html</dc:format>
        <dc:date>2020-04-01T01:25:13+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>開發 DokuWiki popup plugin</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/popup</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;開發_dokuwiki_popup_plugin&quot;&gt;開發 DokuWiki popup plugin&lt;/h1&gt;

&lt;p&gt;
緣起：
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_include_start&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;dokuwiki:syntax:popup&amp;quot;,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;plugin_include_content plugin_include__dokuwiki:syntax:popup&quot;&gt;

&lt;p&gt;
實在受夠 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 欠缺一個真正的 popup plugin 了！
&lt;/p&gt;

&lt;p&gt;
用 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; 做，也不難啊！（但看來至少一定要附 JS）
&lt;/p&gt;
&lt;ol&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; ☞ &lt;a href=&quot;https://www.w3schools.com/howto/howto_js_popup.asp&quot; class=&quot;urlextern&quot; title=&quot;https://www.w3schools.com/howto/howto_js_popup.asp&quot; rel=&quot;ugc nofollow&quot;&gt;How To Create Popups&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 然後，透過 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Ainlinejs&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Ainlinejs&quot;&gt;plugin:inlinejs&lt;/a&gt;，把範例 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; + &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; + JS 放到任何一個 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 頁面上，&lt;a class=&quot;folder&quot; href=&quot;#folded_1f8c81042630ebf33bcccb49ec2300f5_17&quot;&gt;也能順利呈現啊！ &lt;/a&gt;&lt;span class=&quot;folded hidden&quot; id=&quot;folded_1f8c81042630ebf33bcccb49ec2300f5_17&quot;&gt;
&lt;div class=&quot;popup&quot; onclick=&quot;myFunction()&quot;&gt;khíeu
  &lt;span class=&quot;popuptext&quot; id=&quot;myPopup&quot;&gt;箍 &lt;span class=&quot;wrap_zh&quot;&gt;圈起來&lt;/span&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- 
/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: &quot;&quot;;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
 --&gt;
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
/*&lt;![CDATA[*/
// When the user clicks on &lt;div&gt;, open the popup
function myFunction() {
  var popup = document.getElementById(&quot;myPopup&quot;);
  popup.classList.toggle(&quot;show&quot;);
}
/*!]]&gt;*/
&lt;/script&gt;

&lt;p&gt;
&lt;/span&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 而且我測試過了，popup 內的文字，也可以打入自訂的文字及任何 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; 元素&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;
那麼，就試試把它&lt;a href=&quot;http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/popup&quot; class=&quot;wikilink1&quot; title=&quot;dokuwiki:dev:plugin:popup&quot; data-wiki-id=&quot;dokuwiki:dev:plugin:popup&quot;&gt;做成 plugin&lt;/a&gt;，大幅簡化輸入？
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 當然，比較簡單的方法，似乎是把 JS 放到 conf/userscript.js 中就可以用了&lt;sup&gt;&lt;a href=&quot;#fn__25&quot; id=&quot;fnt__25&quot; class=&quot;fn_top&quot;&gt;25)&lt;/a&gt;&lt;/sup&gt; &lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_include_editbtn&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u81ea\u52a9&amp;quot;,&amp;quot;secid&amp;quot;:4,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;inclmeta level&quot;&gt;
	&lt;a href=&quot;http://ciangbrides.myds.me/dw/dokuwiki/syntax/popup#自助&quot; class=&quot;wikilink1 permalink&quot; title=&quot;dokuwiki:syntax:popup#自助&quot; rel=&quot;bookmark&quot;&gt;自助&lt;/a&gt;
	&amp;middot; &lt;span class=&quot;vcard author&quot;&gt;ghsrobert&lt;/span&gt;
&lt;/div&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_include_end&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;dokuwiki:syntax:popup&amp;quot;,&amp;quot;secid&amp;quot;:3,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;/div&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u958b\u767c DokuWiki popup plugin&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u958b\u767c_dokuwiki_popup_plugin&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-95&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit5&quot; id=&quot;目標&quot;&gt;目標&lt;/h2&gt;
&lt;ol&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 簡單的輸入語法&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; popup 內使用一般 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; markup 而非 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 從 &lt;code&gt;getElementById&lt;/code&gt; 變為 &lt;code&gt;getElementByClassName&lt;/code&gt;？&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u76ee\u6a19&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u76ee\u6a19&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:5,&amp;quot;range&amp;quot;:&amp;quot;96-252&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit6&quot; id=&quot;參考&quot;&gt;參考&lt;/h2&gt;
&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 開發 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; plugin 一般要點：&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://www.dokuwiki.org/devel%3Aplugins&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Aplugins&quot;&gt;devel:plugins&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://www.dokuwiki.org/devel%3Aplugin_file_structure&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Aplugin_file_structure&quot;&gt;devel:plugin_file_structure&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://www.dokuwiki.org/devel%3Aplugin_programming_tips&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Aplugin_programming_tips&quot;&gt;devel:plugin_programming_tips&lt;/a&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; pseudo-plugin&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u53c3\u8003&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u53c3\u8003&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:6,&amp;quot;range&amp;quot;:&amp;quot;253-448&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit7&quot; id=&quot;實做&quot;&gt;實做&lt;/h2&gt;

&lt;p&gt;
&lt;sup&gt;20200321&lt;/sup&gt; 準備開始。
&lt;/p&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200322&lt;/sup&gt; 把最基本的 &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; + JS 做成 pseudo-plugin，
&lt;/p&gt;
&lt;p&gt;&lt;a class=&quot;folder&quot; href=&quot;#folded_1f8c81042630ebf33bcccb49ec2300f5_18&quot;&gt;搭配類似像這裡面的 HTML 標記碼（而非 DokuWiki 自身語法） &lt;/a&gt;&lt;/p&gt;&lt;div class=&quot;folded hidden&quot; id=&quot;folded_1f8c81042630ebf33bcccb49ec2300f5_18&quot;&gt;&lt;pre class=&quot;code html4strict&quot;&gt;&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;div&lt;/span&gt;&lt;/a&gt; &lt;span class=&quot;kw3&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;popup&amp;quot;&lt;/span&gt; &lt;span class=&quot;kw3&quot;&gt;onclick&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;myFunction()&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;Click me!
  &lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/span.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;span&lt;/span&gt;&lt;/a&gt; &lt;span class=&quot;kw3&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;popuptext&amp;quot;&lt;/span&gt; &lt;span class=&quot;kw3&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;myPopup&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;Popup text...&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/span.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;span&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;
→ 最粗略的 v0.1 &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/releases/tag/v0.1&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/releases/tag/v0.1&quot; rel=&quot;ugc nofollow&quot;&gt;Release Original basic method, working · GJRobert/dokuwiki-plugin-popup&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;
然後開始實做 syntax：拿 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Aruby&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Aruby&quot;&gt;plugin:ruby&lt;/a&gt; 的 syntax.php 來改，目前想先用 &lt;code&gt;[按鈕]^^泡泡內容^^&lt;/code&gt; 這樣的語法。
&lt;/p&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200323&lt;/sup&gt; &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/commit/5cd1c31d15b6cef09c349f4c3e37a61b0562c728&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/commit/5cd1c31d15b6cef09c349f4c3e37a61b0562c728&quot; rel=&quot;ugc nofollow&quot;&gt;這個 commit 初步成功&lt;/a&gt;，但有多個要修改的問題，而且目前想用的語法似乎會和連結語法 &lt;code&gt;[[...]]&lt;/code&gt; 衝突，可能需要改。
&lt;/p&gt;
&lt;p&gt;&lt;a class=&quot;folder&quot; href=&quot;#folded_1f8c81042630ebf33bcccb49ec2300f5_19&quot;&gt;插曲：一次自動新增多個 GitHub issue &lt;/a&gt;&lt;/p&gt;&lt;div class=&quot;folded hidden&quot; id=&quot;folded_1f8c81042630ebf33bcccb49ec2300f5_19&quot;&gt;
&lt;p&gt;
找到 &lt;a href=&quot;https://github.com/Ricky54326/Github-Auto-Issue-Creator&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/Ricky54326/Github-Auto-Issue-Creator&quot; rel=&quot;ugc nofollow&quot;&gt;Ricky54326/Github-Auto-Issue-Creator: An automatic issue creator for Github, written in Python. It&amp;#039;ll go through your entire git repo, look for any lines that start with TODO: and add them as issues to your repo.&lt;/a&gt;&lt;br /&gt;
下載來用，卻看到 
&lt;/p&gt;
&lt;pre class=&quot;code python&quot;&gt;Traceback &lt;span class=&quot;br0&quot;&gt;&amp;#40;&lt;/span&gt;most recent call last&lt;span class=&quot;br0&quot;&gt;&amp;#41;&lt;/span&gt;:
  File &lt;span class=&quot;st0&quot;&gt;&amp;quot;./autoissue.py&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; line &lt;span class=&quot;nu0&quot;&gt;207&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;lt;&lt;/span&gt;module&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;
    main&lt;span class=&quot;br0&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#41;&lt;/span&gt;
  File &lt;span class=&quot;st0&quot;&gt;&amp;quot;./autoissue.py&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; line &lt;span class=&quot;nu0&quot;&gt;170&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;in&lt;/span&gt; main
    &lt;span class=&quot;kw1&quot;&gt;from&lt;/span&gt; github &lt;span class=&quot;kw1&quot;&gt;import&lt;/span&gt; createIssues
  File &lt;span class=&quot;st0&quot;&gt;&amp;quot;/Volumes/SD/tmp/Github-Auto-Issue-Creator-master/github.py&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; line &lt;span class=&quot;nu0&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;lt;&lt;/span&gt;module&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;
    &lt;span class=&quot;kw1&quot;&gt;import&lt;/span&gt; requests
&lt;span class=&quot;kw2&quot;&gt;ImportError&lt;/span&gt;: No module named requests&lt;/pre&gt;

&lt;p&gt;
少了 Python &lt;code&gt;requests&lt;/code&gt; 模組，變成還得再想辦法安裝
&lt;/p&gt;

&lt;p&gt;
執行了 &lt;code&gt;$ which -a python python2 python2.7 python3 python3.6&lt;/code&gt;&lt;sup&gt;&lt;a href=&quot;#fn__26&quot; id=&quot;fnt__26&quot; class=&quot;fn_top&quot;&gt;26)&lt;/a&gt;&lt;/sup&gt;，發現我有：
&lt;/p&gt;
&lt;pre class=&quot;code&quot;&gt;/usr/bin/python
/usr/bin/python2.7
/usr/local/bin/python3&lt;/pre&gt;

&lt;p&gt;
3 份 Python
&lt;/p&gt;

&lt;p&gt;
&lt;a href=&quot;https://stackoverflow.com/questions/54484536/installing-requests-python-library-on-macos/54484665&quot; class=&quot;urlextern&quot; title=&quot;https://stackoverflow.com/questions/54484536/installing-requests-python-library-on-macos/54484665&quot; rel=&quot;ugc nofollow&quot;&gt;這裡&lt;/a&gt;有人建議不要在 macOS 隨附的 Python 中安裝 requests 模組，而且 macOS 的 Python 2.7.10 很誇張，沒有 pip，也沒有 easty_install ∴我決定改用 Python 3↓
&lt;/p&gt;
&lt;pre class=&quot;code bash&quot;&gt;&lt;span class=&quot;co4&quot;&gt;$ &lt;/span&gt;pip3 &lt;span class=&quot;kw2&quot;&gt;install&lt;/span&gt; requests&lt;/pre&gt;

&lt;p&gt;
但接下來 Python 3 執行那個腳本，卻又語法錯誤 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/sad_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:(&quot; /&gt;
&lt;/p&gt;
&lt;pre class=&quot;code python&quot;&gt;$ python3 ./autoissue.&lt;span class=&quot;me1&quot;&gt;py&lt;/span&gt; -i -p /Volumes/SD/Dropbox/projects/dokuwiki-plugin-popup/ -s &lt;span class=&quot;st0&quot;&gt;'FIXME'&lt;/span&gt;
  File &lt;span class=&quot;st0&quot;&gt;&amp;quot;./autoissue.py&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; line &lt;span class=&quot;nu0&quot;&gt;37&lt;/span&gt;
    &lt;span class=&quot;kw1&quot;&gt;except&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;IOError&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;as&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#40;&lt;/span&gt;eno&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; strerror&lt;span class=&quot;br0&quot;&gt;&amp;#41;&lt;/span&gt;:
                      ^
&lt;span class=&quot;kw2&quot;&gt;SyntaxError&lt;/span&gt;: invalid syntax&lt;/pre&gt;

&lt;p&gt;
所幸有 Python3 的腳本：&lt;a href=&quot;https://github.com/Ricky54326/Github-Auto-Issue-Creator/tree/python3&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/Ricky54326/Github-Auto-Issue-Creator/tree/python3&quot; rel=&quot;ugc nofollow&quot;&gt;Ricky54326/Github-Auto-Issue-Creator at python3&lt;/a&gt;&lt;br /&gt;
→ 執行了卻找不到任何 issue &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/sad_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:(&quot; /&gt;
&lt;/p&gt;

&lt;p&gt;
↑放棄上面的腳本，結果透過 Zapier，順利把記錄在 Google Spreadsheet 上的 issue，自動加到 GitHub 去了。還是要靠專業的來啊！🆗🔚
&lt;/p&gt;
&lt;/div&gt;&lt;hr /&gt;

&lt;p&gt;
3/23 晚上，改成了 &lt;code&gt;[^按鈕文字^]^^泡泡內容^^&lt;/code&gt;&lt;br /&gt;
然後又改用 &lt;code&gt;[^按鈕文字^](^泡泡內容^)&lt;/code&gt;，暫時可能會先用這個，再來可能要先處理別的問題了 ☞ &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues&quot; rel=&quot;ugc nofollow&quot;&gt;Issues · GJRobert/dokuwiki-plugin-popup&lt;/a&gt;，我可能要想辦法做個表把這些 issue 排個優先順序
&lt;/p&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200324&lt;/sup&gt; 來研究 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Afolded&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Afolded&quot;&gt;plugin:folded&lt;/a&gt; 的 /syntax，並參考 &lt;a href=&quot;https://www.dokuwiki.org/devel%3Asyntax_plugins&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Asyntax_plugins&quot;&gt;devel:syntax_plugins&lt;/a&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 看來 &lt;code&gt;getType()&lt;/code&gt; 應該用 &lt;code&gt;formatting&lt;/code&gt; 或 &lt;code&gt;container&lt;/code&gt; 的&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200325&lt;/sup&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 先把按鈕的 div 改為 span 試試 → inline ✅（GitHub 自動把 &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/5&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/5&quot; rel=&quot;ugc nofollow&quot;&gt;Issue #5&lt;/a&gt; close 掉了！真神奇 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/omg_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:o&quot; /&gt;）&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 如果變 inline 的話，就一定需要適當的 style 來顯示 button 了&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 突然想到，以前 TiddlyWiki 的 popup，可以設成只需 hover、不需 click ∴這次我可能也可以考慮是否要調整成不一樣的行為；樣式方面，如果只要 hover 的話，可能不一定要做成有陰影的按鈕&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; → 開了一個 branch「ohhover」來修改。但是隨即發現，不是叫 &lt;code&gt;onhover&lt;/code&gt;，而是 &lt;code&gt;oumouseover&lt;/code&gt; 糗 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/XD.png&quot; class=&quot;icon&quot; alt=&quot;XD&quot; /&gt;&lt;sup&gt;&lt;a href=&quot;#fn__27&quot; id=&quot;fnt__27&quot; class=&quot;fn_top&quot;&gt;27)&lt;/a&gt;&lt;/sup&gt;&lt;br/&gt;
→ 好了，總之弄出來了。&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200330&lt;/sup&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 昨天承 3/24，試著開始修改 &lt;code&gt;getType()&lt;/code&gt; 等，想解決容納其他 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 語法的問題，但參考發現要改的甚多 ∴暫時改到一半，留在 master branch 裡 ☞ &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/3#issuecomment-605675832&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/3#issuecomment-605675832&quot; rel=&quot;ugc nofollow&quot;&gt;#3 1 hour ago&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 語法不好啃，改改 style 總行了吧？→ 開 styles branch 並試做基本樣式，再 merge 到另兩個 branch = close 掉 &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/9&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/9&quot; rel=&quot;ugc nofollow&quot;&gt;#9 Proper style for button&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200331&lt;/sup&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 再找找看其他可資參考的 plugin：&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; abbr 似乎不是我要的 ∵它產生的也是 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; &amp;lt;abbr&amp;gt; tag，裡面應該是裝不了 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 語法&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 內建 footnote 功能其實挺不錯的，要是可以擴充就好了&lt;br/&gt;
↑嗚 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/tears.gif&quot; class=&quot;icon&quot; alt=&quot;QQ&quot; /&gt; 好幾支 core script 要看喔，主要在 /inc/parser 裡的樣子，handler、lexer、parser、renderer、xhtml 等 .php 可能都有 &lt;code&gt;&amp;quot;@@&lt;/code&gt;&amp;quot;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; autotooltip？← 應該不行，它的 getType() 也是 &lt;code&gt;substition&lt;/code&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://ciangbrides.myds.me/dw/tag/%E6%9C%AA%E5%AE%8C%E6%88%90?do=showtag&amp;amp;tag=%E6%9C%AA%E5%AE%8C%E6%88%90&quot; class=&quot;wikilink1&quot; title=&quot;tag:未完成&quot; rel=&quot;tag&quot;&gt;未完成&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u5be6\u505a&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u5be6\u505a&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:7,&amp;quot;range&amp;quot;:&amp;quot;449-&amp;quot;} --&gt;&lt;div class=&quot;footnotes&quot;&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__25&quot; id=&quot;fn__25&quot; class=&quot;fn_bot&quot;&gt;25)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;&lt;a href=&quot;https://www.dokuwiki.org/devel%3Ajavascript&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Ajavascript&quot;&gt;devel:javascript&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__26&quot; id=&quot;fn__26&quot; class=&quot;fn_bot&quot;&gt;26)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;&lt;a href=&quot;https://stackoverflow.com/questions/33175827/what-version-of-python-is-on-my-mac&quot; class=&quot;urlextern&quot; title=&quot;https://stackoverflow.com/questions/33175827/what-version-of-python-is-on-my-mac&quot; rel=&quot;ugc nofollow&quot;&gt;macos - What version of Python is on my Mac? - Stack Overflow&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__27&quot; id=&quot;fn__27&quot; class=&quot;fn_bot&quot;&gt;27)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;&lt;a href=&quot;https://stackoverflow.com/questions/15486376/javascript-function-onhover-in-div&quot; class=&quot;urlextern&quot; title=&quot;https://stackoverflow.com/questions/15486376/javascript-function-onhover-in-div&quot; rel=&quot;ugc nofollow&quot;&gt;JavaScript function onhover in &amp;lt;div&amp;gt; - Stack Overflow&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin">
        <dc:format>text/html</dc:format>
        <dc:date>2020-03-23T21:20:22+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>開發 DokuWiki plugin</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;開發_dokuwiki_plugin&quot;&gt;開發 DokuWiki plugin&lt;/h1&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u958b\u767c DokuWiki plugin&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u958b\u767c_dokuwiki_plugin&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-38&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit2&quot; id=&quot;做法&quot;&gt;做法&lt;/h2&gt;

&lt;p&gt;
我目前是這樣弄：
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 【撰寫、修改】專案主資料夾放在 Dropbox/projects 下，命名通常是 &lt;code&gt;dokuwiki-plugin-xxx&lt;/code&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 【安裝、測試】↑把上面主資料夾下的檔案壓縮後，用 DW「手動安裝」該 zip 檔後餵給 dw/lib/plugins&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 【壓縮】用 macOS 內建的 zip 指令 &lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_start&amp;quot;,&amp;quot;secid&amp;quot;:3,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;ex plugin_wrap&quot;&gt;&lt;pre class=&quot;code bash&quot;&gt;&lt;span class=&quot;co4&quot;&gt;$ &lt;/span&gt;&lt;span class=&quot;kw2&quot;&gt;zip&lt;/span&gt; &lt;span class=&quot;re5&quot;&gt;-r&lt;/span&gt; FileName.zip DirName&lt;/pre&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_wrap_end&amp;quot;,&amp;quot;secid&amp;quot;:4,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;
&lt;p&gt;
而不要用 Finder 的壓縮功能
&lt;/p&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 【Git】repo 直接用 Dropbox 裡的這個專案資料夾，再用 GitHub Desktop 同步上網&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u505a\u6cd5&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u505a\u6cd5&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;39-&amp;quot;} --&gt;</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/shortcut/add-new-page/ios">
        <dc:format>text/html</dc:format>
        <dc:date>2019-12-02T22:28:23+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>iOS 新增頁面的捷徑</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/shortcut/add-new-page/ios</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;ios_新增頁面的捷徑&quot;&gt;iOS 新增頁面的捷徑&lt;/h1&gt;

&lt;h1 id=&quot;ios_新增頁面的捷徑&quot;&gt;iOS 新增頁面的捷徑&lt;/h1&gt;
&lt;p&gt;
類似 &lt;a href=&quot;http://ciangbrides.myds.me/dw/dokuwiki/dev/shortcut/add-new-page/macos&quot; class=&quot;wikilink1&quot; title=&quot;dokuwiki:dev:shortcut:add-new-page:macos&quot; data-wiki-id=&quot;dokuwiki:dev:shortcut:add-new-page:macos&quot;&gt;macOS 新增頁面的捷徑&lt;/a&gt;，但在 iOS 上利用「捷徑」app 做實在容易太多了，簡直毫無技術難度可言！&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/哈.gif&quot; class=&quot;icon&quot; alt=&quot;&amp;lt;&amp;lt;哈&amp;gt;&amp;gt;&quot; /&gt; macOS 實在不夠長進，Apple 該被打屁股。
&lt;/p&gt;

&lt;p&gt;
→ 成品之一：&lt;a href=&quot;https://www.icloud.com/shortcuts/5f3b7c8ba6d9468a8f8222459b613850&quot; class=&quot;urlextern&quot; title=&quot;https://www.icloud.com/shortcuts/5f3b7c8ba6d9468a8f8222459b613850&quot; rel=&quot;ugc nofollow&quot;&gt;新增 GHSRobert.tk tweet&lt;/a&gt;
&lt;/p&gt;

&lt;script&gt;
jQuery(document).ready(function(){
    jQuery(&quot;.slide-export-link a:last&quot;).each(function(){
        var elem = jQuery(this);
        var count = (elem.attr(&quot;href&quot;).match(/\?/g) || []).length;
        if (count == 0) {
            elem.attr(&quot;href&quot;, elem.attr(&quot;href&quot;).replace(&quot;&amp;print-pdf&quot;,&quot;?print-pdf&quot;));
        }
    });
    jQuery(&quot;.fix-my-direction&quot;).each(function(){
        var elem = jQuery(this);
        elem.removeClass(&quot;fix-my-direction&quot;);
        if (elem.next().find(&quot;h1,h2&quot;).length &gt; 0) {
            elem.text(&quot;→&quot; + elem.text());
        }
        else {
            elem.text(&quot;↓&quot; + elem.text());
        }
    });
});
&lt;/script&gt;</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/shortcut/add-new-page/macos">
        <dc:format>text/html</dc:format>
        <dc:date>2019-12-02T21:20:43+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>macOS 新增頁面的捷徑</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/shortcut/add-new-page/macos</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;macos_新增頁面的捷徑&quot;&gt;macOS 新增頁面的捷徑&lt;/h1&gt;

&lt;h1 id=&quot;macos_新增頁面的捷徑&quot;&gt;macOS 新增頁面的捷徑&lt;/h1&gt;
&lt;p&gt;
在 macOS 上&lt;sub&gt;（Windows 也有吧？）&lt;/sub&gt;用 Todoist 時，可以按快捷鍵即時叫出小輸入條來快速新增待辦事項，後來，如果我有想暫記的事情，也會先這樣存到 Todoist 上。如果新增 DokuWiki 頁面也能這麼簡單直接就好了！
&lt;/p&gt;

&lt;p&gt;
後來首先使用了 DokuWiki 的 newpagetemplate + openas 兩個 plugin 做了新增頁面的表單（GHS 上的 diary:new）。前兩天發現它是將輸入的文字轉成 &lt;abbr title=&quot;Uniform Resource Locator&quot;&gt;URL&lt;/abbr&gt; 參數後餵給瀏覽器來轉譯及開啟，所以就想到：那如果用 AppleScript 或 Automator 寫個應用程式，引導輸入必要欄位，或許可以讓新增頁面、捕捉想法的過程更快捷？
&lt;/p&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20191201&lt;/sup&gt;【初步成果】「新增 tweet」：
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 逐個小 dialog（input）輸入年、月、日、標題、標籤&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 將標題、標籤中的非 &lt;abbr title=&quot;American Standard Code for Information Interchange&quot;&gt;ASCII&lt;/abbr&gt; 字元轉譯為 &lt;abbr title=&quot;Uniform Resource Locator&quot;&gt;URL&lt;/abbr&gt; 編碼後，開在預設瀏覽器（用 &lt;code&gt;open location&lt;/code&gt;）&lt;sup&gt;&lt;a href=&quot;#fn__8&quot; id=&quot;fnt__8&quot; class=&quot;fn_top&quot;&gt;8)&lt;/a&gt;&lt;/sup&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;20191202&lt;/sup&gt; 小改一個「新增 post」&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;
參考：
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://www.urlencoder.org/&quot; class=&quot;urlextern&quot; title=&quot;https://www.urlencoder.org/&quot; rel=&quot;ugc nofollow&quot;&gt;URL Encode and Decode - Online&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://developer.apple.com/library/archive/documentation/LanguagesUtilities/Conceptual/MacAutomationScriptingGuide/PromptforText.html#//apple_ref/doc/uid/TP40016239-CH80-SW1&quot; class=&quot;urlextern&quot; title=&quot;https://developer.apple.com/library/archive/documentation/LanguagesUtilities/Conceptual/MacAutomationScriptingGuide/PromptforText.html#//apple_ref/doc/uid/TP40016239-CH80-SW1&quot; rel=&quot;ugc nofollow&quot;&gt;Mac Automation Scripting Guide: Prompting for Text&lt;/a&gt;：很有用的初步寫碼參考，讓我確定要用 AppleScript 而不是 Automator，因為 Automator 好像沒有那麼容易寫 dialog？&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/fixme.gif&quot; class=&quot;icon&quot; alt=&quot;FIXME&quot; /&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://discussions.apple.com/thread/2031330&quot; class=&quot;urlextern&quot; title=&quot;https://discussions.apple.com/thread/2031330&quot; rel=&quot;ugc nofollow&quot;&gt;Use default browser in custom Apple Scrip… - Apple Community&lt;/a&gt;：教我用很簡單的 &lt;code&gt;open location&lt;/code&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://developer.apple.com/library/archive/documentation/LanguagesUtilities/Conceptual/MacAutomationScriptingGuide/EncodeandDecodeText.html#//apple_ref/doc/uid/TP40016239-CH51-SW1&quot; class=&quot;urlextern&quot; title=&quot;https://developer.apple.com/library/archive/documentation/LanguagesUtilities/Conceptual/MacAutomationScriptingGuide/EncodeandDecodeText.html#//apple_ref/doc/uid/TP40016239-CH51-SW1&quot; rel=&quot;ugc nofollow&quot;&gt;Mac Automation Scripting Guide: Encoding and Decoding Text&lt;/a&gt;（編碼方面的初步參考，但注意裡面的函式其實無法轉譯漢字。我甚至不確定能否順利轉譯其他字元，有可能只能處理歐美環境中的一些符號吧！）&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 其他分享在網路上的 encoding 函式……大多沒什麼用&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; ★&lt;a href=&quot;https://gist.github.com/hytti/57d056852ff603cf9c9287414bdd595e&quot; class=&quot;urlextern&quot; title=&quot;https://gist.github.com/hytti/57d056852ff603cf9c9287414bdd595e&quot; rel=&quot;ugc nofollow&quot;&gt;An AppleScript for encoding text for use in a URL (UTF8)&lt;/a&gt;&lt;br/&gt;
（這個函式才是真正可以順利轉譯包括漢字在內非 &lt;abbr title=&quot;American Standard Code for Information Interchange&quot;&gt;ASCII&lt;/abbr&gt; 字元的，我擷取的是 &lt;code&gt;encode_&lt;/code&gt; 開頭的 3 個函式）&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; AppleScript 基本知識：&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://developer.apple.com/library/archive/documentation/AppleScript/Conceptual/AppleScriptLangGuide/conceptual/ASLR_variables.html&quot; class=&quot;urlextern&quot; title=&quot;https://developer.apple.com/library/archive/documentation/AppleScript/Conceptual/AppleScriptLangGuide/conceptual/ASLR_variables.html&quot; rel=&quot;ugc nofollow&quot;&gt;Variables and Properties&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://en.wikibooks.org/wiki/AppleScript_Programming/Numbers_and_strings&quot; class=&quot;urlextern&quot; title=&quot;https://en.wikibooks.org/wiki/AppleScript_Programming/Numbers_and_strings&quot; rel=&quot;ugc nofollow&quot;&gt;AppleScript Programming/Numbers and strings&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;macOS \u65b0\u589e\u9801\u9762\u7684\u6377\u5f91&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;macos_\u65b0\u589e\u9801\u9762\u7684\u6377\u5f91&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-2822&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit2&quot; id=&quot;改進&quot;&gt;改進&lt;/h2&gt;

&lt;h2 id=&quot;改進&quot;&gt;改進&lt;/h2&gt;&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 單頁式的 dialog 一次顯示所有的欄位，確認好再導向 DokuWiki 新增頁面，甚至以後可能就權充桌面 client&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://apple.stackexchange.com/questions/337256/custom-dialog-box-in-automator&quot; class=&quot;urlextern&quot; title=&quot;https://apple.stackexchange.com/questions/337256/custom-dialog-box-in-automator&quot; rel=&quot;ugc nofollow&quot;&gt;applescript - Custom dialog box in Automator? - Ask Different&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; ☞ &lt;a href=&quot;https://www.macosxautomation.com/applescript/apps/Script_Libs.html#DialogToolkit&quot; class=&quot;urlextern&quot; title=&quot;https://www.macosxautomation.com/applescript/apps/Script_Libs.html#DialogToolkit&quot; rel=&quot;ugc nofollow&quot;&gt;Dialog Toolkit&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u6539\u9032&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u6539\u9032&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;2823-&amp;quot;} --&gt;&lt;div class=&quot;footnotes&quot;&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__8&quot; id=&quot;fn__8&quot; class=&quot;fn_bot&quot;&gt;8)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;本來以為可能會有字元需要被 escape 掉，不過編碼好就好了&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
jQuery(document).ready(function(){
    jQuery(&quot;.slide-export-link a:last&quot;).each(function(){
        var elem = jQuery(this);
        var count = (elem.attr(&quot;href&quot;).match(/\?/g) || []).length;
        if (count == 0) {
            elem.attr(&quot;href&quot;, elem.attr(&quot;href&quot;).replace(&quot;&amp;print-pdf&quot;,&quot;?print-pdf&quot;));
        }
    });
    jQuery(&quot;.fix-my-direction&quot;).each(function(){
        var elem = jQuery(this);
        elem.removeClass(&quot;fix-my-direction&quot;);
        if (elem.next().find(&quot;h1,h2&quot;).length &gt; 0) {
            elem.text(&quot;→&quot; + elem.text());
        }
        else {
            elem.text(&quot;↓&quot; + elem.text());
        }
    });
});
&lt;/script&gt;</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/mine">
        <dc:format>text/html</dc:format>
        <dc:date>2019-10-23T04:20:36+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>我開發的 DokuWiki plugin</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/mine</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;我開發的_dokuwiki_plugin&quot;&gt;我開發的 DokuWiki plugin&lt;/h1&gt;
&lt;ol&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a name=&quot;formatplus2&quot;&gt;&lt;/a&gt;
&lt;p&gt;
&lt;span class=&quot;wrap_imp &quot;&gt;formatplus2&lt;/span&gt;：&lt;sup&gt;20171022&lt;/sup&gt; 前陣子解決 &lt;a href=&quot;http://ciangbrides.myds.me/dw/dokuwiki/bugs/formatplus-jquery&quot; class=&quot;wikilink1&quot; title=&quot;dokuwiki:bugs:formatplus-jquery&quot; data-wiki-id=&quot;dokuwiki:bugs:formatplus-jquery&quot;&gt;formatplus jQuery 型別錯誤&lt;/a&gt;後，&lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-formatplus2&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-formatplus2&quot; rel=&quot;ugc nofollow&quot;&gt;fork 在 GitHub 上&lt;/a&gt;，今天 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Aformatplus2&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Aformatplus2&quot;&gt;po 到 DokuWiki.org 去&lt;/a&gt;；只是 fork 人家的成果後小修一下，修改的內容也是從網路上取來的 ∴&lt;em class=&quot;u&quot;&gt;稱不上開發！&lt;/em&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 在 DokuWiki.org 上，登入後建立一個 &lt;code&gt;plugin:formatplus2&lt;/code&gt; 頁面，一開始就有個 template 可供填寫、修改了，真方便&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 雖然大致是照 template 填了，也順利測試可以透過 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 的管理介面搜尋到這個 plugin 並安裝，但發現自己忘了改 plugin 資料夾裡的 plugin.info.txt、VERSION 等資訊，所以一度顯示成和原作者相同的資料 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/XD.png&quot; class=&quot;icon&quot; alt=&quot;XD&quot; /&gt; 然後我修改時又沒有一次到位，GitHub 上的版本日期和資料夾裡的記載又兜不起來……一言難盡啦，搞到今晚發現這個 plugin 無法正常在 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 上發揮功能，而且更新時也一直出錯 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/XD.png&quot; class=&quot;icon&quot; alt=&quot;XD&quot; /&gt;&lt;br/&gt;
↑原來問題出在，原本我是在本機直接改 formatplus plugin 資料夾中的 syntax.php 一個檔案而已，等於是自己的 tweak。可是現在 fork 一個新的 plugin，也取了新名稱「formatplus2」，這樣會導致檔案的路徑都改變，所以各支 php 檔裡面的路徑其實都要改掉才行。&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;22:31&lt;/sup&gt; 還有所有提到 &lt;code&gt;xxx_plugin_formatplus_yyy&lt;/code&gt; 的 class name 也都要加個 &lt;code&gt;2&lt;/code&gt;？← 是的，連這個也改了以後，總算恢復正常了 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/confused_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:s&quot; /&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 這不禁讓我反省，這樣好像為了一點點的虛榮，其實只是一點點的 bug fix，就 fork 出一個全新的 plugin，搞得這麼麻煩……也許我應該是請 Tom 授權我開個 formatplus 的 GitHub repo，也更新該 plugin 的下載連結，然後我再 commit 到該 repo 就好？&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/thinking_smiley.gif&quot; class=&quot;icon&quot; alt=&quot;&amp;lt;&amp;lt;思&amp;gt;&amp;gt;&quot; /&gt;&lt;br/&gt;
→ 寫信詢問 Tom 了，等他意見&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;20171107&lt;/sup&gt; 今天透過 &lt;a href=&quot;https://www.dokuwiki.org/devel%3Abadextensions&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Abadextensions&quot;&gt;devel:badextensions [DokuWiki]&lt;/a&gt; 這頁發現我的 plugin.info.txt 中少了 &lt;code&gt;base&lt;/code&gt; 的宣告？☞ &lt;a href=&quot;https://www.dokuwiki.org/devel%3Aplugin_info&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Aplugin_info&quot;&gt;devel:plugin_info [DokuWiki]&lt;/a&gt; 唉，這不能怪我啊，formatplus 原本就沒寫……&lt;sub&gt;（但他的 plugin 怎麼沒有被舉發錯誤？）&lt;/sub&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; 趕快修改 plugin.info.txt，把 &lt;code&gt;base    formatplus2&lt;/code&gt; 這行加進去，並透過 GitHub Desktop commit 並上傳了&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; devel:badextensions 這頁不會立刻更新，看了一下它的更新紀錄，原來每天定期更新的，不知道是哪裡有腳本還是？真厲害。DW 的世界感覺比 {!TW:TiddlyWiki}} 更精深博大&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;20191023&lt;/sup&gt; 後來今年 4 月間 Andi（！）有來提出 pull request，我也 merge 了。今天去改了 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 官網上的日期（原來系統判斷有無新版 extension 與否是看那裡！）&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ol&gt;
</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/feed">
        <dc:format>text/html</dc:format>
        <dc:date>2019-03-26T18:14:10+00:00</dc:date>
        <dc:creator>ghsrobert (ghsrobert@undisclosed.example.com)</dc:creator>
        <title>dokuwiki:dev:plugin:feed</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/feed</link>
        <description>&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 建議透過 &lt;abbr title=&quot;Uniform Resource Locator&quot;&gt;URL&lt;/abbr&gt; 中的 &lt;code&gt;title&lt;/code&gt; 參數自訂 feed 標題（目前只能自訂「feed 的連結的標題」）&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;script&gt;
jQuery(document).ready(function(){
    jQuery(&quot;.slide-export-link a:last&quot;).each(function(){
        var elem = jQuery(this);
        var count = (elem.attr(&quot;href&quot;).match(/\?/g) || []).length;
        if (count == 0) {
            elem.attr(&quot;href&quot;, elem.attr(&quot;href&quot;).replace(&quot;&amp;print-pdf&quot;,&quot;?print-pdf&quot;));
        }
    });
    jQuery(&quot;.fix-my-direction&quot;).each(function(){
        var elem = jQuery(this);
        elem.removeClass(&quot;fix-my-direction&quot;);
        if (elem.next().find(&quot;h1,h2&quot;).length &gt; 0) {
            elem.text(&quot;→&quot; + elem.text());
        }
        else {
            elem.text(&quot;↓&quot; + elem.text());
        }
    });
});
&lt;/script&gt;</description>
    </item>
</rdf:RDF>
