最近有几个博客园的朋友们私信问我怎么设置代码颜色字体的,干脆整理一下。 博客园写博客的TinyMCE编辑器下添加代码有两种方式,我平时用的是第二种,就是代码背景是一行灰一行白的,行号和代码之间有一条绿色竖线的这种。 首先,字体大小我选择16px ...
最近有几个博客园的朋友们私信问我怎么设置代码颜色字体的,干脆整理一下。 博客园写博客的TinyMCE编辑器下添加代码有两种方式,我平时用的是第二种,就是代码背景是一行灰一行白的,行号和代码之间有一条绿色竖线的这种。 首先,字体大小我选择16px ...
设置默认编辑器为推荐编辑器 之前用的是markdown,一插入代码格式就变乱,而系统推荐默认的编辑器自带富文本编辑器,常用的有js,html 图片上传等各种。 点击<> 会弹出格式。 进行编辑就好了。 ...
1、 2、 ...
一、前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯CSS实现,不需要JS权限。 二、关于博客园的插入代码 本章节只针对博客园的TinyMce编辑器 ...
博客园内置支持SyntaxHighlighter代码着色,使用此内置着色特性需要将博客的默认编辑器改为TinyMCE(“管理”-“选项”中设置)。如果使用CuteEditor,CuteEditor会自动去除代码中的空格,造成代码格式破坏。 如果您使用Windows Live ...
博客园代码定制 版本:2019-08-11 本文基于Simple Memory模板,且已获取CSS和JS权限,此版本并非最终版本。 如有错误请指出,代码开源可以修改完善,仅用于学习交流,转载时请注明出处! 本文记录了对博客园主页优化的尝试过程以及相关的CSS源码。 在此之前默认 ...
使用syntaxhighlighter插件对代码进行加亮: 1>下载syntaxhighlighter,解压后将shThemeDefault.css和shCoreRDark.css文件上传到博客园 2>设置"页首html代码",添加 <link type="text ...
效果 使用方法 如果您使用博客园的 Markdown 编辑器,借助 HTML5 的 detail 标签就可以轻松实现。 在 summary 标签之间填写标题 在 summary 之后加入要折叠的内容 请注意:在要折叠的内容前后各插入一行空格。 ...