prism.js使用图文教程
生活随笔
收集整理的這篇文章主要介紹了
prism.js使用图文教程
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
序：
????????還是有必要單獨分出來說下prism.js。其實你會用到prism.js 基本意味這你要搭建自己的技術博客了，要么搭建技術類分享的站點。
? ? ? ? 別急，我知道你肯定是配合文本編輯器一起用的，在這個之前你肯定也得知道這個玩意怎么搞，不至于你到時引入文本編輯器你都不知道是文本編輯器問題還是你js引的有問題
一、選語言
? ? ? ? 1、去prism.js點右邊-------->Download ▲ Prism
? ? ? ? 2、在Languages欄目（語言那邊 ）你勾幾個你要的語言比如博主勾一個jq
? ? ? ? 3、最底下Plugins插件 欄目? 第一個Line Highlight?、Line Numbers 、?Copy to Clipboard Button 勾起來,Toolbar 會自動選中
????????
? ? ? ? ?4、保存下你的頂部鏈接（方便你下次還想往里面加語言時，只要復制的鏈接瀏覽器打開他就自動選中了，貼心不，點贊！）
? ? ? ? ?5、來，點擊下載 js和css
? ? ? ? ?6、運行
????????
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><script type="text/javascript" src="prism.js"></script><link rel="stylesheet" type="text/css" href="prism.css"/> <pre > <code class="language-jq">$(()=>{$(".a").click((e)=>{$.each()//$.extend();})}) </code> </pre></body> </html>?
? ? ? ? 7、上個翻譯，你們對著看?
?
總結
以上是生活随笔為你收集整理的prism.js使用图文教程的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 初识西门子Wincc OA——超大型/分
- 下一篇： swig编译上期技术CTP 穿透式版本