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

本文介绍如何在SublimeText编辑器中安装并配置代码高亮插件SublimeHighlight,通过该插件可以轻松实现博客文章中的代码片段高亮显示,并附带示例说明。

博客里应用的样式是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);

转载于:https://www.cnblogs.com/xingkong001/p/5723734.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值