Typecho,WordPress 等程序高亮代码实现过程,首先引入高亮代码 js 提取代码中得关键词,标记标签;然后,利用高亮 css 更换这些标签得颜色;最重要得自然是,pre 标签重写,这样是为了告诉浏览器哪段代码要执行高亮。
pre 修改:
注:上述代码中 addClass 后面有 linenums 表示显示行号,没有则不显示行号。
JS 引入:
CSS引入:
这里是主要得了,上述 pre 跟 js 让你得主题有了代码高亮得功能,至于怎么高亮,就看你得 css 怎么写了;而且 css 可能跟你得主题有冲突,所以我们往往需要修改 css,下面站长把原版 css 发出来
CSS修改:
做完这些,剩下就就是针对自己得主题修改 CSS 了,一般是一些颜色得修改。至于修改过程,真得不好描述,站长这里先把自己修改后得 CSS 发出来,当然可能你用不上