Untuk lebih aman, silahkan download JavaScriptnya DISINI, dan ikuti petunjuk yang diberikan. Apabila malas melakukan hal itu, silahkan ikuti langkah-langkah dibawah ini :
Langkah 1 : Menyimpan Link CSS dan JavaScript
Simpan kode ini di atas
</head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/highlight.js@main/src/styles/default.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
Langkah 2 : Pilih CSS
Banyak pilihan CSS yang bisa digunakan, sebelum memilih silahkan lihat Demo DISINI.
Untuk Pilihan CSS, sobat bisa lihat ambil DISINI.
Untuk mengganti tampilan, perhatikan kode diatas.
<..../src/styles/default.css">
Ganti dengan nama file yang ada di Github, misal
<..../src/styles/github.css">
Atau lihat dulu DEMO, silahkan pilih.
Cara Penggunaan
Untuk menggunakan Highlight.js ini, lebih mudah daripada PRISM, kita tidak perlu menentukan bahasanya, sobat tinggal tulis seperti ini :/p>
<pre><code>...kode HTML, CSS, JavaSript di sini..</code></pre>
Keep sharing....