鐵人檔案
這是一個 30天挑戰，作為一個初學者感覺網路上充滿了各種複雜的blog框架，想要自己做一個簡單的靜態網頁這麼難嗎？帶著這麼目標，本次將以實驗的精神挑戰用最簡易的方式做出彈性的blog。
前面有說到在網頁中有個很重要的腳本程式語言稱為Javascript，那現在來簡介近幾年瀏覽器支援的另一種語言WebAssembly。 什麼是WebAssembl...
如果你是一位初學者，可能會擔心建立blog是個很複雜的事情。不過，有了像Jekyll這樣的工具，你會發現建立和管理一個Blog其實可以很簡單。 Jekyll —...
GitHub Pages 介紹 GitHub Pages 是一種直接從 GitHub 存儲庫(host repository)提供網站內容的靜態頁面託管服務。你...
甚麼是 Vercel ？ Vercel 是一個雲端平台，專為前端開發者設計，支援靜態網站和動態網頁。Vercel 不僅可以讓你直接從你的 Git 存儲庫部署網站...
今天我們來簡單介紹如何在 Vercel 中使用環境變數（Environment Variables）來安全地管理敏感資料，例如 API 密鑰、資料庫連線字串等。...
開始撰寫你的第一篇文章 如果你選擇了主流的幾個部落格框架（如Jekyll、Hexo或Hugo），你就可以開始撰寫你的第一篇文章了。這些框架的共同點是支援Mark...
我們設計方向是啥？ 做設計的時候最好要有一個主要方向，hmmm以麻糬來說，我希望自己的blog 有這些要素 功能性方向 亮/暗色模式 支援動態載入資料與純靜態...
設計指引的重要性 設計指引是一份詳細的文件，定義了整個網站的視覺和互動規範。在這裡面可以找到顏色、字體、版型以及互動畫面等等的設計標準。這不僅可以幫助我們維持整...
前面聊這麼久，我們來做一下簡單小網頁練習 1. 環境準備 在開始之前，你需要用一個順手的編輯器我自己是比較喜歡用VSCode 搭配擴充套件 例如： LiveSe...
這個系列來到的尾聲，但其實不算真的結束，等我有空會再回去前面補文章真的很抱歉qwq 今天我來展示一下，我根據上次 Day26 的設計指引做的初步雛形。 還有...
