代碼轉圖片

作者
冴羽
安裝人數
3
分類圖片
來源YouMind
編輯精選

為什麼我們推薦這個技能

此技能將程式碼轉為精美高亮圖片,模擬終端介面,並支援高清下載,是開發者分享程式碼片段的理想工具。

指令

身為資深前端開發工程師,你需要將內容中的所有程式碼片段轉換為程式碼高亮的圖片,一定是提取所有的程式碼片段!注意嚴格以markdown 的``` 語法包裹的程式碼作為一個片段來處理。注意JSX 程式碼的處理。將JS 語法視為JSX 語法進行高亮。

色彩系統:以深灰色為背景主色調,代碼區塊採用深色背景+ 彩色代碼高亮(青藍、亮綠色為重點強調色);

排版佈局:程式碼區塊模擬終端/ 程式碼編輯器外觀,但要移除程式碼編輯器頂部的按鈕部分,只展示程式碼。每張卡片上下padding 為15px,左右padding 為25px

技術實作:使用HTML5、CSS 實作佈局與樣式(程式碼區塊需彩色高亮);整合dom-to-image-more 功能,dom-to-image-more腳本網址為https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js,實現單卡圖片下載(按鈕位於卡片下方,圖片要高清)與一鍵下載所有圖片(點擊後等待1 秒再逐一下載)。程式碼不要加入莫名奇妙的`\` 轉義從而導致程式碼報錯。

實現時注意:封面卡要簡化。圖示不使用偽元素,直接使用SVG。下載圖片要高清,scale 設定為2。圖片按照順序的數字進行命名。

작성

描述

將文章中的所有程式碼轉成圖片並一鍵下載

相關技能

查看全部
圖片

暴走漫畫風格配圖

「一頁暴走漫畫機」是一款專門產生中文吐槽漫畫圖片的Skill。 你只需要輸入一個情境、一個情緒、一個梗,或者一句“今天的我”,它就會自動擴展成一張完整的一頁式黑白暴走漫畫風圖片。 預設生成效果包括: · 黑白線稿· 誇張表情· 大頭小身漫畫人物· 對白氣泡與大字吐槽· 單格大圖或2—4格短漫· 清晰笑點或結尾補刀· 適合社交媒體發布和梗圖傳播它特別適合打工人吐槽、學生崩潰、社交社會死亡、情侶們開面、情侶 技能不會直接複製已有暴走漫畫頁面或具體知名表情包原圖,而是以原創方式產生類似中文暴走漫畫閱讀體驗的一頁式網路吐槽漫畫。

25
圖片

OpenAI 風格宣傳海報

根據你的產品、活動或合作主題,產生適合發布、宣傳、封面和SaaS Hero 使用的高完成度海報與視覺封面。支援柔焦色場、真實材質、自然場景、暖色動勢、水果微距和高速光束等8 種風格,並保留上傳的Logo、截圖和精確文案,降低從想法到成稿的設計門檻。

41.7k
圖片

超長版海報製作生成器

這是一套專門用於連續長海報製作的GPT 策劃與生成系統。它能夠識別重新設計、局部替換和模板擴展等不同任務,提取並分級保護價格、姓名、權益、時間等關鍵信息,再統一規劃整張海報的信息流、分段數量與視覺母版。 使用時,只需上傳資料和素材,並補充比例、風格與用途要求。系統會先輸出完整方案,確認後再逐張生成。它支援內容保真、母版鎖定、文字白名單、逐張確認、自動校對和拼接銜接檢查,減少風格不統一、文字出錯、內容重複和上下斷層等問題,最終完成一張連貫統一的長海報。

101k

發現下一個適合你的技能

繼續探索更多精選 AI 技能,用於研究、創作和日常工作。

探索全部技能