博客园的代码高亮

博客园自带的代码样式很难看,以下是如何自己设置代码的高亮。

1.点开HTML编辑。

  

2.找到代码位置,大致如下:

3.提炼成以下样式:

<pre class=‘{0}‘>内容</pre>

4.博客园已经默认支持 SyntaxHighlighter 插件。

只需在<pre>标签加入class样式即可,将{0}用如下样式替换,brush:java替换成实际语言brush:xxx(可自定义样式,但前面要有brush:xxx)

class="brush: java;html-script: false;quick-code: true;smart-tabs: true;auto-links: false;toolbar: false;gutter; true;light: false;ruler: false;pad-line-numbers:   2;collapse: false;tab-size: 4;first-line: 1;"

注意:内容中若有"<"则全部要转义成&lt;

更改后代码:

5.效果:

public void savePaper(Paper paper)throws Exception{
		Session session=HibernateUtil.getSessionFactory().getCurrentSession();
		session.beginTransaction();
		session.merge(paper);
		session.getTransaction().commit();
	}
时间: 2024-10-15 07:47:15

博客园的代码高亮的相关文章

[博客美化] 博客园SyntaxHighlighter代码高亮

在网上搜了一圈,觉得用Windows Live Writer/Open Live Writer代码着色太繁琐了,仅仅为了实现博客代码着色功能就要下载新软件和搞一堆配置.Win10用户只能使用Open Live Writer.Web端能干的事干嘛多搞功夫.如果不愿意网页登陆账号只想通过OLW软件编辑全文并且发布的话,可以参考这个:https://www.cnblogs.com/huntdream/p/6006350.html,说得很清楚了. [ 补充:下载完SyntaxHighlighter插件需

为知笔记发布到博客园,代码高亮失效问题

博客设置 -> 页面定制CSS代码 填入以下样式表 /* Original style from softwaremaniacs.org (c) Ivan Sagalaev <[email protected]> */ .hljs { display: block; padding: 0.5em; background: #F0F0F0; } .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .h

博客园中实现代码高亮

本文目的:在博客园中引入sublime样式的代码高亮效果. 话不多说,先上效果图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>helloWorld</title> <style> div{ text-align: center; font-size: 20px; } </style

博客园CSS代码

本博客前端页面的后台设置源码: 1,博客园CSS设置: @charset "utf-8"; body { font-size: 15px; padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial; min-width: 1200px; } #home { opacity: 0.95; filter: alpha(opacity=95); box-shadow: 0 0 10px #000;

我的博客园定制代码

页面定制css 删除了后面的广告233333 /*公用*/ body { font-size:15px; padding:0; margin:0; font-family:"微软雅黑","宋体",Arial; background:#205424 url('http://images2015.cnblogs.com/blog/778902/201602/778902-20160227121518068-1846861955.jpg') no-repeat top c

[cnblogs] 仿博客园插入代码的Windows Live Writer插件

一  插件相关效果图展示 插件效果图: 在Windows Live Writer中的效果如图: [1] [2] [3] 对应的插入代码在博客中的效果如下: [1] public static void Main(string[] args) { int sum = 0; for(int i = 0 ; i < 100 ; i++) { sum += i; } } [2] public static void Main(string[] args) { int sum = 0; for(int i

博客园界面代码风格(代码样式)自定义设置

使用highliht的样式自定义自己的代码样式 1.在highlight.js demo选一个你自己喜欢的代码风格 我用的是vscode编辑器,因此我比较喜欢 Atelier Heath Light 这款风格 2.在highlight.js demo下载你喜欢的风格 3.修改风格样式将 .h1js  (注意有个空格)替换成 '.cnblogs-markdown .hljs', .hljs- 替换成'.cnblogs-markdown .hljs-' 我的编辑器操作做如下,选择全部替换,目的是添加

博客园美化代码备份

#Header1_HeaderTitle { font-family: "华文行楷"; font-size: 62px; font-weight: bold; padding-top:15px; padding-bottom:5px; padding-left:20px; padding-right:0px; text-align: center; } Header2_HeaderTitle { font-family: "华文行楷"; font-size: 52p

博客园的代码运行

<textarea cols="20" rows="8" id="con"> <script type="text/javascript"> alert("你知道我是怎么弹出的吗?"); </script> </textarea> <input value="运行代码" type="button" id="