Tainanese 台南與我

展示本站使用到的Dokuwiki Plugins¹⁾

plugin:gallery
應用:photos 拍好的相簿放置在該主題之下，讓讀主看主題時先看隨機的兩張相片，節省版面於主題頁，進入gallery則全版面展開所有相片。

{{gallery>:temple?puji_*&lightbox}}

{{gallery> :whereis?icctainan_*&200x200&1280X720&~4&2&showtitle&lightbox }}

相簿頁碼 1 2 3 4 5

台南會展中心2F會議中心	台南會展中心2F會議中心

	台南會展中心歸仁紅瓦厝意象

台南會展中心歸仁紅瓦厝意象	台南會展中心歸仁紅瓦厝意象

plugin:slider
[經驗分享]有時瀏覽器顯示不正常(未完整顯示)時，在前後文插入«WRAP Clear»(Wrap plugin)會有幫助，但非百分百。

<slider playground:mount_blade.jpg>
===== A Headline =====

And some other stuff
<slider playground:guiji-love.jpg>
2
<slider playground:mc-fight.jpg>
3
</slider>

plugin:vshare

• 橫條式的圖檔作為頁尾或較多不同內容的頁面內分隔
  • 作為頁尾(footer)或分隔線(divider)用，後來因頁尾使用了自動分頁(navi)，為簡化版面與避免焦點混淆，把原第一層與第二層的footer移除改做為長頁面的分隔線與分段用。
  • 目前因為台南內容多用NAVI(或section include)作為頁尾，以Simple故不放置footer
  • 使用www.tainan.com.tw根目錄的images:
    • bg br bullet Kenski M Pana S
• plugin:footer 透過創建__footer.txt與plugin可以讓namespace中所有頁面都套用該頁尾，可用於贊助商頁面或是如whereis等主題頁面，但目前尚未使用該plugin，僅spot@/biz@/design@/flower@透過include方式嵌入edithtm 104.8.8

To avoid a certain page from the footer template (e.g. the start page) you can insert this special command

~~NOFOOTER~~

to the content of this page.

第一層的分頁使用footer
[[:domain:start|{{ https://tainan.com.tw/images/footer.gif?nolink |}}]]

第二層的內容使用footer
[[:start|{{ https://www.tainan.com.tw/images/globe_footer.GIF?nolink }}]]

divider
{{https://www.tainan.com.tw/images/wall.gif?nolink}}

• 因為目前Dokuwiki系統預設並不支援(上傳後當成一般檔案)所以轉檔JPG/PNG後再使用是一種做法
  • 早期Kenski在biz用第一種作法，多一道轉檔的工
• 另有人將SVG的XML碼貼入HTML標籤中顯示也是一種做法
  • https://fontawesome.com/ 免費與付費的Font Awesome字體，包含單一SVG或HTML可下載

• 安裝svgEmbed Plugin後並不是原生支援(當成IMG)而會以(OBJECT或EMBED)顯示
  • 目前Kenski在tour的路標使用此法引用wikipedia的svg連結

• Unicode的EMOJI 同於FB文章中常見的各種小圖符號
  • Unicode除了對各國文字的支援外，並把常用的動物、植物、標誌、交通、表情等放入
    • Google Fonts中有Noto Color Emoji字型(彩色/向量字型可以放大)
  • WEB輸入工具 有分大類，如食物、動物…利用剪貼方式輸入
    • https://tw.piliapp.com/emoji/in-blog/
    • https://emoji.julien-marcou.fr/
  • 安裝charpicker plugin替換掉不常用的希臘符號成EMOJI

Plugin:Imapmarker

• HTML時代使用Imagemap可以框圖片的區塊並賦予連結資訊，但僅嵌入html後的圖片沒有隨圖片大小自動調整的功能，也就是說當縮小圖片後圖片中的連結相對位置都不正確。
• 後來找到JQUERY有人寫外掛，但一直沒有成功用在Dokuwiki。後來再看一篇dokuwiki與html的FAQ寫道應該盡量用可用的外掛取代在dokuwiki中使用html，介紹到以imapmarker取代。
  • 經過測試hogfather是可相容的(原寫Unknown)，所以成功解決台南市37分區圖。感謝作者Kai Thöne及相關協作者。
  • 比imagemap多的，語法可以產生文字連結，點擊會以圖標顯示圖片中的相對區塊。

{{imapmarkers>imapmarkers:1744_bowen_map_of_the_world.jpg|Bowen Map of the World, 1744}}
[[https://en.wikipedia.org/wiki/Asia|CON1|Asia @ 456,116,30]]
[[https://en.wikipedia.org/wiki/Africa|CON2|Africa @ 358,167,30]]
[[wp>Australia|CON3|Australia @ 166,134,30]]
{{cfg>}}
  {
    "marker" : "internal",
    "marker-color": "red",
    "clicked-reference-css": { "font-weight": "bold", "color": "red" },
    "area-fillColor": "ff0000",
    "area-fillOpacity": 0.2
  }
{{<cfg}}
{{<imapmarkers}}

{{imapmloc>CON1|Asia}} |
{{imapmloc>CON2|Africa}} |
{{imapmloc>CON3|North America}} |

• 如何更名rename媒體櫃中的檔名
  • 靠後台如capable的檔案管理在data\media目錄下直接改檔名，缺點是內文的連結不會連動更正
  • 使用move plugin在管理選單中，可進行頁面page及媒體櫃media的修改，並連動內文的連結