技術 [Day08] - configs 拆分

config 拆分 加完了字型和 SCSS 之後 又要繼續在 config 加設定啦~~不過現在的 themeConfig 由於要一個個連結設定的原因，已經是...

技術 [Day07] - 設定字型與CSS

共用的主題 config 設定完之後，部落格終於有了基礎的雛形啦~但是，使用的樣式都是 VitePress 預設的，今天就來改樣式吧~~~ 自訂字型 部落格最...

技術 [Day06] - Base Config Part 2

沒想到簡單的 config 設定可以寫到兩天，接續昨天的 nav 之後，今天就從 sidebar 開始吧。 sidebar (側邊欄) 這邊是進入文章頁面的時...

技術 [Day05] - Base Config Part 1

改完首頁樣式之後，就會開始想把 header 調整成自己想要的樣子了，看了 官方文件 就會知道，如果我們要調整 header 的內容，我們需要打開 docs/...

技術 [Day04] - 一切都是從 vitepress init 開始的

今天我們要來安裝、啟動還有調整 VitePress 的首頁，： 快速安裝 VitePress 可以單獨使用，也可以安裝到現有專案中。在這兩種情況下，都可以使用...

技術 [Day03] - Vitepress Blog

Why write & Why is vitepress 距離weblog(部落格) 線上日記型式的個人網站：張貼文章、圖片或影片，來記錄生活、抒發情...

技術 [Day02] - 環境準備&對齊

看一篇文章最大的不是寫的爛，而是他環境跟你差的遠遠的。-------------------- By Opshell ※ 廣告：請考慮到Opshell's...

技術 [Day01] - Opshell 的碎碎念 - 前言

緣起： 在全端打滾久了後，終於在去年底默默轉職了純前端，更多東西要塞進我小小的腦袋裡，但是度過了一段很充實的時光，只是心心念念的部落格就離我越來越遙遠了......

技術 D01 - 行前須知

緣起 源自公司內部練習專案，靈感來自於以前看到一個名為「最糟糕音量控制設計大賽」的有趣比賽。 簡單來說就是設計奇奇怪怪的元件。 別看這些元件好像很沒用，實作起來...