數位存檔規範 V1.0
這是「卡片表哥」部落格的核心視覺系統。我們將 8-bit 的懷舊數位感轉化為現代閱讀體驗。本頁面定義了所有內容元素的呈現標準。
01
文字階層 Typography
Display H1
這裡是大標題的示範
Headline H2
02 次級標題：數字在前，文字在右
Title H3
段落小標題：背景色塊強化
Body Text
正文內容使用 Manrope 字體，確保長時間閱讀的舒適度。在 8-bit 風格中，我們不使用圓角，所有的邊界都應該是銳利的 90 度。字距稍微收緊，營造出一種數位檔案的嚴謹感。
02
行內元素 Inline Elements
在文章中，我們可以使用 加粗強調文字 來引起注意。
或是使用 斜體字 (Italic) 來表示外來語或專有名詞。
最重要的是超連結：點擊這裡查看更多存檔資訊，當滑鼠懸停時會出現實心背景。
如果是外站連結，則維持相同按鈕樣式，並在後方加上提示符號：前往外部網站。
03
引用區塊 Blockquote
format_quote吃的是草，擠出來的是奶— 魯迅，野草
04
提醒資訊 Callouts
info
提示 Note
這是一個通用的提示區塊，用於提供背景資訊或額外說明。
lightbulb
技巧 Tip
使用快捷鍵 CTRL + S 可以快速將當前卡片存檔至本地資料庫。
warning
警告 Warning
請注意，刪除存檔後將無法復原，請務必確認是否有備份檔案。
05
列表樣式 Lists
項目列表
- bookmark 復古數位美學設計
- bookmark 極致的閱讀導向佈局
- bookmark 模組化組件系統
有序步驟
- 01 選擇你感興趣的數位主題
- 02 點擊進入詳細存檔內容頁面
- 03 將有價值的資訊收藏至個人存檔
06
程式碼區塊 Code Blocks
terminal_v1.0.sh
// 初始化數位存檔引擎
function init_archive() {
echo "正在掃描磁區..."
sleep 1
mount /dev/pixel_drive /mnt/zettel
echo "存檔就緒。"
}
// 執行核心邏輯
init_archive(); 07
影像框架 Images & Captions
