前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wordpress markdown 书写代码高亮插件

wordpress markdown 书写代码高亮插件

作者头像
我与梦想有个约会
发布2020-01-06 16:13:17
1.8K0
发布2020-01-06 16:13:17
举报
文章被收录于专栏:jiajia_dengjiajia_deng

我想,大家已经可以看到本站代码框中的效果了。这是使用了一个名为 WP Code Highlight 的插件。因为我自己的环境比较特殊,虽然 wordpress 带有强大的编辑器,但我还是习惯 markdown 的书写风格,所以每次插入代码的时候都是用三个反引号实现的。体现在前端就是 pre 包着 code 标签。很难找到一款插件能满足这种情况。一般都是要在插入代码的时候设置一下代码的语言插件才能正确的显示。但这款插件完全不需要你单独设置,几乎安装好久可以看到前端的效果了,而且有非常丰富的主题资源提供你使用。

插件效果

代码语言:javascript
复制
const add = (...values) => {
  let sum = 0;

  for (let value of values) {
    sum += value;
  }

  return sum;
}

console.log(add(10, 4, 1, 5));
代码语言:javascript
复制
#include <stdio.h>

int main(int argc, char* argv[])
{
  printf('Hello C');
  return 0;
}

设置截图

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017年2月22日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 插件效果
  • 设置截图
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档