Mã thành ảnh

Mã thành ảnh là gì?

Mã thành ảnh là một công cụ miễn phí chạy trên trình duyệt, biến một đoạn mã thành hình ảnh có thể chia sẻ — một thẻ mã được tạo kiểu với tô sáng cú pháp mà bạn có thể chèn vào bài blog, bộ slide, README hoặc bài đăng mạng xã hội. Nó được ưa chuộng bởi các lập trình viên, người viết tài liệu kỹ thuật và nhà giáo dục muốn mã của họ trông được chăm chút thay vì dán một ảnh chụp màn hình phẳng. Chọn tô sáng cho JavaScript, TypeScript, JSX, CSS, HTML, JSON, Python hoặc Bash, sau đó trang trí thẻ bằng một chủ đề, nền chuyển sắc hoặc nền đặc và phần đệm bạn thích. Thẻ được kết xuất trực tiếp khi bạn chỉnh sửa, và một nút Tải PNG duy nhất xuất nó ở độ phân giải 2x.

Cách sử dụng Mã thành ảnh

1. Dán hoặc gõ mã của bạn vào trình soạn thảo, hoặc kết nối đầu ra văn bản của một công cụ khác tới cổng đầu vào trong không gian làm việc.
2. Chọn ngôn ngữ tương ứng — JavaScript, TypeScript, JSX, CSS, HTML, JSON, Python hoặc Bash — để tô sáng cú pháp được chính xác.
3. Mở Cài đặt để chọn chủ đề (Midnight, Graphite hoặc Snow), nền (Aurora, Sunset, Ocean, Slate hoặc Trong suốt) và phần đệm (Chật, Bình thường hoặc Rộng rãi).
4. Xem bản xem trước trực tiếp cập nhật khi bạn gõ và thay đổi tùy chọn; nhấp vào nó để phóng to trong chế độ xem thu phóng.
5. Nhấn Tải PNG để lưu thẻ dưới dạng ảnh độ phân giải cao, hoặc trong không gian làm việc, đưa PNG thẳng tới một công cụ ảnh phía sau.

Ví dụ

Câu hỏi thường gặp

Nó có thể tô sáng những ngôn ngữ nào?

Nó tô sáng JavaScript, TypeScript, JSX, CSS, HTML, JSON, Python và Bash. Chọn ngôn ngữ khớp với đoạn mã của bạn từ menu thả xuống; nếu một token không thể phân loại, nó chỉ đơn giản trở về màu văn bản cơ bản.

Nó xuất ở định dạng ảnh nào?

Nó xuất một PNG ở mật độ điểm ảnh 2x để cho kết quả sắc nét. Nếu bạn chọn tùy chọn nền Trong suốt, PNG giữ một kênh alpha mà không có bất kỳ nền nào phía sau thẻ mã.

Tôi có thể thay đổi giao diện của thẻ không?

Có. Trong Cài đặt, bạn có thể chuyển giữa các chủ đề Midnight, Graphite và Snow, chọn nền Aurora, Sunset, Ocean, Slate hoặc Trong suốt, và đặt phần đệm Chật, Bình thường hoặc Rộng rãi quanh mã.

Mã của tôi có được tải lên đâu đó không?

Không. Cả việc tô sáng cú pháp (Prism) lẫn chụp ảnh (html-to-image) đều chạy 100% phía máy khách, trong trình duyệt của bạn. Mã của bạn không bao giờ được tải lên, gửi tới máy chủ của chúng tôi hay chia sẻ, nên ngay cả những đoạn mã độc quyền cũng ở lại trên thiết bị của bạn.

Tại sao ảnh không xuất hiện cho đến khi tôi nhấp Tải về trên trang công cụ?

Trên trang độc lập, PNG được tạo khi bạn nhấn Tải PNG, nên việc gõ không chụp lại ảnh sau mỗi lần nhấn phím. Bản xem trước có tạo kiểu vẫn cập nhật trực tiếp khi bạn chỉnh sửa; trong không gian làm việc, PNG cũng được dựng lại tự động để có thể chảy tới công cụ tiếp theo.