ฉันใช้ TiddlyWiki เวอร์ชัน 5.1.13 ฉันได้เพิ่มปลั๊กอินไฮไลต์ (เวอร์ชัน 5.1.13) ซึ่งใช้ highlight.js (เวอร์ชัน 8.8.0)
ใน tiddler ฉันเน้น XML ได้สำเร็จดังนี้:
```xml
<html>
<body>
</body>
</html>
```
ฉันจะเปลี่ยนสไตล์ / ธีมไฮไลต์เป็นหนึ่งในสไตล์ต่าง ๆ ของ highlight.js ได้อย่างไร (สไตล์ของ Highlight.js)
เมื่อคุณเพิ่ม Highlight.js ลงในไดเร็กทอรีของเว็บไซต์ของคุณ จะมีไดเร็กทอรีชื่อ styles ภายในไดเร็กทอรีนั้น คุณมีสไตล์สำหรับธีมทั้งหมดที่มีใน Highlight.js
หากต้องการเปลี่ยนไปใช้ธีมอื่น เพียงสลับบรรทัดนี้
<link rel="stylesheet" href="/th/path/to/styles/default.css">
เพื่อสิ่งนี้:
<link rel="stylesheet" href="/th/path/to/styles/pick-theme-name-here.css">
นี่คือ URL ไปยังไดเรกทอรีสไตล์ใน highlight.js repo.
ฉันพบว่ามีประโยชน์ในการค้นหาชื่อของธีม Vs 2015 ซึ่งไม่ใช่ vs-2015 แต่เป็น vs2015
ฉันกำลังนำเข้าสไตล์จาก CDN:
<link rel="stylesheet" href="/th//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/default.min.css">
<link rel="stylesheet" href="/th//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/vs2015.min.css">
นอกจากนี้ สำหรับบันทึกแล้ว Vs 2015 นั้นคล้ายกับธีม Dark+ (default dark) ของ VS Code มาก นั่นเป็นธีมเริ่มต้นที่มาพร้อมกับ VS Code
คำตอบของ MadPhysicist ด้านล่างนี้ไม่ถูกต้องเท่าที่ควร ฉันใช้ highlight.js เวอร์ชัน 10.3.1 และ style css มีเฉพาะใน .min บน cdnjs เท่านั้น ดังนั้นคุณต้องใส่pick-theme-name-here.min.css และไม่ใช่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
=› ใช้ได้
