TiddlyWiki5 dan highlight.js - Bagaimana cara mengubah gaya/tema penyorotan sintaksis?

Saya menggunakan TiddlyWiki versi 5.1.13. Saya telah menambahkan plugin highlight (versi 5.1.13) yang menggunakan highlight.js (versi 8.8.0).

Di tiddler saya berhasil menyorot XML seperti ini:

```xml
  <html>
    <body>
    </body>
  </html>
```

Bagaimana cara mengubah gaya/tema highlight ke salah satu gaya highlight.js yang berbeda? (Gaya highlight.js)


person Dennis    schedule 20.04.2017    source sumber
comment
BTW, ini juga cara menyorot kode di SO. mengedipkan mata   -  person s3c    schedule 14.02.2021


Jawaban (3)


Saat Anda menambahkan Highlight.js ke direktori situs Anda, direktori tersebut berisi direktori bernama styles. Di dalam direktori itu Anda memiliki gaya untuk semua tema yang tersedia dengan Highlight.js.

Untuk beralih ke tema lain, cukup alihkan baris ini

<link rel="stylesheet" href="/id/path/to/styles/default.css">

untuk sesuatu seperti ini:

<link rel="stylesheet" href="/id/path/to/styles/pick-theme-name-here.css">

person MadPhysicist    schedule 23.09.2017


Jawaban MadPhysicist di bawah ini tidak sepenuhnya benar. Saya menggunakan versi highlight.js 10.3.1 dan gaya css hanya tersedia dalam .min di cdnjs. Jadi, Anda harus memasukkan pick-theme-name-here.min.css dan bukan pick-theme-name-here.js

Ex :

https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/solarized-light.css

=> 404

https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/solarized-light.min.css

=› tersedia

person lsmpascal    schedule 29.10.2020
comment
Ini lebih seperti deskripsi masalah daripada jawaban. Bisakah Anda menjelaskan bagaimana hal ini membantu memecahkan masalah yang dijelaskan? - person Yunnosch; 29.10.2020
comment
Anda benar, tetapi saya tidak tahu di mana harus menaruhnya. Jawaban MadPhysicist tidak tepat karena Anda harus memasukkan pick-theme-name-here.min.css dan bukan pick-theme-name-here.js. Mungkin sebaiknya saya hanya mengomentari postingannya, dan tidak membuat jawaban. - person lsmpascal; 30.10.2020
comment
Lakukan itu untuk memberikan umpan balik yang bermanfaat di sana atau tambahkan semua informasi dan konteks di sini (dengan atau tanpa kontras dengan jawaban lain) untuk membuat jawaban kompetitif yang lengkap. - person Yunnosch; 30.10.2020
comment
Saya tidak yakin untuk sepenuhnya memahami apa yang Anda jelaskan: dengan pengeditan saya, apakah jawaban saya sekarang benar? - person lsmpascal; 02.11.2020
comment
Terlihat baik-baik saja sekarang. - person Yunnosch; 02.11.2020