首页 > 技术文章 > 博客园代码高亮显示

dashou 2020-12-09 15:28 原文

在博客园中引入自定义css样式高亮效果下:

public class User{
   public User(String name){
      //这个构造器仅有一个参数:name
      System.out.println("用户的名字是 : " + name );
   }
   public static void main(String[] args){
      // 下面的语句将创建一个User对象
      User user= new User( "tommy" );
   }
}

1.下载样式css文件
css 样式下载网址 highlightjs官网

点击 Get version 10.4.1 按钮

直接点击下方的download按钮,在下载得到的文件里面找到想要的样式文件,比如:monokai-sublime.css
2.将样式文件里的文本添加进博客设置的自定义css里
把样式文件里面的内容复制一下,放入博客园后台管理-设置-页面定制 CSS 代码当中,
注意一定要在CSS文件的.hljs前面加上 .cnblogs-markdown
3.编辑博客使用markdown编辑器进行编辑

在需要插入代码的位置点击三次上图中间的添加代码按钮,然后粘贴代码保存即可

  如书写格式:

  显示效果如下:

测试下一段代码

.hljs-strong {
  font-weight: bold;
}

推荐阅读