iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

用 Nuxt Content 搭配 Obsidian 建立自己的 Digital Garden 系列

延續去年自我挑戰的 [Blog 掛掉時在做什麼?有沒有空?可以來重建嗎?](https://ithelp.ithome.com.tw/users/20103676/ironman/5917) 系列文,重新分享這一年製作出來的具體成果。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

為文章加上綱要

當一篇文章的篇幅太長時,若能及早知道他的結構,會更幫助讀者快速了解哪部分是自己當下需要閱讀的,這時候若在文章側邊有附上一個綱要與連結,就能滿足這個需求。 在落...

DAY 22

透過外掛實作將 Wikilink 轉換成 Markdown Link

Obsidian 最大的賣點之一就是雙向連結,而這個功能特別仰賴 [[note-name]] 這樣的格式,讓我們能夠快速輸入。但在〈如何將 Obsidian 的...

DAY 23

透過外掛實作文章自訂網址功能

因為 Obsidian 在檔名上會有限制,導致偶爾會有些情況是想要的網址路徑因此難以做到。這時候就可以來寫個 plugin 去繞過這個限制。 就像有些靜態網站產...

DAY 24

新增其他發文類型

目前的網站上只有 Articles(文章)作為發文類型,但既然要建置的是 Digital Garden,我也希望讓發文類型能擴及Notes、Literature...

DAY 25

增加關燈模式,讓閱讀更加護眼

截至目前為止,Digital Garden 的基礎功能都大致完成了,唯一美中不足的就是習慣 Dark Mode 的情況下,閱讀起來頗為刺眼,尤其是晚上時,更加不...

DAY 26

Icon:增加圖示讓視覺更多元

在實作關燈模式的時候,是透過其他現成已經做好的 svg 來使用,但這樣其實很難去管理,當 icon 一多時,就更難去識別了。如果這時有一個方法能讓我們向使用 F...

DAY 27

為每一頁分頁標題都加上網站名稱

目前網站在瀏覽器的分頁名稱上,要嘛直接顯示路徑,要嘛就是只顯示文章的標題。對網站的識別性來說,這兩者的體驗都是不好的,今天就來實作讓普通頁面預設是網站名稱,如果...

DAY 28

為 Digital Garden 新增留言功能

在我之前的 Blog 是使用 Disqus 作為留言系統,但他讀取速度慢,且被買下來後就開始有些商業成份,管理留言也不方便,所以在架設 Digital Gard...

DAY 29

將 Digital Garden 部署到網路上

從第 4 篇文章開始,到第 28 篇,陸續寫了許多功能,也是時候將成果給部署到網路上了。其實部署應該是要在第 5 篇就要寫了,這樣才能持續發布,但礙於鐵人賽時每...

DAY 30

結語

終於來到第 30 天了,總算是把這一年陸陸續續的研究成果寫個八成了,這其實是一個很好玩的過程。 在過去這一年的開發,我一直有在維持良好的 Git log mes...