首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 prettify.js 实现网站代码高亮

作为前端开发者,代码是你躲也躲不开的,下面就教你如何在自己的网站里给所有代码块添加高亮效果。而这篇文章要给你介绍的就是这样一个代码高亮插件 prettify.js 。...-- 引入 JS 文件 --> js"> js"> 推荐首选官网下载...从别的地方下载也是可以的,这里没有唯一的标准。 在这里由于启用 prettify.js 时,用到了jQuery 所以你也需要把 jQuery 一同引进来。..."); prettyPrint();} ) 这行代码的意思就是启用 prettify.js ,其实就是给标签添加 class 类 prettyprint 和 linenums...prettyprint :标记作用范围 linenums:是否显示行号 启用完之后,你就可以在你的写文章的时候,用 标签 把代码包裹起来就可以看到美美的高亮效果了 有时候你会遇到一些奇葩的问题

2.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS代码是怎么被执行的

    JS代码是怎么被执行的 我们看到的JS都是在浏览器中或者在Node环境中运行的对吧,那不论是浏览器还是Node,负责编译并且解释执行JS代码的都是一个叫做V8的东西,所以这个问题其实就是V8引擎是怎么去运行...JavaScript的,而js和C/C++/Go/Rust这类静态编译的语言不同,这些静态编译的语言通过编译器把代码变成机器码,然后在机器上运行,js呢在编译后会生成字节码,然后在v8的虚拟机上运行字节码...,java和python也有自己的虚拟机实现,这些语言都将生成的字节码放在虚拟机上运行,相比于直接以机器码运行的语言,这些语言在损失了性能的同时又获得了更多功能上的遍历,然后我们回到V8引擎是如何执行JS...我们这里以V8引擎的模块实现为索引来讲 V8 的 Parser 模块 Parser是V8的一个子模块,它负责将JavaScript源码转换成AST。...这种采用字节码结合编译器和解释器的技术,就是Just-In-Time也就是JIT,Python和Java的虚拟机实现也是用了JIT技术的。

    3.1K40

    怎么让你的网站实现随机壁纸?

    将代码复制于服务器主机 php代码如下: 代码解释: URI所对应的网址应该是可以访问的,img变量所对应的是1.jpg,2.jpg,...,233.jpg这样命名的文件。 将这段代码用记事本保存并命名为bg.php,并保存于网站根目录。...这里以宝塔面板为例,进入文件 - 网站根目录 - 上传 - 选择文件 - 确定。 ? 保存到支持背景图API的主题中 进入WordPress后台 - 外观 - 主题设置 - 背景图API。 ?...参考 PHP随机跳转图片实现刷新一次换一张图片 轻松实现PHP随机图片展示功能代码整理 PHP随机显示图片 PHP 实现随机图像功能 php实现随机显示图片方法汇总 php随机壁纸图片API接口多种输出...版权所有:可定博客 © WNAG.COM.CN 本文标题:《怎么让你的网站实现随机壁纸?》

    1.6K30

    网站都变成灰色了,怎么实现的?

    有些时候我们需要把网站页面变成黑白色或灰色,特别是对于一些需要悼念的日子,以及一些影响力很大的伟人逝世或纪念日的时候,都会让网站的全部网页变成灰色(黑白色),以表示我们对逝者或者英雄的缅怀和悼念。...当大家看到全站的内容都变成了灰色,包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢? 有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色的了,按钮等样式也统一换成了灰色样式。...方法二: 下面这段代码可以把网页变为黑白,将代码加到 CSS 最顶端就可以实现素装,如果网站没有使用 CSS,可以在网页/模板的 HTML 代码和 之间插入: html { filter...css 不能生效,是因为网站没有使用最新的网页标准协议,请将网页最头部的替换为以下代码: 最后 给出一段规范的代码,把这段代码加入到网站页面的css里面即可实现页面变成灰色的效果: html{ -webkit-filter:grayscale(100%

    91520

    博客网站保护版权,防止复制查看源代码的方法

    只是做了个测试,随机取消了限制,知识就是拿来分享的,不过,也尊重下之前分享的人! <!...; return false; } } function ctrl_key() { if (event.keyCode == 17) { //禁用CTRL+S 保存网页代码 window.alert("...请尊重缙哥哥(www.dujin.org)的内容,若要分享,记得注明出处!")...; return false; } if (event.keyCode == 123) { //禁用F12查看源代码 alert('请尊重缙哥哥(www.dujin.org)的内容,若要分享,记得注明出处...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

    81240

    WordPress网站如何实现一键复制(附JS代码)

    WordPress网站添加一键复制指定内容,方法其实很简单,给大家分享一个通过JS代码实现一键复制指定内容的教程。...第一步:JS文件下载clipboard.js 是一个 Github 上的开源项目,可以实现纯 JavaScript 的浏览器内容复制到系统剪贴板的功能!...第二步:引用JS与CSS文件CSS代码:.red_tkl { color: #faddde; border: solid 1px #980c10; background: #d81b21; background...clipboard.min.js 上传到网站根目录,在 WordPress 的 footer.php 的末尾添加如下代码:js" type="text...与CSS文件引用之后,在文章中的某个需要复制的地方放一个按钮就可以了,代码如下:<button class="itemCopy red_tkl button_tkl" id="TKLS" type="button

    2.2K50

    网站都变成灰色了,它是怎么实现的?

    想必大家都感受到了,很多网站、APP 在昨天都变灰了。   先来感受一下变灰后的效果。   这种灰色的效果怎么实现的呢?如何做到图片、文字、按钮都变灰的效果呢?   ...在网页端按下 F12,打开开发者模式,用元素选择器定位到 HTML 标签上,在「样式」的面板中往下翻,就可以看到这样一段代码。   我把它复制过来大家看一下。   ...filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);   打开二哥的网站...然后把之前的代码添加到 HTML 上,然后就可以看到色系变成灰色了。   那这段代码是什么意思呢?   直接把 filter 复制到搜索引擎里看一下。   当参数为 0 的时候,颜色是正常的。   ...然后依次试一下 60%:   100%:   MDN 是怎么解释 () 函数呢?   The () CSS the input image to . Its result is a .

    91230

    网站都变成灰色了,它是怎么实现的?

    想必大家都感受到了,很多网站、APP 在昨天都变灰了,变灰的原因是为了纪念一位伟人。 先来感受一下变灰后的效果。 这是 CSDN 的 这是掘金的 这是 B站的 这种灰色的效果怎么实现的呢?...在网页端按下 F12,打开开发者模式,用元素选择器定位到 HTML 标签上,在「样式」的面板中往下翻,就可以看到这样一段代码。 我把它复制过来大家看一下。...然后把之前的代码添加到 HTML 上,然后就可以看到色系变成灰色了。 那这段代码是什么意思呢? 直接把 filter grayscale 复制到搜索引擎里看一下。...当参数为 0 的时候,颜色是正常的。 然后依次试一下 60%: 100%: MDN 是怎么解释 grayscale() 函数呢?...技术实现起来也比较简单,最后,缅怀一下伟人,感谢他为中国的发展所做出的一切!

    1K20

    网站都变成灰色了,这是怎么实现的?

    有些时候我们需要把网站页面变成黑白色或灰色,特别是对于一些需要悼念的日子,以及一些影响力很大的伟人逝世或纪念日的时候,都会让网站的全部网页变成灰色(黑白色),以表示我们对逝者或者英雄的缅怀和悼念。...当大家看到全站的内容都变成了灰色,包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢? 有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色的了,按钮等样式也统一换成了灰色样式。...方法二: 下面这段代码可以把网页变为黑白,将代码加到 CSS 最顶端就可以实现素装,如果网站没有使用 CSS,可以在网页/模板的 HTML 代码和 之间插入: html { filter...css 不能生效,是因为网站没有使用最新的网页标准协议,请将网页最头部的替换为以下代码: 最后 给出一段规范的代码,把这段代码加入到网站页面的css里面即可实现页面变成灰色的效果: html{ -webkit-filter:grayscale(100%

    79710

    JS代码实现浏览器网页标题的动态切换,略微提高网站粘性

    一、原版分享 功能描述:当网页标签失去焦点切换到指定的标题,获得焦点时即恢复正常标题 原版代码(可用代码①): 代码 来自http://www.weeiy.com End --> 部署方法: 将以下代码加入主题下的 footer.php 或者 header.php 文件中即可(Ps:添加到 Jquery.js...,在多个窗口都出现自定义标题的时候,至少还可以快速定位到首页,所以我将代码继续小改如下(可用代码③): jQuery(document).ready(function() {     function...,可以试试这个流弊强悍的在线工具:http://tool.lu/js/ 三、惯例小结 喜欢动脑筋的朋友有没有看出这个功能的优点呢?...当然,弊端也是固然存在的,当一次性打开多个网页时,不但标签页会自动变窄导致看不全,而且看起来全部都一个样,导致用户想回头找一下刚刚看过的文章都必须用鼠标聚焦或点击查看。

    3.3K40

    软著源代码要求多少页_怎么查看源代码的编码格式

    大家好,又见面了,我是你们的朋友全栈君 申请软件著作权登记的时候会被要求提交60页的源代码。...没有经验的开发者朋友第一次申请的时候难免会遇到因代码文档格式不正确、代码里含有其他版权信息等原因被要求补正的问题,从而导致拿证时间延误。...为了帮助开发者朋友一次性顺利通过软件著作权登记的审查,下面为大家分享下自己总结的60页源代码整理攻略。...第一步:请点击下载 软件著作权登记源代码模板; 第二步:将打算申请软著的软件名称及版本号替换模板里左上角“自助登记安卓版应用软件V1.0”; 第三步:打开软件的代码文件,复制代码; 第四步:回到本文档...代码修改完毕即60页整、每页50行的源代码。若软件所有的代码加起来都不足60页则需要提供所有的源代码,此种形式第一页代码最好是登陆/开始对应的代码,最后一页的代码最好是退出/结束对应的代码。

    2K20

    怎么防止同事用Evil.js的代码投毒

    视频移步B站最近Evil.js被讨论的很多,项目介绍如下图片项目被发布到npm上后,引起了激烈的讨论,最终因为安全问题被npm官方移除,代码也闭源了作为一个前端老司机,我肯定是反对这种行为,泄私愤有很多种方式...,代码里下毒会被git log查到,万一违法了,还不如离职的时候给老板一个大逼兜来的解恨今天我们来讨论一下,如果你作为项目的负责人,如何甄别这种代码下毒欢迎加入前端学习,一起上王者,交个朋友下毒手法最朴实无华的下毒手法就是直接替换函数...,比如evil.js中,给JSON.stringify下毒了,把里面的I换成了l ,每周日prmise的then方法有10%的概率不触发,只有周日能触发着实有点损了, 并且npm的报名就叫lodash-utils...模块node中也可以通过vm模块创建一个沙箱来运行代码,教程可以看这里,不过这对我们代码的入侵性太大了,适用于发现bug后的调试某段具体的代码,并且没法再浏览器里直接用const vm = require...api,已经stage3了,可以手动创建一个隔离的js运行环境,被认为是下一代微前端的利器,不过现在兼容性还不太好,代码看起来有一丢丢像eval,不过和vm的问题一样,需要我们指定某段代码执行更多ShadowRealm

    3.7K20

    怎么防止同事用Evil.js的代码投毒

    最近Evil.js被讨论的很多,项目介绍如下项目被发布到npm上后,引起了激烈的讨论,最终因为安全问题被npm官方移除,代码也闭源了作为一个前端老司机,我肯定是反对这种行为,泄私愤有很多种方式,代码里下毒会被...,比如evil.js中,给JSON.stringify下毒了,把里面的I换成了l ,每周日prmise的then方法有10%的概率不触发,只有周日能触发着实有点损了, 并且npm的报名就叫lodash-utils...node 的vm模块node中也可以通过vm模块创建一个沙箱来运行代码,教程可以看这里,不过这对我们代码的入侵性太大了,适用于发现bug后的调试某段具体的代码,并且没法再浏览器里直接用const vm...ShadowRealm APITC39有一个新的ShadowRealm api,已经stage3了,可以手动创建一个隔离的js运行环境,被认为是下一代微前端的利器,不过现在兼容性还不太好,代码看起来有一丢丢像.../anti-evil.js"><script src=".

    3.1K20

    网站页面查看源代码html的最顶部多出两行

    查看网站源代码时发现,html的最顶部多出两行。...网站是用php代码写的,出现这个问题,我以为是bom头的问题,于是用代码去除了bom头,但还是不行,最后没办法了,只能一个文件一个文件的试,最后终于发现了问题的所在。...效果如下图所示 问题原因 出现这个问题的原因是,在 PHP 的结束符外,多了几个回车导致的。...如下图所示: 解释 php的结束符的作用是在写html和php模版时,区分哪些是php代码,哪些是html的,在结束符外的部分会被认定为是html代码,所有页面上多出了空格。...解决办法 1、删除掉结束符下的空格 2、在纯php页面中,不要写结束符。

    1.3K20

    5行代码怎么实现Hadoop的WordCount?

    扯多了,下面赶紧进入正题,看一下,如何使用5行代码来实现hadoop的wordcount,在Hadoop中如果使用Java写一个wordcount最少也得几十行代码,如果通过Hadoop Streaming...如果是基于Spark的方式来操作HDFS,在采用Scala语言,来写wordcount,5行代码也能搞定,但是如果使用spark,基于Java的api来写,那么就臃肿了,没有几十行代码,也是搞不定的。...(lucene,1) 是的,你没看错,就是5行代码,实现了数据的读取,分割,转换,分组,统计,存储等功能。...作业,而我们无须关心底层的代码实现,只需专注我们的业务即可。...排名,而且还使用Pig来构建它们的web倒排索引等种种扩展功能,我们都可以通过Pig的UDF的方式来实现,它可以将我们的业务与MapReduce具体的实现解耦,而且复用性极强,我们写的任何一个工具类,都可以轻而易举的通过

    83370
    领券