使用像 Obsidian 的系統管理筆記的過程中，保持筆記的組織性，對像我這種視覺型學習者來說，是個很重要但卻困難的一個步驟，我需要在腦袋裡「開圖」，日後才能比較順利的回想，不然基本上是看過即忘。

在Obsidian中一種常見且有效的方法是建立內容地圖（Maps of Content, MOCs）作為特定主題的索引。但是要在每次有新筆記的時候，就同步更 …

偶然看到，沒填資料就不給按的按紐，覺得很有趣，就跟著做了一個

• vanilla版本

• 原作: https://chillcomponent.codlin.me/components/btn-naughty/

HTML的部分很單純: 表單裡面有usernam和password input，以及送出按紐

送出按紐其實有兩個，疉在一起，底下的按紐負賚佔位的任 …

一開始在想chart類型和card類型的component要怎麼區分，邊看chart.js文件邊慢慢有點頭緒，可以把chart本身的設定，像是bar、line顏色相關的options寫在chart component，這樣就能達到標準化的目的 (引用同個component的長相會一致)

card除了chart component之外還包含其他要素，像 …

Hugo是一套用Go寫的site generator，它的優勢是能有效率的建立網站，能夠處理模版產生的文字/靜態網頁內容，有點像是JS/React的Gatsby，或是Jekyll

官網有quick start，跟著做可以很快產生靜態網站，步驟大致分為3組：

• 準備
• 設定hugo專案
• 發布新文章

準備

確認環境有安裝hugo和git

# 在mac環境 …

最近在查看幾個公司的財務報表，覺得如果有一個地方可以拉好幾個我有興趣的會很方便。因此萌生了做一個實驗性質的小網站試試看。

在開始實作之前，先用了 ObservableHQ 確認需要的指標是否都能取得，並初步看看圖表的呈現方式。

Ps: ObservableHQ是一個可以用來將資料視覺化的互動式筆記本

資料來源用FMP提供了很多財務方面的資料集和API，其中免 …

為了幫助自己記得所以寫到Obsidian，但卻發現常常找不到… 試著整理筆記，也同時記下一些比較可以自成一個主題的內容。