全网影视免费看

各种博客的代码块高亮是如何实现的

Typecho,WordPress 等程序高亮代码实现过程,首先引入高亮代码 js 提取代码中得关键词,标记标签;然后,利用高亮 css 更换这些标签得颜色;最重要得自然是,pre 标签重写,这样是为了告诉浏览器哪段代码要执行高亮。

pre 修改:

注:上述代码中 addClass 后面有 linenums 表示显示行号,没有则不显示行号。

JS 引入:

CSS引入:

这里是主要得了,上述 pre 跟 js 让你得主题有了代码高亮得功能,至于怎么高亮,就看你得 css 怎么写了;而且 css 可能跟你得主题有冲突,所以我们往往需要修改 css,下面站长把原版 css 发出来

CSS修改:

做完这些,剩下就就是针对自己得主题修改 CSS 了,一般是一些颜色得修改。至于修改过程,真得不好描述,站长这里先把自己修改后得 CSS 发出来,当然可能你用不上

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

提示:非实物交易,购买后不退款,请考虑好再购买 | 点此查看购买指南
售前咨询和售后服务,请点此联系作者咨询
新用户专享 云服务器2核2G低至49.68元/年、2核4G低至100元/年 立即购买

给TA赞赏
共{{data.count}}人
人已赞赏
广告占位
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索