方法
簡單來說就是插入 %c 這一個替換符，之後的句子便會加上相對應的樣式。
console.log(
`${"\n"} %c CALPA %c https://calpa.me ${"\n"}${"\n"}`,
"color: #6cf; background: #030307; padding:5px 0;",
"background: #6cf; padding:5px 0;"
);然後你打開 console 便會看到這個結果：
另外一個例子：
console.log(
"This is %cMy stylish message",
"color: yellow; font-style: italic; background-color: blue;padding: 2px"
);
備註
以上代碼已注入到博客系統中，有興趣查閱代碼的同學可以查看 源碼部分。
參考資料
相關文章
輕鬆整合 Web3：用 Privy 快速實作錢包登入與交易功能
Privy 提供一套簡單強大的 SDK，協助開發者在幾分鐘內實作錢包登入、訊息簽名與交易功能，支援多鏈、多裝置與自託管安全架構。無論你在打造 DeFi Dashboard、NFT 平台還是 Web3 遊戲入口，Privy 都能讓你快速整合區塊鏈功能，專注產品體驗。
書同文、API 同規格！Vercel AI SDK 帶你統一多模型開發流程
Vercel AI SDK 是專為開發者打造的 TypeScript 工具包，支援 React、Next.js、Vue、Svelte、Node.js 等主流框架，協助快速構建 AI 驅動應用。本文將深入剖析其統一 API、靈活架構、效能優化及多平台支援等核心亮點。
AI 寫的程式總是出錯？我用 TypeScript + 函數式設計讓它聽得懂！
你有遇過 AI 產生的程式碼完全跑不起來嗎？我曾經寫了一段計數器邏輯，結果它怎麼都看不懂。直到我用 TypeScript + 函數式設計重構，才發現——問題不在 AI，而是我們寫得不夠清楚。
用 Cloudflare KV 與 Hono 強化 ShareThis：建構彈性分享統計系統
想讓 ShareThis 分享按鈕擁有更多彈性與控制權？本教學將教你如何用 Cloudflare Workers 的 KV 資料庫與 Hono 框架，打造一個可擴充的後端 API。不只能保留原有分享數據，更支援快取、資料追蹤與訪問統計，幫助你打造真正可維護的分享統計系統。
測試速度飆升 10 倍！Vitest 帶來現代前端最強測試體驗
測試不該拖慢開發流程，而 Vitest 正是讓你「寫測試像開發一樣快」的關鍵武器。還在用 Jest 等太久？Vitest 結合 Vite 高速構建與即時測試回饋，支援 TypeScript、Vue、React 等框架，全面升級你的測試流程！
打造 Serverless 數據庫神器：Drizzle ORM x Cloudflare D1 全攻略
Drizzle ORM 結合 TypeScript 類型安全與 SQL 靈活性，是現代開發者在 Cloudflare D1 上構建 Serverless 數據庫的理想選擇。本文提供從安裝、建模到查詢的完整實戰教學。
