用 DokuWiki 來寫 blog

參考

• 官方說明
  
• 這邊有列出必裝的及建議的 plugin
  • blog
    
  • tag
    
    • 【題外】tag plugin 功能也頗多 ☞ 深入研究
    • 原來 tag 並不是必裝，反而 pagelist 才是最重要
  • pagelist
    
• ^20171027 今天偶然發現我之前有裝 miniblog，但看它的說明頁面完全不知它的視覺效果如何，結果找到作者 Lainme 的 DokuWiki 耶（原來是中國人），發現 miniblog 搭配 disqus 的效果頗理想耶！
  • 因為它只吃 :blog 的樣子，所以考慮是不是裝 crosspost，把想發表的文章同步發到 :blog 下
• BlogTNG 也挺理想，可惜目前沒更新了
• plugin:include 的多樣化參數/選項語法，應該也蠻適合細膩地建立 blog 的彙整頁的

實做

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

想法

• ^20190326 一直很懷念 2016 年試用 WordPress 那時候的 Baskerville theme，文章是用大小不一的方塊組成三欄式的網格（grid）。既然目前 DW 沒有這種 plugin，是否可以試試，用 blog plugin 輸出 list 後，再把 list 套到網格樣式中？
  • Responsive Multi-Column Lists with Flexbox – Four Kitchens
  • Baskerville | WordPress.org：好像有提到「Masonry」
    • → 34 Masonry Grid Style WordPress Themes 2019 - Colorlib
    • Google+（已歿 ）似乎也是用 Masonry 式的列表
    • Masonry ← 直接挑戰天使長……
    • 但 Masonry 應該是需要弄 jQuery → Macy.js - A lightweight, dependency free, JavaScript masonry layout library 不需要 jQuery；不過直接訴諸 JavaScript 對我目前就比較難
    • 純 HTML+CSS 做法：CSS Masonry layouts: Responsive, Lightweight, and EASY!← 有這麼簡單嗎？！
      • 還附 CSS Masonry Layout Generator Tool 耶！我試用並下載 HTML+CSS+JS 是可以的耶！
    • 不過如果要套 CSS class 的話，blog plugin 的 archive 表格
  • Common Responsive Layouts with CSS Grid (and some without!)