記載著 Will 在網路世界的學習心得與技術分享 https://blog.miniasp.com/ http://www.rssboard.org/rss-specification BlogEngine.NET 3.3.7.0 zh-TW https://blog.miniasp.com/opml.axd https://blog.miniasp.com/syndication.axd Will Huang The Will Will Web 24.567110 120.970500 <p>最近我在整理「頁問」串接 Ollama Cloud 的 Token 用量資訊，先釐清了一個容易混淆的問題：使用 <code>deepseek-v4.1-flash:1017</code> 時，是不是一定要傳入 <code>stream_options.include_usage: true</code>，才拿得到輸入與輸出的 Token 數？</p><p>... <a class="more" href="https://blog.miniasp.com/post/2026/10/21/ollama-cloud-streaming-token-usage#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2026/10/21/ollama-cloud-streaming-token-usage [email protected] https://blog.miniasp.com/post/2026/10/21/ollama-cloud-streaming-token-usage#comment https://blog.miniasp.com/post.aspx?id=a8e39125-a5d1-4694-b5e4-a6bfef8bfd15 週三, 21 十月 2026 12:42:45 +0000 AI Web Ollama Token Chat Completions Responses API SSE will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=a8e39125-a5d1-4694-b5e4-a6bfef8bfd15 https://blog.miniasp.com/trackback.axd?id=a8e39125-a5d1-4694-b5e4-a6bfef8bfd15 https://blog.miniasp.com/post/2026/10/21/ollama-cloud-streaming-token-usage#comment https://blog.miniasp.com/syndication.axd?post=a8e39125-a5d1-4694-b5e4-a6bfef8bfd15 <p>在網頁客製化與前端樣式調整的工作流中，<a href="https://github.com/ankit/stylebot">Stylebot</a> 是一款廣受歡迎的瀏覽器擴充功能，能讓使用者針對特定網站自訂並套用 CSS 樣式。隨著自動化需求與 AI 輔助開發工具（如 Claude Code 等 Coding Agent）的普及，Stylebot 在 v4 架構中推出了官方命令列工具 <code>@stylebot/cli</code>，讓開發者與自動化代理程式能夠直接自終端機檢視網頁結構、動態調整 CSS 樣式並擷取畫面驗證結果，無須手動開啟擴充功能的視覺化編輯器。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2026/10/13/stylebot-cli-architecture-chromium-native-messaging#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2026/10/13/stylebot-cli-architecture-chromium-native-messaging [email protected] https://blog.miniasp.com/post/2026/10/13/stylebot-cli-architecture-chromium-native-messaging#comment https://blog.miniasp.com/post.aspx?id=1e7702ab-ae19-40a8-8249-856566877f99 週二, 13 十月 2026 05:43:00 +0000 前端工程研究 Web AI Stylebot CLI Chrome Extension Native Messaging Chromium IPC Claude Code CSS will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=1e7702ab-ae19-40a8-8249-856566877f99 https://blog.miniasp.com/trackback.axd?id=1e7702ab-ae19-40a8-8249-856566877f99 https://blog.miniasp.com/post/2026/10/13/stylebot-cli-architecture-chromium-native-messaging#comment https://blog.miniasp.com/syndication.axd?post=1e7702ab-ae19-40a8-8249-856566877f99 <p>最近我在研究 Chrome DevTools MCP 時，遇到一個讓我困惑的問題：明明在 <strong>chrome://inspect/#remote-debugging</strong> 啟用了 Remote Debugging，也看到 <strong>Server running at: 127.0.0.1:9222</strong>，但 <strong>curl http://127.0.0.1:9222/json/version</strong> 卻回傳 <strong>HTTP 404 Not Found</strong>。深入研究後才發現，這其實是兩種不同的「連線建立方式」&mdash;&mdash;以下就是完整的來龍去脈。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2026/08/16/chrome-remote-debugging-autoconnect-9222-cdp#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2026/08/16/chrome-remote-debugging-autoconnect-9222-cdp [email protected] https://blog.miniasp.com/post/2026/08/16/chrome-remote-debugging-autoconnect-9222-cdp#comment https://blog.miniasp.com/post.aspx?id=fb82f437-8fb6-4edf-8b08-b0e66f2a5582 週日, 16 八月 2026 00:13:00 +0000 AI Web chrome cdp autoConnect 9222 will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=fb82f437-8fb6-4edf-8b08-b0e66f2a5582 https://blog.miniasp.com/trackback.axd?id=fb82f437-8fb6-4edf-8b08-b0e66f2a5582 https://blog.miniasp.com/post/2026/08/16/chrome-remote-debugging-autoconnect-9222-cdp#comment https://blog.miniasp.com/syndication.axd?post=fb82f437-8fb6-4edf-8b08-b0e66f2a5582 <p>我現在維護著幾套不同的 Chrome 擴充套件，每次發佈新版本時都需要手動上傳更新，覺得有點麻煩，所以我這幾天研究了一下 <a href="https://developer.chrome.com/docs/webstore/using-api">Chrome Web Store Publish API</a> 並設定了 <a href="https://github.com/features/actions">GitHub Actions</a> 來自動化發佈 Release 與 Chrome Extension，真的方便太多了。這篇文章我就來說說這個設定的過程。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2025/02/07/How-to-use-the-Chrome-Web-Store-Publish-API-to-automate-the-publishing-of-a-Chrome-Extension#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2025/02/07/How-to-use-the-Chrome-Web-Store-Publish-API-to-automate-the-publishing-of-a-Chrome-Extension [email protected] https://blog.miniasp.com/post/2025/02/07/How-to-use-the-Chrome-Web-Store-Publish-API-to-automate-the-publishing-of-a-Chrome-Extension#comment https://blog.miniasp.com/post.aspx?id=eb56e254-4072-4c66-97b0-fd7bbe3074f1 週五, 7 二月 2025 15:58:00 +0000 Web Chrome Web Store chrome will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=eb56e254-4072-4c66-97b0-fd7bbe3074f1 https://blog.miniasp.com/trackback.axd?id=eb56e254-4072-4c66-97b0-fd7bbe3074f1 https://blog.miniasp.com/post/2025/02/07/How-to-use-the-Chrome-Web-Store-Publish-API-to-automate-the-publishing-of-a-Chrome-Extension#comment https://blog.miniasp.com/syndication.axd?post=eb56e254-4072-4c66-97b0-fd7bbe3074f1 <p>我最近都在準備 <a href="https://www.accupass.com/go/e2e-playwright">實戰 E2E 測試：使用 Playwright 測試框架</a> 課程，也為這堂課特別精心翻譯了整個 <a href="https://playwright.dev/">playwright.dev</a> 網站，甚至還買了一個 <a href="https://playwright.tw/">playwright.tw</a> 域名，並把翻譯好的網站部署到 GitHub Pages 上面。<a href="https://pages.github.com/">GitHub Pages</a> 是 GitHub 提供的免費靜態網頁服務，使用者可以透過 GitHub Pages 建立個人網站、部落格、文件網站等。今天這篇文章我將介紹如何在 GitHub Pages 設定自訂域名與啟用免費的 TLS 憑證。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2024/09/10/How-to-set-up-a-custom-domain-and-enable-free-TLS-certificates-on-GitHub-Pages#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2024/09/10/How-to-set-up-a-custom-domain-and-enable-free-TLS-certificates-on-GitHub-Pages [email protected] https://blog.miniasp.com/post/2024/09/10/How-to-set-up-a-custom-domain-and-enable-free-TLS-certificates-on-GitHub-Pages#comment https://blog.miniasp.com/post.aspx?id=c6585c3c-16cd-45fd-ae1a-00a97743f022 週二, 10 九月 2024 14:25:00 +0000 Security Tips Web 網路管理 GitHub Pages GitHub tls will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=c6585c3c-16cd-45fd-ae1a-00a97743f022 https://blog.miniasp.com/trackback.axd?id=c6585c3c-16cd-45fd-ae1a-00a97743f022 https://blog.miniasp.com/post/2024/09/10/How-to-set-up-a-custom-domain-and-enable-free-TLS-certificates-on-GitHub-Pages#comment https://blog.miniasp.com/syndication.axd?post=c6585c3c-16cd-45fd-ae1a-00a97743f022 <p>我們在 Angular 官網的 <a href="https://angular.io/guide/versions">Version compatibility</a> 頁面可以看到不同版本的 Angular 其實有匹配的 Node.js 版本，太新的 Node.js 不能用，太舊也不能用。不過，我們通常在開發 Angular 一段時間後，多少都會面臨到需要維護不同專案採用不同 Angular 版本的狀況，這時候你就會需要管理多個不同版本的 Node.js 執行環境，這時候就可以考慮使用 NVM 來管理多個不同的 Node.js 版本。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/12/28/Use-NVM-to-Manage-Multiple-Node-Versions#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/12/28/Use-NVM-to-Manage-Multiple-Node-Versions [email protected] https://blog.miniasp.com/post/2023/12/28/Use-NVM-to-Manage-Multiple-Node-Versions#comment https://blog.miniasp.com/post.aspx?id=0b130833-bbef-4dc5-92aa-9b49dfd702d4 週四, 28 十二月 2023 15:59:00 +0000 Angular Web 介紹好用工具 前端工程研究 node.js nvm Node Version Manager will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=0b130833-bbef-4dc5-92aa-9b49dfd702d4 https://blog.miniasp.com/trackback.axd?id=0b130833-bbef-4dc5-92aa-9b49dfd702d4 https://blog.miniasp.com/post/2023/12/28/Use-NVM-to-Manage-Multiple-Node-Versions#comment https://blog.miniasp.com/syndication.axd?post=0b130833-bbef-4dc5-92aa-9b49dfd702d4 <p>我有個客戶的網站最近剛上線，在設定 CSP (<a href="https://content-security-policy.com/">Content Security Policy</a>) 標頭的時候，因為我設定了 <code>unsafe-inline</code> 的關係，所以導致 Google Analytics (GA) 的程式無法執行，但&nbsp;GA 網站提供的程式碼就是用 Inline Script (內嵌腳本) 怎麼辦呢？這篇文章我就來告訴你解決方案。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/12/22/Inline-script-and-CSP-settings-nonce-hash#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/12/22/Inline-script-and-CSP-settings-nonce-hash [email protected] https://blog.miniasp.com/post/2023/12/22/Inline-script-and-CSP-settings-nonce-hash#comment https://blog.miniasp.com/post.aspx?id=41f067b1-b146-48a2-ad49-30be9c154d61 週五, 22 十二月 2023 02:40:00 +0000 ASP.NET Core Security Web Content Security Policy google analytics will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=41f067b1-b146-48a2-ad49-30be9c154d61 https://blog.miniasp.com/trackback.axd?id=41f067b1-b146-48a2-ad49-30be9c154d61 https://blog.miniasp.com/post/2023/12/22/Inline-script-and-CSP-settings-nonce-hash#comment https://blog.miniasp.com/syndication.axd?post=41f067b1-b146-48a2-ad49-30be9c154d61 <p>要製作一個好網站，除了要有好的內容外，也要有好的分享功能，讓使用者可以輕鬆地分享網站的內容到各社群媒體上，而這些社群媒體除了擁抱開放標準的 <a href="https://ogp.me/">Open Graph protocol</a> 外，其各自也有自己的 Meta Tags 定義，這篇文章我就來介紹一下有哪些是 Web 開發人員需要知道的。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/11/16/website-checklist-share-to-social-media-meta-tags#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/11/16/website-checklist-share-to-social-media-meta-tags [email protected] https://blog.miniasp.com/post/2023/11/16/website-checklist-share-to-social-media-meta-tags#comment https://blog.miniasp.com/post.aspx?id=9d700141-bbff-4632-9692-80122d1bd2d1 週四, 16 十一月 2023 07:06:00 +0000 Web Facebook open graph twitter linkedin whatsapp pinterest will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=9d700141-bbff-4632-9692-80122d1bd2d1 https://blog.miniasp.com/trackback.axd?id=9d700141-bbff-4632-9692-80122d1bd2d1 https://blog.miniasp.com/post/2023/11/16/website-checklist-share-to-social-media-meta-tags#comment https://blog.miniasp.com/syndication.axd?post=9d700141-bbff-4632-9692-80122d1bd2d1 <p>最近一直在弄客戶網站上線前的準備事項，我們在進行前端效能調校時，當然不免俗的要用 <a href="https://developer.chrome.com/docs/lighthouse/">Lighthouse</a> (<a href="https://github.com/GoogleChrome/lighthouse">GitHub</a>) 跑一遍，結果發現除了效能殺手 <a href="https://fonts.google.com/">Google Fonts</a> 無解外，另一個主要的效能殺手就是沒有經過優化的<strong>圖片</strong>，畢竟圖片都是從後台上稿的，如果沒有好好的處理，是有可能會影響到用戶體驗的。今天我就來介紹一套我用很久的 <a href="https://squoosh.app/">Squoosh.app</a> 網站與 Squoosh CLI 命令列工具。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/10/30/Useful-tool-Squoosh-and-Squoosh-CLI-to-Compress-Images#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/10/30/Useful-tool-Squoosh-and-Squoosh-CLI-to-Compress-Images [email protected] https://blog.miniasp.com/post/2023/10/30/Useful-tool-Squoosh-and-Squoosh-CLI-to-Compress-Images#comment https://blog.miniasp.com/post.aspx?id=85b0208c-1f0c-4f57-bd24-d1bf0f96e4d9 週一, 30 十月 2023 03:40:00 +0000 Web 介紹好用工具 Squoosh WebAssembly will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=85b0208c-1f0c-4f57-bd24-d1bf0f96e4d9 https://blog.miniasp.com/trackback.axd?id=85b0208c-1f0c-4f57-bd24-d1bf0f96e4d9 https://blog.miniasp.com/post/2023/10/30/Useful-tool-Squoosh-and-Squoosh-CLI-to-Compress-Images#comment https://blog.miniasp.com/syndication.axd?post=85b0208c-1f0c-4f57-bd24-d1bf0f96e4d9 <p>我們現在經常在專案中大量的使用 <a href="https://www.postman.com/">Postman</a> 進行 API 測試，不但 API 測試變的非常方便，搭配 <a href="https://blog.postman.com/introducing-postbot-postmans-new-ai-assistant/">Postbot</a> 這套內建的 AI 助理，更能夠大幅提昇 API 測試的開發效率。這篇文章我就來分享幾個撰寫 API 測試的小技巧。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/09/15/Writing-API-Testing-with-Postman-and-Postbot#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/09/15/Writing-API-Testing-with-Postman-and-Postbot [email protected] https://blog.miniasp.com/post/2023/09/15/Writing-API-Testing-with-Postman-and-Postbot#comment https://blog.miniasp.com/post.aspx?id=437f9713-f163-4684-a0f7-a4b96954d87b 週五, 15 九月 2023 04:55:00 +0000 JavaScript Web 介紹好用工具 postman postbot api testing will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=437f9713-f163-4684-a0f7-a4b96954d87b https://blog.miniasp.com/trackback.axd?id=437f9713-f163-4684-a0f7-a4b96954d87b https://blog.miniasp.com/post/2023/09/15/Writing-API-Testing-with-Postman-and-Postbot#comment https://blog.miniasp.com/syndication.axd?post=437f9713-f163-4684-a0f7-a4b96954d87b <p>老牌的無障礙網頁檢測工具 <a href="https://accessibility.moda.gov.tw/Download/Detail/1749?Category=70">Freego</a> 歷經多次改版，它的 UX 依然是完全沒有任何改進，認真覺得難用難上手。今天這篇文章我就來說明如何安裝，因為你連要無腦的順利跑起來都有點難度。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/08/24/110-07-freego#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/08/24/110-07-freego [email protected] https://blog.miniasp.com/post/2023/08/24/110-07-freego#comment https://blog.miniasp.com/post.aspx?id=6915315a-3512-4de8-afcc-d5e993a4c9de 週四, 24 八月 2023 03:05:00 +0000 Web 介紹好用工具 Freego 無障礙網頁 accessibility will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=6915315a-3512-4de8-afcc-d5e993a4c9de https://blog.miniasp.com/trackback.axd?id=6915315a-3512-4de8-afcc-d5e993a4c9de https://blog.miniasp.com/post/2023/08/24/110-07-freego#comment https://blog.miniasp.com/syndication.axd?post=6915315a-3512-4de8-afcc-d5e993a4c9de <p>如果要問我哪一套壓力測試工具最好用，我會說 <a href="https://k6.io/">k6</a> 絕對是開發者體驗最好的一種，他可以讓你用簡單易懂的 JavaScript 就可以撰寫出各種壓力測試的情境，而且我們這幾年的專案也用了幾次，感覺相當不錯。這篇文章我就帶大家快速上手這套 k6 怎麼用。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/08/01/Getting-Started-with-Grafana-k6-Load-testing-tool#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/08/01/Getting-Started-with-Grafana-k6-Load-testing-tool [email protected] https://blog.miniasp.com/post/2023/08/01/Getting-Started-with-Grafana-k6-Load-testing-tool#comment https://blog.miniasp.com/post.aspx?id=5e3195fc-1372-4b59-af87-aaac01f38380 週二, 1 八月 2023 15:55:00 +0000 Tips Web 介紹好用工具 k6 Grafana k6 will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=5e3195fc-1372-4b59-af87-aaac01f38380 https://blog.miniasp.com/trackback.axd?id=5e3195fc-1372-4b59-af87-aaac01f38380 https://blog.miniasp.com/post/2023/08/01/Getting-Started-with-Grafana-k6-Load-testing-tool#comment https://blog.miniasp.com/syndication.axd?post=5e3195fc-1372-4b59-af87-aaac01f38380 <p>身為一個 Postman 的忠實用戶，我們已經用了好多年了，一路走來看著 Postman 不斷長大，功能也越來越多、越來越完善，不過也帶來了一些小困擾。早期我們要共用 Collection 給別人，只要用 Share 功能就可以快速產生一個網址，該網址複製給別人就可以快速匯入，非常方便。新版本的 Postman 的 Share 功能已經改用 API keys 來進行共用，所以只要把 API key 刪除就可以解除共用，安全又便利！今天這篇文章我就來說說刪除這些公開 Share 集合的方法。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/07/20/How-to-delete-all-public-JSON-links-for-Postman#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/07/20/How-to-delete-all-public-JSON-links-for-Postman [email protected] https://blog.miniasp.com/post/2023/07/20/How-to-delete-all-public-JSON-links-for-Postman#comment https://blog.miniasp.com/post.aspx?id=af306c41-c498-4aea-8cb2-9a635c38d441 週四, 20 七月 2023 15:57:00 +0000 Web 介紹好用工具 postman will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=af306c41-c498-4aea-8cb2-9a635c38d441 https://blog.miniasp.com/trackback.axd?id=af306c41-c498-4aea-8cb2-9a635c38d441 https://blog.miniasp.com/post/2023/07/20/How-to-delete-all-public-JSON-links-for-Postman#comment https://blog.miniasp.com/syndication.axd?post=af306c41-c498-4aea-8cb2-9a635c38d441 <p>自然人憑證通常都只有每年要報稅的時候才會用，不然就是政府的線上服務會用到，一般企業鮮少使用，原因無他，就是各種憑證應用的 UX 實在是太差了。最近因為被一家客戶要求要用工商憑證與自然人憑證簽署 NDA 文件，過程非常的坎坷，拖了兩個星期都沒簽好，今天則是遇到 HiCOS 跨平台網頁元件無法連線的問題，我打算來說說我今天的解決方法。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/06/28/HiCOS-Cross-Platform-Component-unable-to-connect-issue#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/06/28/HiCOS-Cross-Platform-Component-unable-to-connect-issue [email protected] https://blog.miniasp.com/post/2023/06/28/HiCOS-Cross-Platform-Component-unable-to-connect-issue#comment https://blog.miniasp.com/post.aspx?id=888fbd39-5835-4f14-8033-0c16e12c7641 週三, 28 六月 2023 14:15:00 +0000 Web 介紹好用工具 HiCOS will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=888fbd39-5835-4f14-8033-0c16e12c7641 https://blog.miniasp.com/trackback.axd?id=888fbd39-5835-4f14-8033-0c16e12c7641 https://blog.miniasp.com/post/2023/06/28/HiCOS-Cross-Platform-Component-unable-to-connect-issue#comment https://blog.miniasp.com/syndication.axd?post=888fbd39-5835-4f14-8033-0c16e12c7641 <p>由於每一家不同的 OAuth 2.0 Provider 對於 Refresh Token 的核發方法都不盡相同，這篇文章我打算記錄一下 Google OAuth 2.0 發出 Refresh Token 的方法。</p><p>... <a class="more" href="https://blog.miniasp.com/post/2023/06/14/How-to-issue-Refresh-Token-in-Google-OAuth#continue">繼續閱讀</a> ...</p> https://blog.miniasp.com/post/2023/06/14/How-to-issue-Refresh-Token-in-Google-OAuth [email protected] https://blog.miniasp.com/post/2023/06/14/How-to-issue-Refresh-Token-in-Google-OAuth#comment https://blog.miniasp.com/post.aspx?id=74bb0c8a-eca0-4c35-abf9-cdea8bbfadcd 週三, 14 六月 2023 12:19:00 +0000 Security Web OAuth2 Refresh Token google will https://blog.miniasp.com/pingback.axd https://blog.miniasp.com/post.aspx?id=74bb0c8a-eca0-4c35-abf9-cdea8bbfadcd https://blog.miniasp.com/trackback.axd?id=74bb0c8a-eca0-4c35-abf9-cdea8bbfadcd https://blog.miniasp.com/post/2023/06/14/How-to-issue-Refresh-Token-in-Google-OAuth#comment https://blog.miniasp.com/syndication.axd?post=74bb0c8a-eca0-4c35-abf9-cdea8bbfadcd