Phát hiện chặn quảng cáo

Xin lỗi bạn, mình có đặt quảng cáo để lấy kinh phí duy trì trang, nếu bạn không thấy phiền có thể tắt chức năng chặn quảng cáo và tải lại trang.

Tiếp tục xem
Tải lại

Chia sẻ source code bằng hình ảnh cực đẹp với Carbon

Bài viết này sẽ hữu ích cho các bạn có Blog chuyên viết các bài chia sẻ về lập trình, các đoạn shortcode hướng dẫn. Trước đây mình đã có hướng dẫn với một bài viết: Hiển thị code trong WordPress không cần dùng Plugin sử dụng github để lưu trữ code. Hôm nay mình xin chia sẻ cách để chuyển đổi code thành hình ảnh để kèm theo các bài viết hướng dẫn. Với cách này các bạn có thể dễ dàng hiển thị code trên website, blog của các bạn.

Hiển thị code trên website bằng hình ảnh cực đẹp với Carbon

Đầu tiên, các bạn truy cập vào website: carbon.now.sh:

Hiển thị code trên website cực đẹp và chuyên nghiệp

Với công cụ này các bạn hoàn toàn có thể tạo ra hình ảnh cực đẹp cho source code của các bạn với các tính năng:

  • Nhiều theme(chủ đề) cho việc hiển thị source code của các bạn.
  • Hiển thị dựa trên ngôn ngữ bạn chọn với hầu hết các ngôn ngữ có mặt trên thị trường.
  • Tùy chỉnh ảnh màu nền hiển thị source code.
  • Xuất hình ảnh định dạng png, svg hoặc nhúng iframe
  • Copy vào clipboard cực kì dễ dàng

Ví dụ:

Mẹo dùng Carbon: Trong quá trình chia sẻ, bạn muốn comment tiếng việt trong source code, các bạn cần thay đổi font-family cho dòng comment để hiển thị đầy đủ:

Hiển thị code trên website cực đẹp và chuyên nghiệp

Nếu các bạn quan tâm tới source code, đội ngữ phát triển thì có thể theo dõi dự án được truy cập công khai tại: https://github.com/carbon-app/carbon.

Hy vọng bài viết này hữu ích với các bạn. Chúc các bạn học tập, làm việc tốt!

About Đặng Thắng

Chào mọi người, mình là Thắng. Sở thích của mình là lập trình và chia sẻ mọi thứ mình học được cho tất cả mọi người. Rất mong mọi người ủng hộ Blog của mình.

Đề xuất

Sử dụng Thunder Client ngay trên VSCode để thay thế Postman

Xin chào mọi người, Trong bài viết này, mình xin được chia sẽ một extension …

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *