如何在 wordpress 上安装语法荧光笔?
How to install syntax highlighter on wordpress?
我想在我的 wordpress 博客上集成 Syntax Highlighter。我在互联网上搜索过,但没有找到答案。
我尝试 link 将博客写作模式从视觉模式切换为 html 语法荧光笔,但仍然无法正常工作。
有答案说这不能在免费的 wordpress 博客上完成,但最近我访问了这个博客:
tausiq.wordpress.com/2013/01/19/android-input-field-validation/
这个博客已经完成了这个任务。我想知道这是怎么可能的。
得到答案:
博客使用的是[code language='language']..[/code],没有使用语法高亮
语言的值列表位于:
https://en.support.wordpress.com/code/posting-source-code/
您还可以编辑当前模板 header.php 文件。包括 Syntax Highlighter js 和 css 文件。
包含后,使用 post/page 内容编辑器页面上的 <pre class="brush:php;"><?php echo 'Your example code'; ?></pre>
代码(HTML 模式)。
<!--SYNTAX HIGHLIGHTER BY MBT STARTS-->
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER BY MBT ENDS-->
安装名为 Crayon Syntax Highlighter 的插件。它有超过 50 个主题。
https://wordpress.org/plugins/crayon-syntax-highlighter/screenshots/
这是其中之一:
我想在我的 wordpress 博客上集成 Syntax Highlighter。我在互联网上搜索过,但没有找到答案。
我尝试 link 将博客写作模式从视觉模式切换为 html 语法荧光笔,但仍然无法正常工作。
有答案说这不能在免费的 wordpress 博客上完成,但最近我访问了这个博客:
tausiq.wordpress.com/2013/01/19/android-input-field-validation/
这个博客已经完成了这个任务。我想知道这是怎么可能的。
得到答案:
博客使用的是[code language='language']..[/code],没有使用语法高亮
语言的值列表位于: https://en.support.wordpress.com/code/posting-source-code/
您还可以编辑当前模板 header.php 文件。包括 Syntax Highlighter js 和 css 文件。
包含后,使用 post/page 内容编辑器页面上的 <pre class="brush:php;"><?php echo 'Your example code'; ?></pre>
代码(HTML 模式)。
<!--SYNTAX HIGHLIGHTER BY MBT STARTS-->
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER BY MBT ENDS-->
安装名为 Crayon Syntax Highlighter 的插件。它有超过 50 个主题。
https://wordpress.org/plugins/crayon-syntax-highlighter/screenshots/
这是其中之一: