如何在博客上设置语法荧光笔
如何在博客新界面上设置语法荧光笔。我尝试了很多select,但直到没有工作。请给出任何build议。
1.首先,备份你的博客模板
2.之后,打开您的博客模板(在编辑HTML模式)&复制在此链接给出的所有CSS </b:skin>
标签
3.在</head>
标签前粘贴followig代码
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script> <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>
4.在</body>
标记之前粘贴以下代码。
<script language='javascript'> dp.SyntaxHighlighter.BloggerMode(); dp.SyntaxHighlighter.HighlightAll('code'); </script>
5.保存Blogger模板。
6.现在语法突出显示已准备就绪,您可以使用<pre></pre>
标记来使用它。
<pre name="code"> ...Your html-escaped code goes here... </pre> <pre name="code" class="php"> echo "I like PHP"; </pre>
7.你可以在这里转换你的代码。
8. 这是<class>
属性支持的语言列表。
结帐http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html
这是一个非常简单的“为Blogger的SyntaxHighlighter”教程与截图和一切。
你只需要几分钟就可以开始运行。
另外,本教程是围绕您所指的“新界面”而构build的。
希望这可以帮助。 快乐的编码。
根据您的模板,SyntaxHighlighter JavaScript代码可能在内容加载之前运行。 在这种情况下,更改短暂超时后运行的代码应该可以解决问题。 在模板HTML的<head>
中试试这个:
<script type =“text / javascript”> window.setTimeout(function(){ SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); },10); </ SCRIPT>
您可以在调用ScriptHighlighter.all()
之前添加更多的默认设置。
如果您想自定义SyntaxHighlighter代码显示的外观,请添加如下所示的CSS:
.syntaxhighlighter代码{ 字体家族:Consolas!important; font-size:10px!important; }
!important
是必须重写SyntaxHighlighter主题定义。