Markdown 随笔:改变 typora 扩展Markdown语法【文字高亮颜色】


更新提示:
更新:2020/07/24


1.前言

文字高亮在typora >格式 >高亮 可以找到

image-20200718154158739

原始颜色效果如下图,颜色是黄色的。

image-20200718154406642

代码格式是:==文字高亮==

注:目前我发现只有 CSDN平台支持 Markdown 高亮语法,但改变颜色失败;GitHub,gitee平台支持的Markdown 高亮语法均不好用。当然,typora 软件是支持 Markdown 高亮语法,且可改变颜色,不过要到偏好设置中开启。

image-20200718160954823

2. 改变高亮语法颜色

是通过 html+css 代码渲染改变的,是全局性的,即整篇文章的高亮语法颜色都改变。

<!DOCTYPE html>
<html>
<head>
<meta  charset=utf-8"/>
    <style>
        mark {
            background-color:#FFFF00 ; font-weight:bold;
        }
    </style>

把上代码复制到typora 的md文章的任意行,代码会隐藏起来。之后执行高亮语法即可。例子如下面两幅图。

image-20200718155847049

上图是typora源代码图。

image-20200718155927179

上图是渲染之后的效果图。可以看到成功改变了高亮语法颜色,由黄色改变成亮绿色了。

由源代码可以知道,有 2 种方式使用高亮语法,一是==百科==,二是<mark>百科</mark>

总地来说,Markdown高亮语法还是有一定用处的,可惜现在支持的平台不多。

😄


2020/7/24更新

3. 局部改变高亮显示颜色

通过HTML,CSS改变的,目前仅发现typora 平台支持这种高亮方法。这种高亮方法可以搭配前面的全局高亮语法使用,并没有发生冲突。
代码:

<span style="background-color: #ffd351; color: red;">JavaScript</span>

效果如下图:

在这里插入图片描述
JavaScript 文字成功变成了黄底红字的高亮显示。

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐