close
showcode.app 是一個用於創建漂亮代碼圖像的工具。

該工具功能非常強大,可以導入導出我們自己的配置,整個應用分為代碼區域和圖像編輯區域。在代碼區域可以選擇大量支持的編程語言,可以設置 TAB 大小,插入表情,甚至還可以添加多個代碼編輯區域。
在圖像編輯區域可以設置圖像寬高、主題、字體、背景顏色等等。可以設置是否顯示 Header、Title、Menu,也包括行號、陰影、圖像方向等。

此外還提供了一個桌面版的應用,不過是需要付費的,有能力支持的可以前往 https://showcode.app/buy 購買即可。

如果不想付費的,也可以直接使用提供的源碼構建一個應用包。首先克隆代碼:
gitclonehttps://github.com/stevebauman/showcode.git然後使用 npm 安裝相關依賴並啟動 dev 模式即可:
npminstall&&npmrundev然後我們就可以通過 http://localhost:3000 訪問到該應用了,非常簡單。
Git 倉庫:https://github.com/stevebauman/showcode
全站熱搜