如何在博客中使用sublimeText风格的代码样式

1、安装sublimeText 3

2、安装插件sublimehighlight ,简单点其实跟安装其他ST插件是一样的，先Ctrl+Shift+P调出control panel，然后输入install package，不用输完，当输入了Install后便出来了，然后回车等待插件列表的显示，这个过程大概有个几秒钟的样子。

3、如果第2步安装失败，退出刚才的界面重新输入Ctrl+Shift+P调出control panel，输入add repository 选中并回车，这时界面下方会出现输入repo地址的地方，将https://github.com/n1k0/SublimeHighlight/tree/python3输入后回车确定。

4、完成第3步以后，继续按第2步操作。

5、设置喜欢的样式，设置方法是依次点开preferences=>package settings=>sublimehighlight=>settings - user，输入

　　{

　　　　“theme" : "monokai"

　　}

　　样式可以在插件的GitHub主页看到，名称有：autumn,borland,bw,colorful,default,emacs,friendy,fruity,manni,monokai,mruphy,native,...

6、编写好代码，依次点开edit=>highlight=>convert to html，此命令会将代码转成HTML形式。之后，在新出来的标签中，请将class为highlight的div直接复制，在写博客的时候直接以HTML方式编辑博客

原文地址：https://www.cnblogs.com/toloy/p/8611361.html

时间： 2024-11-09 00:07:41

如何在博客中使用sublimeText风格的代码样式的相关文章

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

博客里应用的样式是SublimeText编辑器里面的主题,只需要安装sublime  然后安装,安装sublimehighlight插件 https://github.com/n1k0/SublimeHighlight/tree/python3 线安装的方式,没有成功,可能是因为我的是破解版的软件,直接下载插件包,在github页面将插件的zip文件下载下来 ,解压到相应的文件夹下即可:找到SublimeText3的安装路径下的插件包路径(D:\Program Files\Sublime Tex

使用Scribefire在博客中插入语法高亮 II

效果如下, 这是我们在Scribefire中添加的code按钮,单击此按钮,则会出现 在codeHere中直接输入代码就可以了. 查看html 可以看到,其中已经添加了<pre>标签. 下面是配置说明: 配置过程参考了这篇文章:linux centos下安装wordpress客户端 ScribeFire 并添加代码高亮功能 一楼留给这位大神 大神说ScribeFire的编辑器是用的tinymce的API,上文是大神分析的结果 所以实际上我们的配置工作就是针对tinymce的API 按照大神的文

关于如何在博客中编辑公式的资料

参考例外一篇关于在线公式编辑的文章:http://www.cnblogs.com/haore147/p/3629895.html 好吧,直接试一下才知道: 1. 打开网址:http://latex.codecogs.com/ 2. 输入LaTex代码: f(x)=\frac{1}{\sqrt{2\pi }\sigma } e^{-\frac{(x-\mu )^2}{2\sigma ^2}} 结果如下图: 3.1 切换到源码模式(方法一) 输入:<img src="http://latex.

在hexo静态博客中利用d3-cloud来展现标签云

效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签.在网上找到了d3-cloud这个项目,github地址:https://github.com/jasondavies/d3-cloud demo地址:https://www.jasondavies.com/wordcloud/ hexo生成的是静态博客,所以最后在网上看到的都是静态的内容,也就是说,我们的看到的标签云也是静态的已经生成好的内容,并不会随着刷新

关于csdn博客中案例效果的动态演示

在以前一篇博文中,网友评论说要是案例效果是动态演示的就好了,我觉得说的很是有道理,因为一个简单的截图不能很好的展示案例效果,要是有一张gif图能动态的播放案例效果就再好不过了.在这里提供一个小软件,用来制作gif图片的.读者可以参考另一篇博文:http://blog.csdn.net/tangcheng_ok/article/details/8246792.这一篇博文也是介绍如何制作gif动态演示图片的.在这里我想做的就是提醒一下大家:在写博文的过程中,如果是上传gif图片,一定要选择无水印,否

查询博客中相同文章类别总共有多少文章

查询博客中相同文章类别总共有多少文章 T_Content 博客表 T_ContentType 博客类别表 string sql = "select  (select  count(*) from T_Content where FTypeId=T.FID) as num from T_ContentType AS T" 查询博客中相同文章类别总共有多少文章

关于完整解答Leo C.W博客中名为“我们公司的ASP.NET 笔试题，你觉得难度如何”的所有题目

关于完整解答Leo C.W博客中名为“我们公司的ASP.NET 笔试题,你觉得难度如何”的所有题目,请大家鉴定,不足之处,敬请指教! 第1到3题解答如下: public enum QuestionType { Text = 0, MultipleChoice = 1 } public interface IQuestion { string Title { get; set; } QuestionType Category { get; } } public abstract class Que

在CSDN博客中插入视频

经过笔者测试,如果想要在CSDN博客中插入视频,在HTML编辑器中写的上传视频的代码(以iframe为例)提交后在文章中是找不到的,不知道为什么没有了,视频也不会显示:在Markdown编辑器中写的上传视频的代码(以iframe为例)提交后在文章中可以找到,同时也会显示视频.

怎样将word中的图片插入到CSDN博客中

目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写博客需要在第三方博客平台注册帐号,且需要第三方博客平台提供API接口.目前的有的博客平台均已关闭博客接口,所以无法使用Word来发布博客. 2.发布到博客或公众号平台的图片无法转载.由于所有博客平台,公众号平台(如微信)开启了图片防盗链功能,作者发布到这些平台上的图片则无法转载到其它的网站中,这限制