01/10/2018, 10:14

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

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 đở!

Đào An viết 12:31 ngày 01/10/2018

Demo

CodePen

highlight.js Example

...

Trang chủ https://highlightjs.org/

Henry viết 12:20 ngày 01/10/2018

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?

Lê Nhật Thanh viết 12:23 ngày 01/10/2018

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

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

Đào An viết 12:19 ngày 01/10/2018

testhightlightcodepro123.blogspot.com

Test

using namespace std; int main() { cout << "Le Nhat Thanh"; return 0; }

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="https://daynhauhoc.com//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

Lê Nhật Thanh viết 12:26 ngày 01/10/2018

Sorry bạn, mình nhầm

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.

Henry viết 12:22 ngày 01/10/2018

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

Lê Nhật Thanh viết 12:19 ngày 01/10/2018

:(. 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.

Henry viết 12:20 ngày 01/10/2018

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.

Lê Nhật Thanh viết 12:17 ngày 01/10/2018

:)). 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

Henry viết 12:15 ngày 01/10/2018

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

Lê Nhật Thanh viết 12:25 ngày 01/10/2018

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

Đào An viết 12:19 ngày 01/10/2018

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.

Lê Nhật Thanh viết 12:31 ngày 01/10/2018

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

Lê Nhật Thanh viết 12:20 ngày 01/10/2018

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. :)))

Đào An viết 12:24 ngày 01/10/2018