部落格文章列表(3)
總算有些工作結束了，可以來繼續寫寫
升版
看到vitepress有更新了，就給他來升一下，目從 1.0.0-aplpha 升到 1.0.0-rc.14，
那為什麼要升版? 沒為什麼，我就想升。
有幾個地方要改，css的變數有點不同，
部落格文章列表(2)
看看文章上次更新時間，恩，是四月呢。<br> 中間發生太多事情斷更，之後有空再說吧ㄏ。
Config
上一篇有說要把那些哩哩摳摳的 function 塞進去 config 本來的設定像下面這樣
export default {
部落格文章列表(1)
中間跑去學go了，又一個月才更新，我再次反省。
需求: 做出Article list
媽的需求這麼短要RD通靈歐? 阿也沒設計師哦? 啊我可以說不做嗎?
User Story
算了自己寫需求。 在公司會習慣在PBR做User Story 比如說下面
Vitepress component & 套件安裝(Element Plus & Tailwind & SASS)
需求: 來寫個關於我的component吧!
在vitepress中寫component其實就跟Vue寫component是一樣的，只是引入方式有些差異而已， 那要寫component就引入自己習慣的Plugin吧! 本篇會以element UI 以及tailwind來做示範。
為什麼選這兩個來當我御用插件呢?
- 開發習慣，工作上常用這兩個
FrontMatter 設定
需求:今天來客製自己的首頁吧!
在VitePress中有個方便的API， 寫法只要在Frontmatter裡面帶入值就好囉
Frontmatter是什麼?
Frontmatter是給md檔設定基本資料的一個區塊，比如說title或description。在每一個md檔中，也可以使用Frontmatter的設定去覆蓋掉config。
在md中使用$frontmatter可以獲得frontmatter中想要的資訊
{{ $frontmatter.date }}
Vitepress Routing
沒想到工作太忙，中間就隔了快一個月才更新，我反省。
總之，接下來設定個routing阿
基本路由
其實也沒什麼好講的，Vitepress會自動去吃你資料夾跟md檔的位置去生成路由，這點是不是感覺跟Nuxt或Qwik那類的SSR很像R
比如說我今天想生成 /About /Blog /FrontEnd /Music 四個頁面，
很簡單，就如下圖新增資料跟md就好
Hellow Vitepress
紀錄一下搭建這個專案的流程
什麼是VitePress
VitePress是Vue團隊所維護的一個Static-Site Generator(SSG)， 包括Vue官網以及本站就是以VitePress撰寫。
VitePress的老大哥為VuePress，只不過是建立在Vite與Vue3上。很顯然的使用Vite就會比Webpack快很多，所以我也使用了VitePress來作為我的架站工具
BTW vuepress-next也支援vite，但我還是使用VitePress，因為所有的客製化頁面及功能都可以使用Theme API在Theme完成