[推薦工具] 讓程式碼截圖變的美美的吧！VScode CodeSnap 與 3 種同功能線上工具介紹

前言

覺得直接從 IDE 截下來的 code 不夠美？
那你一定需要這些酷酷的工具！

單機程式碼截圖工具推薦

首推那必須是 VSCode 的 CodeSnap 啦！

安裝之後只要選擇要截圖的 code 後按右鍵，
就會發現最底下有個可愛的 CodeSnap 📸 按鍵，再按右鍵就可以 copy 截圖了。

線上程式碼截圖工具推薦

我精選了我喜歡的免費、好用而且免登入的線上 CodeSnap 工具，
因為我是覺得連程式碼截圖都要登入跟付費真的不能忍…QQ

Showcode

https://showcode.app/

連佈局都可以自訂，可以說是 code snap 界的 Canva。

Carbon

https://carbon.now.sh/

我自己更喜歡簡單的界面一點，Carbon 支援主流的程式語言包含 C++、Python、Java 跟 JS 等，也支援 Bash 跟 YAML，算是蠻全面的。

Ray

https://ray.so/

跟 Carbon 差不多，但日流量大概是 Carbon 的四分之一，
我覺得他的 UI 設計又更簡潔，尤其是去背的部分一鍵搞定，
因為我真的每次都找不到 Carbon 的設定背景顏色在哪….推薦給追求純粹的朋友。

Reference

1. 6 Tools to Create Elegant Code Screenshots for Your Social Networks – Gaël Thomas

Keyword: codesnap, code snapshot, 程式碼截圖, 程式碼美化, code截圖

• About
• Latest Posts

數據女巫 𝔻.𝕡𝕪𝕤 🔮

𝐀𝐈 𝐀𝐫𝐭𝐢𝐬𝐭 • 𝐒𝐨𝐟𝐭𝐰𝐚𝐫𝐞 𝐄𝐧𝐠𝐢𝐧𝐞𝐞𝐫
﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊
致力於打破現有框架的 AI 藝術創作者，曾接受藝文雜誌的個人專訪，作品於香港實體展出。有擔任大學講座講師與 Stable Diffusion AI 年會講者的經驗。擅長 Live Prompting，曾獲 GIGABYTE VS AI 街頭對戰冠軍、ASUS 校園 AI 繪圖競賽亞軍等殊榮。
---
歡迎合作邀約 / 委託 / 各式交流
ᴇᴍᴀɪʟ：dpys@techmagichouse.art

Latest posts by 數據女巫 𝔻.𝕡𝕪𝕤 🔮 (see all)

• [推薦工具] 讓程式碼截圖變的美美的吧！VScode CodeSnap 與 3 種同功能線上工具介紹 - 2025-01-05
• [AI 繪圖初級教學] 用 X/Y/Z Plot 比較 Stable Diffusion 的 prompt 與 LoRA 效果 - 2024-12-27
• [AI 繪圖中級篇教學] Stable Diffusion WebUI WD14 Tagger 介紹 - 2024-12-26