美文网首页大虾带着小虾米
简书Markdown编辑器改变字体颜色---给自己的文章加点色(

简书Markdown编辑器改变字体颜色---给自己的文章加点色(

作者: 繁华似锦Fighting | 来源:发表于2019-08-02 08:29 被阅读37次

      有一位简友问我代码块中的字体颜色是怎么改变的,我用的是IDEA开发工具,把代码片段直接复制到代码块中,颜色就直接有了。因为这个简友是第一个赞赏我的朋友,给了我十分大的动力,我决定好好研究一下。

      其实这个现象我也没有注意,如下:

    ```
    public static void main( String[] args )
    {
    System.out.println( "Hello World!" );
    }
    ```

    效果:

    public static void main( String[] args )
    {
      System.out.println( "Hello World!" );
    }
    

    注:在编辑的时候是代码块中的代码是没有颜色显示的,发布公开就有颜色了。此处不必纠结,因为我就纠结了一阵哈!



      经过在网上的研究,发现简书的Markdown编辑器是可以改变字体的颜色的,语法也是非常的简单。

    语法

    $\color{设置颜色} {文本内容} $

    设置颜色:有三种表现形式

      第一种:最简单,直接用对应颜色的英文表示,如Blue(纯蓝)、Red(纯红)、Pink(粉红)、Crimson(猩红)等(首字母大小写都行)。

      第二种:rgb三原色(红绿蓝):reg(0,0,0)(黑色) 每一项0-255变化,全0为黑,全255为白。

      第三种:十六进制表示法:如#000000(黑色)、#ffffff(白色)、#008000(绿色)

    给大家推荐一个地址,是选取你喜欢颜色的网站,每个颜色三种格式都有,点我去找颜色,点我!点我!

    文本内容 : 就是你想改变颜色的文字

    示例:$\color{red} {Red} $
    效果:\color{red} {Red}

      在进一步:如果我想让每一个颜色的字体都不一样怎么办?(非常不实用)

    先来看效果
    \color{ Pink} {我} \color{HotPink} {就}\color{Magenta} {喜}\color{Purple} {欢}\color{Indigo} {每}\color{DarkSlateBlue} {个}\color{Blue} {颜}\color{DarkBlue} {色}\color{SlateGray} {都}\color{ CadetBlue} {不}\color{PaleTurquoise} {同}(注意看这行是一排小色点)

    效果图片
    Tips:实在不好意思,我编辑是在PC上,效果没有问题,但是app端显示不出来,变成很小的色点,这是一张图。

    语法格式:
    就是在两个$$中间,不停的复制 “ \color{颜色} {文本} ”,一个颜色一个文字。上边的显示如下:
    $\color{ Pink} {我} \color{HotPink} {就}\color{Magenta} {喜}\color{Purple} {欢}\color{Indigo} {每}\color{DarkSlateBlue} {个}\color{Blue} {颜}\color{DarkBlue} {色}\color{SlateGray} {都}\color{ CadetBlue} {不}\color{PaleTurquoise} {同}$

    但是英文显示是可以的,语法格式和下边是一样的(注:这里可不是图片)。

    \color{Pink}{Happy·}\color{HotPink} {to·}\color{Magenta} {know· }\color{Purple} {how ·}\color{Indigo} {to·}\color{Blue} {share,}\color{DarkBlue} {to·}\color{SlateGray} {be·}\color{ CadetBlue} {more·}\color{PaleTurquoise} {happy.}
    快乐要懂得分享,才能加倍的快乐。

    一个单词也可以
    \color{Pink}{H}\color{HotPink} {a}\color{Magenta} {p}\color{Purple} {p}\color{Indigo} {y}

    经过,一阵研究,发现可以实现英文的空格。

    \color{Pink}{Nothing }\color{HotPink}{is}\color{Magenta}{impossible }\color{Purple}{for }\color{Indigo}{a }\color{Blue}{willing }\color{Blue}{heart.}

    心之所愿,无所不成。

    实现文本

    $\color{Pink}{Nothing }$ $\color{HotPink}{is}$ $\color{Magenta}{impossible }$ $\color{Purple}{for }$ $\color{Indigo}{a }$ $\color{Blue}{willing }$ $\color{Blue}{heart.}$ 

    就是把每个单词拆开放入语法中,$\color{设置颜色} {文本内容} $,然后中间用&nbsp、 、&emsp,来空格开,具体间距自己来衡量,前边的空格幅度是由小及大的。

      最后最后,我们灵活运用一下,解决一下我上边提到的那个简友说的问题,看看是否能够实现吗?

    \color{Pink}{public} \color{HotPink}{static } \color{Magenta}{void } \color{Purple}{main} \color{Indigo}{(} \color{Blue}{String[] } \color{SlateGray}{args } \color{CadetBlue}{)} 
    \color{red} {\{}
      \color{blue} {System.out.println( "Hello World!" );}
    \color{red} {\}}

    对比一下(app端显示格式控制不了)

    public static void main( String[] args )
    {
      System.out.println( "Hello World!" );
    }
    

    总结一下:这篇文章,感觉上使用性真的不是很大,虽然排版了很长时间。

    • 第一,中文在app端不能显示,只显示很小的色点。

    • 第二,做一些有特殊格式内容的文章,一定要在app端看一下,和PC上的效果是真不一样啊。但是每人手机的屏幕大小和分辨率都不一样,显示结果也会不同。(之前真是忽略了这个问题)

    • 第三,排版需要花费更多一些时间,看个人精力选取把。

    • 第四,如果文章中真的有需要特别突出的英文,可以简单的用一下也无妨。

      其实我都是在PC把效果都实现出来,才开始整理写的这篇文章,谁知道app端显示不了这个问题。但凡事有好的一面,也有坏的一面。从整个过程中让我体会到了一种兴趣感,并且这个兴趣得到了及时反馈。让我全身心地沉迷于当下自己所喜欢的事情中,并且能连贯流畅地持续下去,不知不觉的过了3个小时,我想这是一种心流的感觉。

      希望大家在简书找到自己的兴趣点,在心流的状态下开心的写作,事半功倍!(开心❤❤❤❤❤❤❤❤❤❤❤❤)

    相关文章

      网友评论

        本文标题:简书Markdown编辑器改变字体颜色---给自己的文章加点色(

        本文链接:https://www.haomeiwen.com/subject/vgkhdctx.html