第一步:下载首选下载 highlight.js 代码高亮插件
勾选你常用的语言，在使用插件时会自动检测你要展示的代码的语言，并自动让代码高亮。通常common就足够用了
第二步:新建一个html文件测试一下吧!
<link rel="stylesheet" type="text/css" href="css/dark.css"/> 下载来的文件里面css有很多 你可以自己选择样式 <script src="js/highlight.pack.js"></script> 引入js文件 <script>hljs.initHighlightingOnLoad()</script> 这一步很关键 很多人引入后说没有反应 很可能是这一步没写
第三步:书写代码:
一定要将你要展示的代码包在<pre><code></code></pre>标签里
系统会自动检测你的代码的内容，不过如果你不放心的话，可以在<code>标签中用代码用到的语言起一个class名
例如 :
<pre><code class="php">你的代码</code></pre>
效果图:
效果样式很多 就不一一列出来了.有兴趣的自己尝试一下吧!
相关推荐
highlight的使用 一句代码实现代码高亮只要页面有<pre>标签,引入一个js即可实现代码高亮代码一(highlight): ie会出现问题 懒得改了 我自己用的代码二 更小 18kb在页面的底部添加:<script ty
html 弹出对话框 DiV模拟对话框小窗口原生js代码 弹出子窗口关键是还可以拖动 查看演示代码1(最简单的拖动原理):<div id='box' style="position:absolute;width:100px;height
原生js代码实现 返回顶部代码可以写成chrome插件 在所有网站插入js代码:/*返回顶部 和返回底部*/ window.onload=function(){ /*添加返回顶部按钮*/ var a=document.c
定时插座 可编程插座使用说明书zblog主题配置或后台操作使用说明
快速熟悉一个模板(任意模板通用) 方法:主题中的XX设置是什么意思?按照下列方法.把你不懂的框 全都填成不同的数字.然后去后台 清空缓存重新编译模板 再去网站看下会出现在哪里,瞬间就会明白.简单的问题
zblog站群批量管理 一键切换后台工具使用说明方式二使用方法:第一步:首先下载同步小插件,传到任意一个网站下面admin_admin_admin.rar这个的目的是为了统一管理网站,为了添加网站后 再所有网站后台都能获取到所有站点列表第二部:打开
火车头采集器 发布zblog 免登录发布模块接口使用说明发布模块下载地址:(已下载过的无需再下载)https://pan.baidu.com/s/1eNlvgVyIrlu_clQxxcglKA提取码: 9ghr配套插件:https://app.zblogc
zblog使用主题或插件进行自定义模块创建function demo_create_functions() { global $zbp; if(!isset($zbp->modulesbyfilename['demo_
zblog网站地图设置方法 xml地图/txt地图/html地图插件的使用提升收录利器,百度地图是网站优化必不可少的利器.百度会顺着地图爬取更多的页面.只有爬取的多,收录的机会才会多.购买后不会设置的.或者有任何疑问,可以加QQ:1339035184咨询.可生成 XML T
zblog主题文件模板文件说明主题目录文件结构说明: 必须/zb_users/theme/主题id/theme.xml主题信息./zb_users/theme/主题id/screenshot.png主题截图./zb_users/