用 DokuWiki 來寫 blog [Ciang Brides 黃金城]

本頁是唯讀的，您可以看到原始碼，但不能更動它。您如果覺得它不應被鎖上，請詢問管理員。
====== 用 DokuWiki 來寫 blog ======
===== 參考 =====
  * 官方說明\\ {{url>https://www.dokuwiki.org/tips:blogging}}
  * [[http://web.archive.org/web/20120110121631/http://dokuwiki.foosel.org/blogsuite/index.php|這邊]]有列出必裝的及建議的 plugin
    * [[doku>plugin:blog|blog]]\\ {{url>https://www.dokuwiki.org/plugin:blog}}
    * [[doku>plugin:tag|tag]]\\ {{url>https://www.dokuwiki.org/plugin:tag}}
      * 【題外】tag plugin 功能也頗多 ☞ [[dokuwiki:tagging|深入研究]]
      * 原來 tag 並不是必裝，反而 pagelist 才是最重要
    * [[doku>plugin:pagelist|pagelist]]\\ {{url>https://www.dokuwiki.org/plugin:pagelist}}
  * /^20171027^/ 今天偶然發現我之前有裝 [[doku>plugin:miniblog|miniblog]]，但看它的說明頁面完全不知它的視覺效果如何，結果找到[[https://www.lainme.com/doku.php/start|作者 Lainme 的 DokuWiki]] 耶（原來是中國人），發現 miniblog 搭配 disqus 的效果頗理想耶！
    * 因為它只吃 :blog 的樣子，所以考慮是不是裝 [[doku>plugin:crosspost|crosspost]]，把想發表的文章同步發到 :blog 下
  * [[https://www.dokuwiki.org/plugin:blogtng|BlogTNG]] 也挺理想，可惜目前沒更新了
  * [[doku>plugin:include]] 的多樣化參數/選項語法，應該也蠻適合細膩地建立 blog 的彙整頁的

===== 實做 =====
  * <sup>20160527</sup>
      - 開了一個自己的 diary namespace ''//xxx//:diary''
      - 寫了一篇日記 ''//xxx//:diary:20160527''
      - 在自己的 namespace 主頁 ''//xxx//:start'' 上用 ''%%{{blog>%%//xxx//%%:diary?7}}%%'' 的基本語法，就可以順利秀出 ''//xxx//:diary'' 下的最新 7 篇文章，而且也會出現一個簡單的「New blog entry」小表單，輸入新標題再按建立，就會進入編輯 ''//xxx//:diary://yyy//'' 的頁面
        * 如果有裝 [[doku>plugin:tag|tag plugin]] 時，新建的 blog entry 中也會自動帶入 ''%%{{tag>}}%%'' 語法
  * 20160831 在 ''ghsrobert.ml'' animal 的首頁上放了一個全包式的 blog archive：''%%{{autoarchive>*}}%%'' → 一個按年、按月列出所有文章的彙整表
    * 需要排除 ''wiki:*'' 及 ''start'' → 連帶發現<span tip>多個 blog plugin 的排除 pattern 要寫成</span>類似這樣：''!(^blog:\d{4}(:\d{2})?$|^wiki:.+$|^start$)!''，其中：
      * ''^blog:\d{4}(:\d{2})?$'' 是預設的排除類型
      * ''^wiki:.+$'' 是我要增加的
      * ''^start$'' 也是
      * 三者再用 regexp 的 ''(...|...|...)'' 語法包成聯集
  * /^20171028^/ 測試 miniblog
    - 在 ghsrobert 建了個 :blog，下面開測試文
    - 全站裝 disqus
      * /-好厲害，不管是 MBA MAMP 的 instance（http://localhost）或是 NAS 上（http://ghsrobert.tk），都顯示得出同樣的 Disqus 討論串耶，真不知 Disqus 到底怎麼做到的，看來是認 shortname？-/ 錯了，MBA 的 DW 顯示一個留言，NAS DW 顯示另一個留言……是先搶先贏？Disqus 的管理介面只認得 MBA 上的
    - → 沒有試出像 [[https://www.lainme.com/doku.php/start|start [Lainme's Blog]]] 一樣漂亮的效果耶；文章的 comments 是有出來啦\\ → 好像 tpl 要用 twentyfifteen，然後語法也要搭配 ''%%<miniblog twentyfifteen>%%'' 才行？
    - /^20171029^/ 初步測試完畢，先把 '':blog'' 整個資料夾（連同 headpage 本身）移到 test animal 去

===== 想法 =====
  * /^20190326^/ 一直很懷念 [[https://ghsrobert.wordpress.com/|2016 年試用 WordPress]] 那時候的 Baskerville theme，文章是用大小不一的方塊組成三欄式的網格（grid）。既然目前 DW 沒有這種 plugin，是否可以試試，用 blog plugin 輸出 list 後，再把 list 套到網格樣式中？
    * [[https://www.fourkitchens.com/blog/article/responsive-multi-column-lists-flexbox/|Responsive Multi-Column Lists with Flexbox – Four Kitchens]]
    * [[https://tw.wordpress.org/themes/baskerville/|Baskerville | WordPress.org]]：好像有提到<span imp>「Masonry」</span>
      * → [[https://colorlib.com/wp/masonry-grid-wordpress-themes/|34 Masonry Grid Style WordPress Themes 2019 - Colorlib]]
      * Google+（已歿 QQ）似乎也是用 Masonry 式的列表
      * [[https://masonry.desandro.com/|Masonry]] ← 直接挑戰天使長……
      * 但 Masonry 應該是需要弄 jQuery → [[http://macyjs.com/|Macy.js - A lightweight, dependency free, JavaScript masonry layout library]] 不需要 jQuery；不過直接訴諸 JavaScript 對我目前就比較難
      * 純 HTML+CSS 做法：[[https://w3bits.com/css-masonry/|CSS Masonry layouts: Responsive, Lightweight, and EASY!]]← 有這麼簡單嗎？！
        * 還附 [[https://w3bits.com/tools/masonry-generator/|CSS Masonry Layout Generator Tool]] 耶！我試用並下載 HTML+CSS+JS 是可以的耶！:o
      * 不過如果要套 CSS class 的話，blog plugin 的 archive 表格
    * [[https://medium.com/samsung-internet-dev/common-responsive-layouts-with-css-grid-and-some-without-245a862f48df|Common Responsive Layouts with CSS Grid (and some without!)]]
<div explicit>
GHS 的 ''年/月/日'' 三層式 blog 其實大概 2017 年秋就開始發展到現在。2020/9/17 開始思考分散式的 blog，有把想法及筆記寫在主站的 this:blogging 中，另外在 IMA 也有開始實做（用 pagelist plugin）。有機會再整理在這裡。

另外，10/1 今天也有看了一下 include plugin 的語法，或許也可以用在 blogging。
</div>