用 Craft 架設備用站

收納所有文章的典藏站上線囉

2023.1.14 更新

我已經取消訂閱 Craft 跟暫停使用 UpNote 了!

因為我有工作整合加上寫文章的流程,現在已經上線透過 Whimsical 所架構的備用站點,網址一樣為 https://bamor.love/archive

Whimsical 是一個蠻新的軟體,不過在電腦玩物 Esor 站長跟完全訂閱制暢學宇宙創辦人于為暢推薦過,是一個免費做圖表、線框稿(Wireframe)、流程圖、專案管理的協作工具。推出文件(Doc)的功能後,漸漸地在非拉丁(Non-Latin)字元—中文、日文—支援愈來愈全面。

最近回頭使用,發現功能完整度跟適合度,都已經大幅在我一年前剛開始摸索時提升,排版也非常美麗,經過多方嘗試,非常適合單頁的快速分享頁面,足堪備用站點使用。


2023.1.7 更新

備用站點 Craft 停止維護,改使用 UpNote 架設備用站點,網址為:https://bamor.love/archive

因為 UpNote 尚未有許多套件(Plug-ins)資源,所以幾點差異羅列如下:

  • 無法使用自訂域名,目前使用短網址的方式連入,且網頁的網址(slug)無法自定。
  • UpNote 為專注在筆記的軟體,所以版型變化跟排版設計上,彈性不如 Craft。
  • 每個連結都會以開新頁面顯示,不像 Craft 有層疊的設計。
  • 頂部會有 UpNote 制式的置頂導航列,等於免費幫 UpNote 推廣其產品。
  • 標籤會顯示,但不支援連結,無法到該標籤專屬的網頁。

前陣子異常忙碌,導致許多事情停擺下來,卻也在忙碌之中,慢慢地體會到各種事情在生活中扮演的角色。

陸續在前幾篇寫下幾個重要的轉換,其中一個就是使用 Craft 管理所有筆記、工作事項以及文檔。之前本來分布在 Agenda、MWeb Pro 等的工作流,漸漸收納一起。

這中間有許多思考點跟好處,其中一個就是 Craft 的網路分享功能。每一個 Craft 的頁面都可以分享成為單頁的網址。配合上瀏覽的創新設計,幾乎等於可以直接架設一個部落格、甚或個人網站在上面。

在網路的世界沒有所謂的恆久不變,最接近可以帶著走的,應該就是自己的網域。

網域就像行動電話號碼的概念,可以攜碼到不同的電信業者。有了自己的網域,也能夠在不同的地方建構自己網路的家。

遷入 Typlog 後,伺服器以及系統都是既定的服務,免不了憂慮服務可能會終止。把自己所有的內容典藏起來,於是成為心中的待辦事項之一。

試過無數種工具,發現都會非常的疊床架屋,以追求簡單的核心思考來看,都覺得太多步驟了。

舉例來說,可以放在 MWeb Pro 收納,但是當要發布成為備用網站的時候,又需要經過一層發布的手續,等於每次更新都要發布一次。又或者使用筆記,無法發布,只能收納於其中。

在 Craft 則能夠解決這個問題,一方面 Craft 的發布功能提供了直接發布,且我只需要修改及自動更新外。網路上我還找到了可以自訂 Craft 網域以及設計成為簡單部落格網站的套件:Next Craft

雖然我並不會 Node.js 的語言,但並不影響安裝使用 Craft 的情境。上面的頁面已有提供詳細的安裝方式,基本上需要準備:

  1. Craft 帳號,免費版本亦可以使用;
  2. Github 帳號,讓你能夠複製(folk)專案到自己帳戶之中;
  3. 用來部署(deploy)的伺服器空間。

我自己是用 Render 來部署,基本上只要選定了使用的 Github 的程式庫後,就可以自動完成部署。我自己也有嘗試過使用 Railway.app,也是連結到 Github 後就會自動完成後續動作。也就是說,使用 Next Craft 是簡便且易上手的。

使用至今,羅列幾個優勢:

  • 免費:免費版本的 Craft、Open Source 的 Next Craft 跟使用 Render 部署,在有限度地使用下,基本上成本幾近於零。

  • Craft 的版面彈性:Craft 提供了很多不同的版面設計,相較於簡單的筆記軟體,更多活化的空間。

  • 自訂網址的空間:Next Craft 可以把每個 Craft 頁面都設定網址,例如 https://archive.bamor.love/evernote

  • 拓展性:Next Craft 的開發者可以用中文溝通,加上可以自訂 CSS 等語法,想要深入研究、詢問開發者或者改造,基本上可能性很高。

當然還是有相對的限制,例如也會受現在 Craft 有的功能之中,最明顯的就是沒有嵌入(embed)的功能,缺乏標籤(tags)等等,但瑕不掩瑜,當作一個備份已然足夠。

最後分享我的使用範例《典藏❥身心茶水間》:https://archive.bamor.love,歡迎光臨!

Some rights reserved
Except where otherwise noted, content on this page is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International license.