如何在博客中使用SublimeText风格的代码高亮样式

标签：

博客里应用的样式是SublimeText编辑器里面的主题,只需要安装sublime  然后安装，安装sublimehighlight插件

https://github.com/n1k0/SublimeHighlight/tree/python3

线安装的方式，没有成功，可能是因为我的是破解版的软件，直接下载插件包，在github页面将插件的zip文件下载下来

，解压到相应的文件夹下即可：找到SublimeText3的安装路径下的插件包路径（D:\Program Files\Sublime Text3\Data\Packages），将下载下来的文件解压在此即可

打开Sublime Text 3，在菜单栏项点击Preferences可以找到安装好的插件

在解压的文件夹里面有个文件“SublimeHighlight.sublime-settings”，就是用来配置插件属性的，我们可以用Sublime Text 3打开这个文件进行相应的修改。

转子：http://jingyan.baidu.com/article/90808022c1a1d4fd91c80f21.html

吧点击菜单栏“编辑”-->“Highlight”-->“Convert to HTML”，即可生成HTML代码

将生成的HTML代码中div块复制出来，粘贴到我们博客的代码编辑区，就可以实现高亮效果了，这样生成是的内联样式，如果今后想要对博文进行修改，是不会影响到样式的。

例如下面例子

<div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f92672">&lt;?</span><span style="color: #a6e22e">php</span>
    <span style="color: #75715e">// $xml = &quot;&quot;;</span>
    <span style="color: #f8f8f2">$format</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&#39;There are %d monkeys in the %s&#39;</span><span style="color: #f8f8f2">;</span>
    <span style="color: #f8f8f2">$num</span> <span style="color: #f92672">=</span> <span style="color: #ae81ff">3</span><span style="color: #f8f8f2">;</span>
    <span style="color: #f8f8f2">$location</span> <span style="color: #f92672">=</span> <span style="color: #e6db74">&quot;tree&quot;</span><span style="color: #f8f8f2">;</span>
    <span style="color: #f8f8f2">sprintf($format,</span> <span style="color: #f8f8f2">$num,</span> <span style="color: #f8f8f2">$location);</span>
</pre></div>

<?php
	
	// $xml = "";
	$format = ‘There are %d monkeys in the %s‘;
	$num = 3;
	$location = "tree";
	sprintf($format, $num, $location);

如何在博客中使用SublimeText风格的代码高亮样式

标签：

原文地址：http://www.cnblogs.com/xingkong001/p/5723734.html