Google Code Prettify，代码高亮的JS库_codeprettify_天马3798的博客-程序员宅基地

技术标签： Google Code Prettify 代码高亮的JS库 jQuery使用&插件

一、code-prettify介绍

1.prettify.js是Google的一款代码高亮插件。

2.他又js代码和css代码构成，用来高亮显示HTML页面中的源代码。

3.支持：C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk, Perl, Basic, Clojure, CSS, Dart, Erlang, Go, Haskell, Lisp, Scheme, LLVM, Lua, Matlab, Pascal, R, Scala, SQL, LaTeX等语言。

4.Git地址： https://github.com/google/code-prettify

CDN地址：http://www.bootcdn.cn/prettify/

二、使用示例

默认在prettify中有5种选择：

prettify.css
sunburst.css
desert.css
doxy.css
sons-of-obsidian.css

1.引用css和js

<link rel="stylesheet" href="css/prettify.css" /> <!-- 设置代码主题，此文件为默认主题，你可以换成其他主题-->
 <script src="js/prettify.js" type="text/javascript"></script>

2.在页面加载成功，执行处理

<body οnlοad="prettyPrint()">

3.多行使用pre标签，当行可以使用code标签

    <pre class="prettyprint  linenums ">
var express = require('express');
var app = express();
app.use('/view2', express.static('view2'));
app.use('/view3', express.static('view3'));
app.use('/view4', express.static('view4'));
app.use('/view5', express.static('view5'));

var server = app.listen(3001, 'localhost', function () {
    var host = server.address().address;
    var port = server.address().port;
    console.log('Server is running at http://%s:%s', host, port);
});
    </pre>

结果预览：

默认样式如下：

注意：

1.在使用之前我建议将prettify.css中 li 的样式中添加：list-style-type:decimal 使得每行都有行号，而不是每5行有一个号。
2.将代码放在<pre class="prettyprint linenums">标签内，其中 linenums 表示为代码添加行号，可以不写。
3.注意：像html中的特殊字符需要转义，比如<a>应该写成 &lt a &gt

更多：

jquery.fly.js实现添加购物车效果、实现抛物线运动

RequireJS实例

echarts(国产)基于html5-canvas的开源图表绘制组件

本文链接：https://blog.csdn.net/u011127019/article/details/77165062

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

关于vue轮播vue-seamless-scroll自动滚动插件复制出来的数据点击事件无效_vue-seamless-scroll使用reset_呆。@473的博客-程序员宅基地

关于vue轮播vue-seamless-scroll自动滚动插件复制出来的数据点击事件无效关于vue-seamless-scroll我的问题然后又又又有新的问题了改变插件使用vue-j-scroll总结关于vue-seamless-scroll目前，在比较火的可视化页面中轮播表是不可缺少的，而使用vue-seamless-scroll实现表格数据自动滚动也非常简单，实用。下载和使用起来也非常简单。官网我的问题上下衔接处数据同步问题,我用的是轮播表里面放的element ui 中的switch 开关，_vue-seamless-scroll使用reset

C#通过TCP实现 HL7医疗系统传输的协议，并使用MLLP协议接收HL7消息并解析_hl7 对接-程序员宅基地

本文讲解的是利用C# 对接医院HIS系统，接收HL7协议数据，并解析数据之前和医院系统对接一直是使用数据库中间表，或者webservices等接口方式，上次遇到别人HIS提供了一份HL7的接口文档；果断开始查各种资料，网上的资料不是很全面，查了很多加上自己的感悟终于有所了解了，下面分享我的经验。关于HL7的详解打击自行查阅网上资料。1. HL7医疗系统传输的协议一般是使用TCP方式实时通讯的，既然是TCP通讯肯定一方作为发送端，一方作为接收端了；跟HIS系统对接我们需要取到HIS里面挂号（登记）的._hl7 对接

AD --- 活动目录的日常管理操作(2)-程序员宅基地

第一节:FSMO规划最佳实践:将森林级别的FSMO角色放置于森林根域的全局编目服务器上将两个森林级别的FSMO角色放置于同一台域控制器上将三个域级别的FSMO角色放置于同一台高性能的域控制器上不建议将域级别的FSMO角色放置于全局编目服务器上降低PDC仿真器的负载--修改注册表架构主控的规划:占有架构主控的域控制器必需保证高可用性,但是不是必需拥有高..._ad活动目录教程电子书 rid池管理器

Gene Tree (点分治)_点分治划分叶子结点_逍遥Fau的博客-程序员宅基地

题目链接: Gene Tree大致题意给你一棵树, 要求你求出所有叶子结点的距离平方和.解题思路点分治 (这个题是可以线性出的QAQ)因为是处理点与点之间的问题, 我们可以考虑一下点分治能否实现.本题要求求出所有叶子结点之间的距离, 我们发现这符合点分治处理子树与子树这一性质.那么我们每次以点x为重心时, 我们需要计算的贡献是, 经过点x的两个叶子结点的距离平方和.比较好想的方法是, 每次计算当前子树时, 把当前子树的所有叶子节点与之前所有子树的叶子节点统计贡献. 但是这样最坏的情况会是**_点分治划分叶子结点

微信网页版接口-程序员宅基地

using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Web;using System.Threading;using System.Net;using System.IO;using System.Drawing;using

org.apache.ibatis.binding.BindingException: Invalid bound statement (not found):-程序员宅基地

org.apache.ibatis.binding.BindingException: Invalid bound statement (not found):这个是接口和xml文件没有映射上把这个加进maven的pom.xml中加上这些 <build> <resources> <!-- maven项目中src源代码下的xml等资源文件编译进classes文件夹，注意：如果没有这个，它会自动搜索resources下是否有mapp

随便推点

解决apache访问php文件时直接下载文件问题_访问网站直接下载文件的问题怎么解决呢_wangchaoqi1985的博客-程序员宅基地

解决apache访问php文件时直接下载文件问题_访问网站直接下载文件的问题怎么解决呢

响应式网页设计之变量及数据类型_网页代码变量怎么写-程序员宅基地

JavaScript语法基础（一）一、变量二、数据类型1.String2.读入数据总结一、变量变量是用于存储信息的"容器"。例如：用字母来保存值【age = 18】，这里的 age 被称为变量。JS为弱类型语言(有数据类型，只是不需要严格规定)，常用变量类型（字符串、数字、布尔值、对象等）变量的命名规则① 第一位必须是字母（也能以 $ 和 _ 符号开头，不推荐这么做）② 可以包含字母、数字、下划线、美元符号$③ 变量名不能是关键字或保留字④ 通常情况下，统一使用小驼峰命名法（camel_网页代码变量怎么写

RocketMQ 简介_丁真的小马的博客-程序员宅基地

一、 RocketMQ特点具有灵活的可扩展性。 RocketMQ 天然支持集群，其核心四大组件（NameServer、Broker、 Producer、Consumer）的每一个都可以在没有单点故障的情况下进行水平扩展。具有海量消息堆积能力。RocketMQ 采用零拷贝原理实现了超大量消息的堆积能力。支持顺序消息。RocketMQ 可以保证消息消费者按照消息发送的顺序对消息进行消费。消息分为全局有序消息和局部有序消息，一般推荐使用局部有序消息，即生产者通过某一类消息顺序发生至同一队列中来实现。_rocketmq