Giúp đỡ về cài đặt highlight syntax trên blogger

#1

Hi mọi người,

Như tiêu đề, mình thử rất nhiều cách trên mạng chỉ nhưng vẫn không thể hiển thị code theo ý mình được.
Mình chỉ có thể làm ra như vậy:
https://chiasetailieucongnghe.blogspot.com/2017/07/test-code.html

Các bạn ai có kinh nghiệm mong được giúp đở!

#2

Demo

Trang chủ https://highlightjs.org/

#3

Vậy là viết blog trên blogspot mà chèn cái js này vào là có như trên hả anh?

#4

Không biết mình làm có đúng không? Tại mình gà WEB lắm!

image.png1167×530 15.8 KB

Kết quả nó vẫn không được bạn ơi!
https://chiasetailieucongnghe.blogspot.com/2017/07/test-code.html2

#5


bạn copy thiếu code rồi

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/monokai-sublime.min.css">
<div class="container">
<pre><code class="cpp">
using namespace std;
int main()
{
    cout << "Le Nhat Thanh";
    return 0;
}
</code></pre>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
#6

Sorry bạn, mình nhầm :slight_smile:

image.png954×367 24.9 KB

Mình làm được rồi. Nhưng bạn có cách nào loại bỏ mấy cái line number bên cạnh được không? Thay vào đó là line number nằm trong màu đen. Và có cách nào chuyển nền màu đen sang màu trắng được không? Bạn giúp mình nha.

#7

Đó là do theme của bạn. Edit lại thì được thôi

#8

:(. Tại vì mình không chuyên về web, không biết edit sao hết bạn. Mình chỉ biết edit một chút bằng Firefox.

#9

Trước tiên là set solution cho @Dao_An đi đã.
Còn việc edit thì bạn inspect lên. Kiếm xem cái hàng số đó thuộc class div nào. Rồi bạn vào trong nếu được thì xóa thử, hư thì để lại. :smile:

#10

:)). Mình set rồi.
Nó là cái này đây. Và mình tìm trong edit HTML của template thì không thấy :frowning:

image.png1121×397 17.6 KB

#11

Có :smile: Bạn chưa mò thấy thôi

#12

Mình vẫn đang mò :)). Không biết nó khổ vậy đó bạn :frowning:

#13

Thêm số dòng thì phải thêm 1 cái js nưa https://www.html5andbeyond.com/adding-highlight-js-line-numbering/
còn đổi style thì đổi cái css link ban đầu đó b, vào đây kiếm cdn.

#14

Cảm ơn bạn nhiều nha. Mình mò bữa giờ mà không ra!

#15

Mình đã làm được rồi. Cảm ơn các bạn đã giúp đở.
Nhưng mình có thắc mắc là khi cái thằng cdnjs.com nó đóng cửa thì mình tiêu. :)))

#16

thì download mấy file kia về rồi upload lên chỗ lấy đc direct link là đc, nhưng mà chắc ko chết đc đâu :smile:

#17

Mình hiểu ý bạn. hehehe. Thanks nha!

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?