正文

博客园的代码高亮

Harvey  Harvey  2022-09-03  133

关键词：

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

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;"

注意：内容中若有"<"则全部要转义成<

更改后代码：

5.效果：

public void savePaper(Paper paper)throws Exception{
		Session session=HibernateUtil.getSessionFactory().getCurrentSession();
		session.beginTransaction();
		session.merge(paper);
		session.getTransaction().commit();
	}

使用openlivewriter的代码高亮插件体验

...ter，不过问题来了，代码高亮问题怎么解决？这个插件在博客园的公告中是有提示的。不过我在博客园上面还是发现了另一个功能比较强的插件（准确的说，都在博客园的公告中有提到查看详情

博客园主题样式修改教程(代码片段)

实现代码高亮那怎么使用呢？我是先向博客园申请了js代码的权限，申请入口还是在刚刚那个【设置】里：我这里是批准了所以显示支持js代码，你们要想实现这个代码高亮，那就得先申请（希望博客园的管理员别打我—..&mdas... 查看详情

优化博客园的js代码总结

为Markdown添加目录这里我参考的是妙音天女的文章。为文章添加版权信息这里我参考的是呆尐兔兔的文章。最后的代码<scriptlanguage="javascript"type="text/javascript">functionsetCopyright(){/*设置版权信息，转载出处自动根... 查看详情

博客园的代码运行

<textareacols="20"rows="8"id="con"><scripttype="text/javascript">alert("你知道我是怎么弹出的吗？");</script></textarea><inputvalue="运行代码"type="button"id="btn"/> 查看详情

博客园的美化(代码片段)

前言第一次写博客想从美化页面开始。页首html代码这里引入的是来自https://www.cnblogs.com/jingmoxukong/p/7826982.html的css文件12<linkrel="stylesheet"href="https://files.cnblogs.com/files/jingmoxukong/cnblog.min.cs 查看详情

将博客园的页面变得简洁清爽(代码片段)

这是博主自用的自定义css，改变了字体大小，代码高亮等方面，让文章有更好的阅读效果。CSS代码#homewidth:85%;pre/*控制代码不换行*/white-space:pre;word-wrap:normal;.cnblogs-markdown.hljsdisplay:block;overflow-x:auto;padding:0.5em;background:#23241f!important;... 查看详情

发现一个骗粉丝的人后发现博客园的一个bug(代码片段)

发现一个骗粉丝的人后发现博客园的一个bug当你点开这篇文章的时候，如果你已经登录博客园账号，那么你自动回成为我的博客园粉丝，因为我加了自动关注的js，这里并不是想骗粉丝，希望博客园能重视这个bug(当然博客园肯定... 查看详情

如何统计博客园的个人博客访问量(代码片段)

这里介绍两种方法首先，需要在博客园后台的设置页面里申请JS权限（通常很快，几分钟就通过了）一、加入百度统计为什么要用百度统计？因为Google被墙了,当然这是一点。还有就是国内大多用百度，因为是自己家的数... 查看详情

python3进阶开发-第一个仿博客园的项目(代码片段)

...serInfo(用户信息表)--------》一对一 -----------》Blog(博客信息表)UserInfo(用户信息表)---------》一对多 -----------》ArticleUpDown(点赞表)UserInfo(用户信息表)---------》一对多 -----------》Art 查看详情

005-设置博客园的博客，不允许选择和复制

在页面中加入以下代码： <scriptlanguage="Javascript"> document.oncontextmenu=newFunction("event.returnValue=false"); document.onselectstart=newFunction("event.returnValue=false"); 查看详情

博客园的推荐栏，怎么漂起来？

...不怕你们笑话，写代码写了这么多年，竟然一开始搞不定博客园的推荐栏，怎么让它漂起来这个问题困扰了我很久！漂起来的样子是什么样的呢？漂起来的样子就像上面这张图那样，方便园友们推荐！问了好几个朋友，他们... 查看详情

使用word发布博客的格式测试

对使用word发布博客园的测试对使用word发布博客园的测试对使用word发布博客园的测试对使用word发布博客园的测试图片测试：表格测试：测试Test测试Test1234343434 代码测试fromdataset.mnistimportload_mnistimportnumpyasnpimportpickle&nbs... 查看详情

如何统计博客园的个人博客访问量

使用过新浪博客的人都知道，新浪博客的首页有访问量统计功能，迁移到博客园之后发现博客园却没有这项功能，所幸博客园在后台管理的设置选项中有一个公告栏和设置页首页脚代码功能，使用起来非常灵活和方便。借此我们... 查看详情

博客园的markdown图片居中对齐并调整大小

博客园的markdown图片居中对齐并调整大小博客园的markdown图片居中对齐并调整大小查看详情

关于博客园的编辑有感

昨天晚上在看图解HTTP，边看边敲书上的内容在博客园的编辑器，敲到中途，气力已用尽。遂用了尘封已久的Typora。哇，舒服，舒服，舒畅至极啊。如图。版面也好看。查看详情

用于测试博客园的网页结构

内容简短主要看网页布局查看详情

如何修改博客园的标题，文本，表格等的显示样式

...html,css的知识，不然你就要自己去查格式 1，打开你的博客首页比如我的是这个：http://www.cnblogs.com/progor/ 2，右键查看网页源代码，在网页源代码中查找到 3.点开href的连接，即可获得你当前所用皮肤的css4.ctrl+a，复制下... 查看详情

博客园的markdown编辑器学习

Markdown！！！在线编辑器点击打开链接学习语言地址点击打开链接查看详情