iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

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

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

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

前言

我從去年年初接觸到了卡片盒筆記(Zettelkasten),它帶給我的是一個對知識掌握與管理的轉折與啟發。從那時候開始,我就在使用 Obsidian 這套軟體去...

DAY 2

準備好寫作與開發環境

如前言所述,想打造一個透過 Obsidian 寫作,然後再透過 Nuxt Content 協助發佈文章到網路上,建構出 Digital Garden。在串起這些...

DAY 3

期待看到的成果

在開工前,先想像出期待的成果,更能聚焦開發的方向與細節。 我期待我會在 Obsidian 去寫作,並且參考卡片盒筆記的概念,將這些創作大致分為: 輸入、學習時...

DAY 4

建立起 Nuxt Content 網站

Commit 000000本系列文預設會將專案都建立在家目錄(Home)底下的 projects 目錄中,所以可以先透過指令建立起來。 mkdir ~/proj...

DAY 5

將文章與網站的版本控制分離

在進一步編寫程式前,我發現我目前寫的每篇文章都會跟著被版本控制追蹤,這樣這些文章變動與 commit 記錄就會與程式的邏輯混在一起,讓我難以透過 Git 的 h...

DAY 6

我說換行就換行

昨天我們終於可以毫無負擔的寫起文章了,但寫了幾篇,發現有些奇怪。為什麼我在 Obsidian 上有換行的地方,到了 Nuxt Conten 的網站就沒有了呢?...

DAY 7

讓網站樣式渲染變得更好閱讀

寫了幾篇文章後,興沖沖地先透過本機在網站上閱讀,但總感覺這些純文字的介面讓我提不起勁。那不如就先為網站的樣式做簡單的打底,這樣透過不同樣的文章,我就可以逐步地去...

DAY 8

建立特別的頁面與顯示對應的內容

試寫了幾篇文章後,也會想為網站新增一些特別的頁面,像是文章列表、關於等,可能會需要用到 Vue Component 去做一些特殊功能的頁面。但目前我們就只會顯示...

DAY 9

加入 Layout,讓編排版面更容易

開始有特別頁面後,就會想新增導覽列去方便連結。但是又不想將佈局相關的程式碼寫死在 @/app.vue 之中,這樣會讓未來想要不同佈局時、或是現存某些頁面仍想維持...

DAY 10

在頁面中指定不同的 Layout

昨天聊到使用 Layout,讓編排版面更容易。今天就延伸昨日的成果,說明如何指定不同的 Layout 吧! 首先,倘若我今天有一個需求就是只在頁面顯示資訊,不要...