博客园中 代码使用 sublime-text 的主题

参考自: http://www.cnblogs.com/Wayou/p/highlight_code_with_sublimetext_style.html

step1: 安装 sublimehighlight 插件

  - sublime中添加repository: ctrl+shift+P --> add repository(url为:https://github.com/n1k0/SublimeHighlight/tree/python3) 

  - Install Package: sublimehighlight

step2: 设置主题

  - preferences=>package settings=>sublimehighlight=>settings-user中加入如下代码, 再随便加点儿阴影和圆角就非常漂亮了,如下:

{
	"theme":"monokai"
}

step3: 写代码并转化成HTML格式, 复制其中代码片段的 div , 粘贴到博客园中就行了.

  - edit=>highlight=>convert to html

 

 上面的效果实现: (放到HTML的末尾, 同时将div的class 改成 cnblogs_code)

<style><!--
div.cnblogs_code{
	margin-left:10px;
	margin-right:50px;
	padding-left:15px;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 10px 10px 5px #888888;
}
div.cnblogs_code_toolbar{
	display:none;
}
</stype>

 

posted @ 2015-12-19 20:01  roger9567  阅读(236)  评论(0编辑  收藏  举报