原文:修改博客园markdown编辑器代码高亮风格的方法

作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物 博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格 还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式可供我们开箱即用。Highlightjs就是这样一款产品。 下面介绍一下我是如何将这款产品应用于博客园markdown编辑器中的。 第一步,找到你所喜欢的高亮主题 打开Hightlightjs的demo ...

2019-12-15 21:11 1 486 推荐指数:

查看详情

使用highlightjs+markdown编辑器自定义博客园代码高亮

一 下载选定highlightjs主题CSS样式 先去highlightjs官网选择一个主题,然后直接下载主题包,找到对应名字的css,复制所有css样式代码 然后博客园选项修改默认编辑器markdown,如下: 二 修改CSS代码并设置 在样式的第一行.hljs前面 ...

Thu Dec 26 07:16:00 CST 2019 0 829
博客园修改TinyMCE编辑器Markdown编辑器方法

博客园修改TinyMCE编辑器Markdown编辑器方法 登录后点击“我的博客”然后点击“管理”进入管理后台 *注意,鉴于个人之间博客的皮肤或布局有所不同,该选项可能并不位于此或表述上有出入 * 之后再进入“选项”页面并在②处选择Markdown,然后在③处点击保存 ...

Fri Apr 05 03:16:00 CST 2019 1 580
博客园markdown编辑器代码折叠

博客园设置里申请js权限。作用到侧边栏就可以,其他地方也行。只适配的markdown编辑器,与其他界面美化代码一起使用可能会出现bug。 ...

Mon Aug 26 05:31:00 CST 2019 12 873
博客园Markdown编辑器修改代码配色、添加代码行号

修改Markdown代码框 UPD 2020-03-15 五天前这个主题的作者更新了1.2.6版本,新版本中改善了对MD代码框的支持,本教程的部分内容已非必要。 初始效果 前几天换了博客的主题,开始用博客园的md编辑器博客,然而md编辑器代码高亮支持有些糟糕。 在新主题下< ...

Tue Jan 28 19:56:00 CST 2020 12 1167
如何修改博客园“插入代码”中的代码风格?(一个博客园代码高亮的方案)

一、前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮风格。 使用纯CSS实现,不需要JS权限。 二、关于博客园的插入代码 本章节只针对博客园的TinyMce编辑器 ...

Thu Aug 08 01:01:00 CST 2019 0 460
博客园 Markdown编辑器简要教程

了。目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如简书)也支持了 Markdow ...

Mon Jun 03 19:36:00 CST 2019 3 1242
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM