如何在博客中使用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);
posted @ 2016-07-31 19:40  赤热的心  阅读(508)  评论(0编辑  收藏  举报