Chalk.ist是什么？

Chalk.ist 是一款由Idered打造的開源代碼截圖工具，主要幫助開發者將代碼生成為美觀的圖片，用戶只需粘貼代碼，選擇主題和樣式，就能快速創建美觀的代碼截圖，支持多種編程語言。適用于博客寫作、ppt 講解、社媒分享等場景。

Chalk.ist特點

• 界面直觀：左側有主題、字體、背景、格式等大量調節參數面板，各種漸變背景美觀，用戶可自行探索和調整，能滿足不同用戶對于代碼展示風格的個性化需求。

• 高度自定義：

• 代碼細節調整：可以根據喜好調整代碼的字體、字號、行距、字距等細節，還能選擇不同的代碼高亮樣式，讓代碼更加清晰易讀。

• 窗口樣式定制：支持自定義窗口樣式，包括窗口背景、標題欄、窗口陰影等，使截圖更加專業。

• 多種裝飾選項：支持行裝飾、背景噪聲、背景粒子等多種裝飾選項，提升代碼截圖的視覺效果。

• 主題豐富：包含一系列現成的主題，并且允許用戶創建自己的主題，內置多種主題和樣式，可自由選擇最符合自己風格的代碼配色。

• 便捷高效：簡單幾步就能把代碼生成一張精美的圖片，適合任何社交媒體分享，節省時間和精力。

• 支持保存預設：用戶可以保存當前設置為預設，以便以后快速訪問和使用，下次截圖時能快速應用常用風格，省時省力。

• 易于分享：用戶可以將美化后的代碼截圖導出為PNG或SVG格式，并輕松分享到社交媒體或嵌入到博客中。

• 性能優越：使用Vue 3構建，速度快。

技術架構

• 前端：基于Vue.js，提供了豐富的交互和UI配置選項。

• 后端：主要由Nuxt.js驅動，支持動態路由和服務端渲染的能力。

• 樣式處理：通過TailwindCSS實現，靈活高效。此外，項目還提供了一個 /healthcheck 的API端點，可以用來監控服務的健康狀態。

Chalk.ist使用教程

1. 訪問Chalk.ist網站：訪問https://chalk.ist/ 。

2. 選擇代碼主題：在網站上選擇喜歡的代碼主題，它提供多種預設主題和自定義主題，滿足不同用戶的需求。

3. 粘貼代碼：將想要美化的代碼粘貼到編輯器中，可在編輯器中看到代碼的實時預覽效果。

4. 自定義樣式：根據需要自定義代碼的樣式，包括窗口樣式、背景顏色、字體、行號顯示等，還能調整窗口的邊框、陰影、透明度等參數，使截圖更加美觀。

5. 導出截圖：完成自定義后，點擊“導出”按鈕，將美化后的代碼截圖保存到本地，可選擇導出為PNG或SVG格式。

部署方式

http://chalk.ist/使用Nuxt.js進行前后端開發，支持在Vercel上快速部署，非常方便。如果想在本地運行，參考以下步驟來進行操作：

1. 克隆項目：在終端中執行 git clone https://github.com/Idered/chalk.ist 命令。

2. 安裝依賴：使用 pnpm install 命令安裝項目所需依賴。

3. 啟動開發環境：運行 pnpm run dev 命令，即可在本地啟動Chalk.ist。

開源地址：https://github.com/Idered/chalk.ist

相關資訊：

屏幕截圖美化工具