Trước khi đọc bài này, mời các bạn xem ảnh sau. Các bạn có biết làm thế nào để tạo ra những bức ảnh như vậy không?

Anh trên được lấy từ bài viết A complete introduction to Apollo, the GraphQL toolkit trên medium.

Không chỉ có bức ảnh trên, mà mình nhìn thấy có khá nhiều bài viết về technical khác sử dụng ảnh style theo kiểu này. Mình khá tò mò và cố tìm cách để tạo ra bức ảnh như vậy.

Phương pháp đầu tiên mình dùng là text editor. Mình dùng Atom và cố dùng 0 với 1 để sắp xếp thành 1 chữ có nghĩa. Sau khi code xong, để tạo ra bức ảnh thì mình chụp screenshot. Với các bạn không muốn dùng screenshot thì có thể dùng công cụ Carbon, công cụ tạo ảnh online từ code, với style đẹp như code editor.

Cách này cũng tạm được nhưng khá mất thời gian và kết quả không được đẹp như mong muốn.

Ảnh tạo bởi Atom Editor

May mắn thay, trong một lần thảo luận trên slack với một anh bạn người Nga, mình thấy anh bạn này chat rất nhanh theo style

| (_) | _____  | |_| |__ (_)___ 
| | | |/ / _ \ | __| '_ \| / __|
| | |   <  __/ | |_| | | | \__ \
|_|_|_|\_\___|  \__|_| |_|_|___/

(like this)

                          .   oooo         o8o           
                        .o8   `888         `"'           
 .ooooo.  oooo d8b    .o888oo  888 .oo.   oooo   .oooo.o 
d88' `88b `888""8P      888    888P"Y88b  `888  d88(  "8 
888   888  888          888    888   888   888  `"Y88b.  
888   888  888          888 .  888   888   888  o.  )88b 
`Y8bod8P' d888b         "888" o888o o888o o888o 8""888P' 

(or this)

Wow, đây chính là cái mình đang tìm kiếm. Sau khi hỏi ra thì anh bạn này dùng công cụ gọi là Figlet. Figlet là công cụ để tạo style chữ như trên. Bạn chỉ cần nhập text bạn đầu và Figlet sẽ sinh ra text cho bạn.

Ngoài cách download figlet về và cài đặt trên máy tính, cũng có rất nhiều công cụ figlet online. Mình thích dùng công cụ online hơn vì không phải cài đặt gì thêm vào máy tính.

Mình dùng Figlet Online Tool. Tạo chữ iot2vn.com, chọn Font Basic

Sau đó copy và past lên Carbon, chọn theme Dracula và ngôn ngữ C

Một số kiểu text khác:

Vậy là với FigletCarbon, các bạn có thể tạo ra các bức ảnh với nhiều text style khác nhau rồi!