就像是在讀維基百科時，我們常會不禁地從某個條目逛到下一個條目，持續被相關的條目給吸引著，最後一時忘記自己當初是怎麼來到現在這個條目了。面對這個情況，我自己的習慣是我會開啟很多分頁，只要有興趣的我就另開分頁，但是往往想要回到當初的分頁時，卻也需要一路關閉，或者滑動。但我卻沒辦法知道我是怎樣一路過來的，我的思路研這個知識網路過來的。

在我去訪問個個 Digital Garden 時，常看到做法有兩種，一個是三欄式的介面，一個是麵包屑的方式。

在三欄式的介面裡，網站會將他的佈局分成三欄，初始的筆記放在左邊那欄，其他兩欄則是空的。當我點擊了最左邊那欄的某個內部連結時，內容就會顯示在第二欄裡，當我點選第二欄的某個內部連結時，就會顯示在第三欄。當我又點擊了第三欄的某個內部連結時，就會將第一籃往左推，收合在左側，然後將第二欄變為第一欄、第三欄變為第二欄，最新點擊的內部連結則變為新的第三欄，以此類推。

我自己是沒有很喜歡三欄式的，同我之前的講述，我喜歡簡單專注的感覺，所以我比較傾向頁面一次只顯示一個筆記。甚至是有些網站會做出如果我鼠標停在某個內部連結時，會有一個小視窗預覽，這個功能我也認為是干擾。

所以，如果要實作，我會比較傾向麵包屑 (breadcrumb) 的方式，在我的導覽列顯示我的足跡，是從哪個筆記開始的，一路到現在這個筆記，我對於蹤跡是清楚的，且隨時可以點選任何蹤跡回到那個時候。

麵包屑的功能在 Gatsby 的 Plugin 清單已經有相關實作了，我只要安裝 gatsby-plugin-breadcrumb 套件，並且使用 Click Tracking 的方式，在我的 Layout component 上加入 <Breadcrumb location={location} crumbLabel={crumbLabel} /> 即可。我之後只要在使用這個 Layout 的 component 中加入以下程式碼即可。

<Layout location={location} crumbLabel={title} >
...
</Layout>