[typecho插件]代码高亮 ColorHighlight-一款比较常用的代码高亮插件,需要JQ支持,为MAC风格,支持全屏

起始

本插件是基于 Highlight 插件,改自泽泽( https://qqdie.com/archives/typecho-highlightjs-plugin.html )

在原有的功能上新增复制功能,Mac风格代码高亮,代码块窗口化,可显示语言类型、行号,有复制代码到剪切板功能

(请勿与其它同类插件同时启用,以免互相影响)

使用方法

第 1 步:下载本插件,解压,放到 usr/plugins/ 目录中;

第 2 步:文件夹名改为 ColorHighlight;

第 3 步:登录管理后台,激活插件;

第 4 步:设置:选择主题风格,是否显示行号等。

代码写法

\```php
<?php echo 'hello jrotty!'; ?>
\```

删除上边代码中的\

高亮效果图

高亮效果
68747470733a2f2f7773312e73696e61696d672e636e2f6c617267652f303036586d6d6d676c7931673062786438756f676a6a333168633075303439692e6a7067.jpg

窗口化效果图

窗口化效果
68747470733a2f2f7773342e73696e61696d672e636e2f6c617267652f303036586d6d6d676c7931673062766d6b796f7a746a33313977306e613739352e6a7067.jpg

2019-2-22

更改了样式显示效果,具体进入我的博客查看 博客地址在下方

重要说明

1.选择高亮主题风格 (官方提供的 92 种风格切换,本人自己添加了一种(Mac风格)

atom-one-dark.css
dark.css
default.css
github.css
customemin.css (默认选中,Mac风格(本人看着最顺眼))
pojoaque.css
tomorrow-night.css
vs2015.css
xcode.css

2.是否在代码左侧显示行号 (默认开启)

在插件中不方便实现的设置项
本插件支持常见的一些语言高亮。您可以打开以下链接查看详情:

https://highlightjs.org/download/

github开源地址:

此处内容需要评论回复后(审核通过)方可阅读。

最后修改:2019 年 05 月 07 日 03 : 00 PM
南来北往的大爷们,可怜可怜我吧,赏几两碎银子吧!

10 条评论

  1. 酷酷

    食用

  2. 七月

    。。。我又来食用了

  3. auniceco

    我来食用啦

  4. 零空

    好看支持一下

  5. 好看

发表评论