Logistic's Blog

生命不息,折腾不止!

WordPress插件推荐及基本设置

文章最后修改于:2020-5-28 08:29:17

1、Wordpress插件推荐

  • [1] UpdraftPlus Backup:网站备份还原(可手动&&定时备份网站至Google Drive)
  • [2] iThemes Security:网站安全性优化(开启该插件后“主题编辑器”和“插件编辑器”都被隐藏了,如有需要可取消该设置,安全——Wordpress微调——配置设置——文件编辑器)
  • [3] Limit Login Attempts Reloaded:限制登录重试(防止wordpress后台被暴力破解)
  • [4] Akismet Anti-Spam:防垃圾评论
  • [5] Rank Math SEO:网站SEO优化(可导入Yoast SEO插件的配置)
  • [6] Post Views Counter:后台文章浏览量计数器(可导入历史浏览量)
  • [7] WP Statistics:网站访问统计
  • [8] WP Super Cache:动态页面缓存,有助于加快网页打开速度
  • [9] Beautify Cursor:美化鼠标样式
  • [10] Crayon Syntax Highlighter:代码高亮显示
  • [11] WP Editor.md:Markdown编辑器
  • [12] Table of Contents Plus:为文章添加索引导航
  • [13] Simple Local Avatars:上传头像至用户资料(设置Gravatar头像太过麻烦)
  • [14] poster-girl:Live2D模型的交互美观插件(自动换装版)
  • [15] eaplayer:网易云音乐插件(只需网易云的id即可播放歌单,无需上传音乐)

2、Crayon Syntax Highlighter插件使用说明

[1] 短代码高亮及代码多余尾行问题:

  • 问题描述:

    网上资料大多通过对 Crayon Syntax Highlighter 进行如下设置,解决 markdown 代码块高亮的异常显示。

    《Wordpress插件推荐及基本设置》

    但如果不勾选 “Capture code as Inline Tag” ,会导致使用单个反引号`标记短代码无法被高亮。

  • 问题分析:

    停用 Crayon Syntax Highlighter 之后,观察 markdown 插件的渲染规则:

    • 1.单反引号标记的代码会被渲染成 <code></code>
    • 2.三反引号标记的代码会被渲染成 <pre><code></code></pre>

    这会导致一个二难境地,如果不勾选 “Capture code as Inline Tag”,那么单反引号渲染出的 code 标签不会被 Crayon Syntax Highlighter 进一步高亮。相反,如果勾选该选项, <pre><code></code></pre>标签会被 Crayon Syntax Highlighter 进行两次高亮处理,导致异常,因为它默认会对 pre 标签也进行高亮。

  • 解决方案:

    1.插件——插件编辑器——打开 crayon_wp.class.php文件

    2.找到如下代码(在273行附近):

    添加几行代码如下即可解决问题:

    3.这里做的事情是把 pre 标签中的 code 标签全部删掉,这样我们即可勾选 “Capture code as Inline Tag”,问题便全部解决。(同时,这种改法顺带着也解决了另一个问题,即代码块高亮显示会多出一个无用的空行,这也是 pre 和 code 标签嵌套导致的问题)

[2] >, <转义问题:

  • 问题描述:代码中的大小于号会被转成 web 编码的形式,导致 '<'显示为'<','>'显示为'>'

  • 问题分析:在后台编辑框中提交的文本被保存到数据库中,在前台展示时才会经过Markdown转码。但是做的是先由Markdown根据语法转码后交由Crayon Syntax Highlighter进行代码高亮的渲染。而Markdown会将代码中的特殊符号经由HTML进行转义,而Crayon Syntax Highlighter会原封不动地显示 <pre>标签中的代码,于是转义过后的代码就被原封不动地展示出来了。

  • 解决方案:需要在 Crayon Syntax Highlighter 的设置中勾选如下选项:

    《Wordpress插件推荐及基本设置》

3、参考资料

[1] WordPress 插件推荐

[2] 定制 WordPress Markdown 编辑器及语法高亮

[3] WordPress Live2D 看板娘来了

[4] WordPress音乐播放器插件:eaplayer&Hermit

点赞

发表评论

电子邮件地址不会被公开。

EA PLAYER &

历史记录 [ 注意:部分数据仅限于当前浏览器 ]清空

      00:00/00:00