====== 用 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 的彙整頁的 ===== 實做 ===== * 20160527 - 開了一個自己的 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'' → 連帶發現多個 blog plugin 的排除 pattern 要寫成類似這樣:''!(^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,然後語法也要搭配 ''%%%%'' 才行? - /^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]]:好像有提到「Masonry」 * → [[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!)]]
GHS 的 ''年/月/日'' 三層式 blog 其實大概 2017 年秋就開始發展到現在。2020/9/17 開始思考分散式的 blog,有把想法及筆記寫在主站的 this:blogging 中,另外在 IMA 也有開始實做(用 pagelist plugin)。有機會再整理在這裡。 另外,10/1 今天也有看了一下 include plugin 的語法,或許也可以用在 blogging。