AFT博客
给你需要的内容 AFTSS.CN!

WordPress 代码高亮插件 io code highlight

WordPress 代码高亮插件,支持经典编辑器和古腾堡代码块,捣鼓 webstack 导航主题整的,本来是集成到主题里的,后来想想,单独弄个插件吧,就弄了个插件 :lol: 分享一下,是 prism.js 的方案。

经典编辑器,没什么好说的,看下图 :roll:

古腾堡区块编辑器,看图。

  • 上传 插件 到 /wp-content/plugins/ 目录
  • 激活插件,没有设置项,激活就能用。
  • 默认是白色的,如果要黑色,请加入下面的css代码,以后再加设置 :mrgreen:
    .ioch-code-highlight{background-color:#151619;border:0}
    :not(pre) > code[class*="language-"],.io-black-mode pre[class*="language-"]{background-color:rgba(0,0,0,.15)}
    .ioch-code-highlight .io-btn-copy{border:1px solid rgba(255,255,255,.5)}

    就这么多了,完。。。

    下载地址:链接:https://pan.baidu.com/s/1Mkci0AfNs9_DqhyWd_7t4w        提取码:tndm

赞(10)
版权声明:除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,禁止任何形式的转载。
文章名称:《WordPress 代码高亮插件 io code highlight》
文章链接:https://blog.aftss.cn/242.html
文章版权归作者所有,未经允许请勿转载。
分享到

评论 7

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    感谢分享

     万人小哈尼4年前 (2020-07-30)回复
  2. #2

    呃呃呃呃

    回忆4年前 (2020-08-23)回复
  3. #3

    站长地址呢?看半天没看到你地址

    腾讯4年前 (2020-08-25)回复
    • 不好意思,这个地址还真忘记放了

      AFT资源4年前 (2020-08-31)回复
  4. #4

    看下载文件貌似还更新了,使用后真心感觉不错,感谢博主分享

    开心Blogs3年前 (2020-11-16)回复
  5. #5

    为啥我用不了

    啊这3年前 (2020-11-24)回复