WordPress使用Prismatic插件高亮渲染代码
本文最后更新于 315 天前,其中的信息可能已经有所发展或是发生改变。

1、安装Prismatic插件

在后台插件菜单添加新插件,搜索Prismatic,安装Jeff Starr作者的Prismatic并启用。

WordPress使用Prismatic插件高亮渲染代码插图

2、设置Prismatic插件

在已添加插件中找到Prismatic,点击Settings打开设置页面。

在General标签Library项选择Prism.js。

WordPress使用Prismatic插件高亮渲染代码插图1

保存后切换至Prism.js标签,选择主题,按需选择需要开启的功能后保存。

WordPress使用Prismatic插件高亮渲染代码插图2

3、如何使用

在添加文章,需要添加代码的时候,添加自定义HTML块。

WordPress使用Prismatic插件高亮渲染代码插图3

将代码包裹在<pre><code class=”language-python”>中输入自定义HTML块中,其中language-python为代码语言,需要修改为实际的语言,如PHP则修改为language-php:

<pre><code class="language-python">
你的代码块
</code></pre>

示例,在自定义HTML块中输入:

<pre><code class="language-php">
add_filter('upload_mimes', 'allow_zip_uploads');
function allow_zip_uploads($mimes) {
    $mimes['zip'] = 'application/zip';
    return $mimes;
}
</code></pre>

实际显示为:


add_filter('upload_mimes', 'allow_zip_uploads');
function allow_zip_uploads($mimes) {
    $mimes['zip'] = 'application/zip';
    return $mimes;
}

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇