Chuyển đến nội dung chính

Làm thế nào để có thể nhúng source code vào bài viết trên Blogger?

Nói nhảm
Là một developer mình luôn luôn muốn chia sẻ những gì mình học được tới mọi người. Và một trong những cách đó là ngồi viết nhảm nhí trên blog :). Hôm nay chợt nảy ra ý định muốn tạo các bài hướng dẫn các sử dụng ReatJs từ cơ bản tới không còn cơ bản nữa. Nhưng chợt nhận ra mình không có khả năng viết lách lắm :)

Nói hơi nhảm xíu nhé mọi người. Nhưng nếu ai ủng hộ mình viết một series hướng dẫn lập trình web sử dụng ReactJs thì comment bên dưới nhé. Còn bây giờ quay lại chủ đề chính của mình trong bài viết này là làm sao có thể nhúng đoạn code đẹp trai này vào bất cứ blog nào hỗ trợ soạn HTML.


Javascript 
1
console.log("Bạn rất đẹp trai");


Python
1
print("Bạn còn đẹp trai hơn")

và có rất nhiều ngôn ngữ khác nữa. Wow nghề viết lách lại không đơn giản :)

Nói thật


Mình có hỏi bạn bè đồng nghiệp và rồi hỏi anh Google thân thuộc thì hiện tại tìm được hai giải pháp có thể giúp anh em code tung trời và trình bày đẹp trai trên bài viết của mình.

Cách thứ 1


Đầu tiên phải kể đến anh Github có một tính năng chia sẻ các file nhỏ là Gist. Anh em có thể tạo các files này với extension tương ứng với ngôn ngữ mình code. Sau đó có thể lấy link embed và website. Cách này ngon bổ rẻ và có thể version control source code của mình. Cách này phù hợp với các file lớn nhiều code :) Hình ảnh minh hoạ bên dưới.

Lấy embed link từ Gist



Cách thứ 2

Cách này phù hợp khi bạn trình bày các đoạn code nhỏ, các câu lệnh đơn và đặc biệt là hỗ trọ rất nhiều ngôn ngữ khác nhau. Bạn có thể truy cập vào hilite.me copy đoạn code bạn muốn highlight rồi paste và ô Source code. Bạn sẽ nhận được đoạn code html đã được gen ra. Lấy đoạn code đó và nhúng và website. 
Lấy source code html

Hi vọng là từ nay mọi người có thể không gặp khó khăn trong việc chia sẻ kiến thức tới người khác rồi :)

Happy coding !


Nhãn:

Nhận xét

  1. Mai Hoa Vulúc 07:25 23 tháng 9, 2020

    Rất ủng hộ bạn việc gây dựng tình yêu code với mình ��

    Trả lờiXóa

Đăng nhận xét

Bài đăng phổ biến từ blog này

Introduction Heartbeat

In this tutorial, I show for you some concepts about heartbeat.  Heartbeat is a project from Linux-HA (Linux high available). The goal is t provide a High availability clustering solution for Linux. Heartbeat is the daemon which provides the cluster infrastructure. In order to be useful, heartbeat needs to be combined with a Cluster Resource Manager (CRM), which is the one in charge of starting and stopping the services (Web, DNS, Database, File servers and/or IP Addresss) to make them Highly Available. Through the years, Heartbeat has evolved and has different types of configurations: Heartbeat V1: This type of configuration uses the Version Cluster Resource Manager. This is also known as legacy Heartbeat. It allows us to configure two cluster node in active / passive or active / active configurations. Heartbeat V2: This type of configuration is related  to the use of the version 2 Cluster Resource Manager. It allows us to configure two or more nodes in active / pass...
Đăng nhận xét
Đọc thêm

Thủa sơ khai của React - Pure React

Pure React Chúng ta hãy cùng bắt đầu học Reactjs với cách viết Pure React. Nói không với các bước compile, không với Webpack, Parcel, JSX mà chỉ có Javascript thuần tuý thôi. Vì mình biết nếu bây giờ nhảy thẳng vào các khái niệm đó, các bạn sẽ choáng ngợp bởi có quá nhiều khái niệm, và cũng không hiểu rằng tại sao họ lại dùng những thư viện đó và dùng nó khi nào nữa :) Nào hãy cùng tạo một project tên là adopt-me  mình lấy tên như này bởi mình muốn sử dụng API của trang Petfinder.com  cho các bài hướng dẫn sau về xử lý kết quả trả về từ API. Và cũng vì lý do nhân văn là các bạn nên nhận nuôi một con thú cưng nhé hihi. Mình khuyến khích các bạn lập trình sử dụng hệ điều hành Linux hoặc MacOs nó rất tiện cho bạn sử dụng dòng lệnh và thao tác nhanh chóng như dân lập trình Pro. Chúng ta bắt đầu tạo một thư mục adopt-me , dưới thư mục chúng ta tạo một thư mục src lưu code và tạo một file index.html trong thư mục đó. Cách đơn giản là bạn mở terminal lên và gõ câu lệnh. mkdir -p ...
Đăng nhận xét
Đọc thêm

Using Vim Editor

The Vim is a tool editor text. It is used as the most popular and powerful tool. In the context of Vim, it can operate in two modes: command mode and insert mode. The editor always starts in command mode. In the command mode, we can move through the text, search, replace, mark blocks and switch the editor to insert mode. The first, we will install Vim. On ubuntu sudo apt-get install vim On CentOS sudo yum install vim We use command vi file_name to open file in the Vim editor. We will start with some basic commands. Basic commands h to move the cursor to the left l to move it to the right k to move it to the up j to move it to the down G to move it to the begin of last line gg to move it to the begin of first line :n to move it to line n of the file Basic operations n dd will delete n lines starting from the current cursor position. u will undo. ctr + r will redo. n dw will delete n words starting from the current cursor position to right...
Đăng nhận xét
Đọc thêm