序:

还是有必要单独分出来说下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使用图文教程相关推荐

  1. 微擎小程序怎么配置服务器域名,随便撸源码源码微擎小程序通用配置图文教程,教会你怎么配置微擎小程序!...

    最近很多网友都在问站长微擎小程序如何配置使用,微擎小程序配置 查看更多关于 微擎小程序配置 的文章 主要分几类,之前已经写过人人商城小程序的配置教程了,大家反响非常好,简单就学会了配置人人商城小程序. ...

  2. ThinkPHP整合百度Ueditor图文教程

    ThinkPHP整合百度Ueditor图文教程 ThinkPHP整合百度Ueditor,基于黄永成老师的视频说明的 申明:最好大家都能写绝对路径的都写好绝对路径比如:window.UEDITOR_HO ...

  3. discuz x2.5插件开发傻瓜图文教程,用demo说话

    2019独角兽企业重金招聘Python工程师标准>>> 刚刚接触DZ的插件开发,记个傻瓜图文教程,一是分享给初学者,二是方便自己以后回忆. 本篇文章适合人群:有一定的PHP开发经验, ...

  4. php创建windos用户,window_Win7系统创建及开启隐藏账户图文教程,  在电脑操作中有时候因为 - phpStudy...

    Win7系统创建及开启隐藏账户图文教程 在电脑操作中有时候因为个人需要就会在电脑上创建一个隐藏账户,隐藏账户就是在控制面板与开机选择中看不见的账户.它可以用输账号密码的方式进入也有着管理员权限.有了隐 ...

  5. vue脚手架怎么用mysql_vue.cli脚手架初次使用图文教程

    vue.cli脚手架初次使用图文教程 我之前的环境是安装了node.js, 我记得曾经好像安装过vue ,不过现在又要重新开始学习起来了.在youtube上看了一vue的相关教程,还是需要实操的. 好 ...

  6. php自动维护,window_Win7系统中的一些自动维护计划、任务关闭、禁用方法图文教程,  windows自动维护功能会在计 - phpStudy...

    Win7系统中的一些自动维护计划.任务关闭.禁用方法图文教程 windows自动维护功能会在计划任务时间中执行对系统安全扫描.系统诊断和软件更新等等,在这些过程中也需要一定的时间来完成,如果用户在设置 ...

  7. vs2019安装python库_vs2019安装和使用详细图文教程

    vs2019已经在4月2日正式发布,vs2019发布会请看这个链接: vs2019和vs2017一样强大,项目兼容,不用互相删除,而且C/C++,Python,F#,ios,Android,Web,N ...

  8. mysql5.7.17winx64安装_MYSQL数据库mysql 5.7.17 winx64安装配置图文教程

    <MysqL数据库MysqL 5.7.17 winx64安装配置图文教程>要点: 本文介绍了MysqL数据库MysqL 5.7.17 winx64安装配置图文教程,希望对您有用.如果有疑问 ...

  9. 真正从零开始,TensorFlow详细安装入门图文教程!(linux)

    读懂智能&未来 首页 专栏 专题 公开课 AI慕课学院 爱搞机 极客购 申请专栏作者 业界人工智能智能驾驶AI+Fintech未来医疗网络安全AR/VR机器人开发者智能硬件物联网GAIR 业界 ...

最新文章

  1. System.currentTimeMills()显示系统当前时间
  2. 微软发布3款SQL Injection攻击检测工具
  3. 图灵计算机模型意义,图灵机有什么意义_学习图灵机模型中遇到的问题
  4. java xml转map_java练习本(原每日一练)(20190514)
  5. c语言数字和字母排序,C# 数字和字母的混合排序
  6. 资源分享|平面设计师可参考的素材网站
  7. [Luogu 1730]最小密度路径
  8. ViT (Vision Transformer) ----LSTM网络
  9. python3.6爬淘宝信息
  10. 12.这就是搜索引擎:核心技术详解 --- 搜索引擎发展趋势
  11. python下载微信公众号文章_python下载微信公众号相关文章
  12. mouseenter、mouseleave、mouseover和mouseout的区别
  13. Laravel执行定时任务
  14. 教你自动识别快递公司,过滤重复单号,查询物流信息
  15. Ubuntu16.04通过docker安装微信和QQ
  16. 简单又强大:基于深度学习的短文本向量嵌入方法
  17. PCLVisualizer
  18. 基于SSM的二手物品交易系统的设计与实现(文末附源码)
  19. python迭代器和生成器
  20. 两度冲刺港交所,润歌互动大浪淘沙如何出金?

热门文章

  1. ps插件cutterman安装与使用
  2. 学习JavaScript的第一天
  3. latex画流程图例子详解,如何画转折线,运行不出来?
  4. A - Learning Languages
  5. 软件需求分析案列_软件需求分析(案例答案)
  6. S50非接触式IC卡性能简介(M1)
  7. 全国计算机考试照片格式错了,全国计算机等级考试的报名照片终于可以换了!...
  8. EDUP无线网卡在win10下无法安装驱动怎么解决?
  9. 使用Android-PIN-Bruteforce爆破Android的锁屏密码
  10. Erro | NFS不能开机自动挂载