方法
簡單來說就是插入 %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"
);
備註
以上代碼已注入到博客系統中，有興趣查閱代碼的同學可以查看 源碼部分。
參考資料
如果你有 AI 專案、網站開發或技術整合需求，歡迎來信交流： partner@calpa.me
歡迎訂閱 Calpa 的頻道，一同將想像力化為可能：相關文章
AI 協作時代的軟體工程四神器：TypeScript、Zod、Vitest、JSDoc 實戰心得
想用 AI 寫程式又怕爛 code？這篇文章分享我如何結合 ChatGPT、TypeScript、JSDoc、Zod 與 Vitest，打造可維護、可驗證的 Vibe Coding 流程，讓靈感不只是 prototype，而是真正能安全上線的產品級程式碼。
AI 一鍵生成行動 App！Bolt.new x Expo 超簡化 React Native 開發流程全解析
想用 AI 快速打造手機 App 嗎？Bolt.new 結合 Expo，讓你在瀏覽器中用自然語言 prompt 一鍵生成 React Native 應用，支援即時預覽與跨平台部署。本文完整解析從開發到上架的極速流程，打造 MVP 再也不難。
Cloudflare Pages 評測：2025 最佳靜態網站託管平台使用心得
我從多個平台遷移到 Cloudflare Pages，解決了部署慢、設定複雜、功能受限等問題。本文完整解析 Cloudflare Pages 的優勢、部署流程與實戰經驗，幫助你選對 2025 年最值得信賴的靜態網站託管平台。
React-markdown 完整實戰：用 React 優雅渲染 Markdown 的最佳實踐
想在 React 應用中即時渲染並預覽 Markdown？這篇文章將徹底介紹 react-markdown 的安裝、用法、擴展性與最佳實踐，幫你打造高效的技術文檔體驗。
企劃提案也能自動化！結合 ChatGPT 與 Apps Script 的自動生成企劃書
用 ChatGPT 搭配 Google Apps Script，自動建立格式完整的 Google Docs 企劃書。本文含實作範例、排版技巧與自動化技巧，幫你快速生成多份專業提案。
用 YouTube Data API 快速抓出熱門影片：實戰教學 + Apps Script 範例
手動比對 YouTube 熱門影片資訊，既繁瑣又低效。我用 Google Apps Script 實作自動搜尋腳本，快速建立熱門影片清單，效率大幅提升。這篇實戰教學將帶你一步步學會如何用 YouTube Data API 自動抓出熱門影片。
