6 Tools to Create Elegant Code Screenshots for Your Social Networks

28-Oct-22

คัมภีร์เทพ IT

See the original english version Click here!

 

บทความนี้ จะมาแนะนำ 6 Tools ช่วยสร้าง Code Screenshots ที่สวยงามให้คุณ และคุณสามารถนำไปใช้ประกอบบทความที่คุณเขียนบน Website หรือ Social Networks ของคุณได้ ซึ่ง Tools ทั้งหมดนี้ สามารถใช้ได้ฟรี! และสามารถใช้งานได้ทั้งแบบ Online หรือบน VS Code

4 Online Tools สำหรับ Convert Code ของคุณเป็นรูปภาพ

Tools ด้านล่างนี้ จะช่วยให้คุณสามารถปรับแต่งชุด Functions เพื่อให้ Code Snippets ของคุณสวยงามและน่าสนใจยิ่งขึ้น และในบทความนี้ได้รวบรวมรูปของ Interface และตัวอย่างผลลัพธ์สำหรับแต่ละ Tool

1. Snappify — สร้าง Code Snippets ที่สวยงามได้อย่างง่ายดาย

Snappify Editor Overview

Snappify Code Screenshot Output

2. Showcode — สร้างรูปภาพของ Code ที่สวยงาม

Showcode Editor Overview

Showcode Code Screenshot Output

3. Carbon — สร้างและแบ่งปันรูปภาพที่สวยงามของ Source Code ของคุณ

Carbon Editor Overview

Carbon Code Screenshot Output

4. Ray — สร้างรูปภาพของ Code ที่สวยงาม

Ray Editor Overview

Ray Code Screenshot Output

VSCode Extensions ที่ช่วยสร้าง Code Screenshots

หากคุณต้องการอยู่ในโปรแกรมแก้ไขโค้ด ส่วนขยายทั้งสองนี้เหมาะสำหรับคุณ พวกเขาจะช่วยให้คุณสามารถเน้นโค้ดที่คุณเลือกและสร้างภาพหน้าจอได้

1. Polacode — สร้าง Code Screenshots ของคุณ

Polacode Overview

Polacode Screenshot Output

2. CodeSnap — สร้าง Screenshots ที่สวยงามให้กับ Code ของคุณ

CodeSnap Overview

CodeSnap Screenshot Output

หวังว่า คุณจะลองนำ Tools เหล่านี้ไปใช้งานในครั้งต่อไป ที่คุณต้องการเขียนบทความของคุณเอง แล้วนำไปแชร์บน Website หรือใน Social Networks ของคุณ แน่นอนว่าจะทำให้บทความของคุณน่าอ่านมากยิ่งขึ้น

ที่มาhttps://medium.com/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด