MarkDown: 为字体添加颜色

最新推荐文章于 2023-11-24 19:30:00 发布
最新推荐文章于 2023-11-24 19:30:00 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： 编辑器 文章标签： MarkDown

转自 testcs_dn(微wx笑) 博文 –>传送门

初用 MarkDown，发现字体颜色经常用到，备份一份给自己看。

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

    呈现效果

    我是黑体字
    我是微软雅黑
    我是华文彩云
    color=#0099ff size=72 face=”黑体”
    color=#00ffff
    color=gray

    转载过程中发现了一个问题…表格怎么上背景色←_←。查了查，可以用内嵌的 html 实现（之前画表格，我可都是规规矩矩按 帮助说明 的样式画的） –>这篇文章里看到

    代码

    <table><tbody>
    <tr>
        <th>方法说明</th><th>颜色名称</th><th>颜色</th>
    </tr>
    <tr>
        <td><font color="Hotpink">此处实现方法利用 CSDN-markdown 内嵌 html 语言的优势</font></td>
        <td><font color="Hotpink">Hotpink</font></td>
        <td bgcolor="Hotpink">rgb(240, 248, 255)</td>
    </tr>
    <tr>
        <td><font color="Pink">借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置</font></td>
        <td><font color="pink">AntiqueWhite</font></td>
        <td bgcolor="Pink">rgb(255, 192, 203)</td>
    </tr>
</table>

      呈现效果

      方法说明颜色名称颜色
      此处实现方法利用 CSDN-markdown 内嵌 html 语言的优势Hotpinkrgb(240, 248, 255)
      借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置AntiqueWhitergb(255, 192, 203)

      颜色名十六进制颜色值颜色
      AliceBlue#F0F8FFrgb(240, 248, 255)
      AntiqueWhite#FAEBD7rgb(250, 235, 215)
      Aqua#00FFFFrgb(0, 255, 255)
      Aquamarine#7FFFD4rgb(127, 255, 212)
      Azure#F0FFFFrgb(240, 255, 255)
      Beige#F5F5DCrgb(245, 245, 220)
      Bisque#FFE4C4rgb(255, 228, 196)
      Black#000000rgb(0, 0, 0)
      BlanchedAlmond#FFEBCDrgb(255, 235, 205)
      Blue#0000FFrgb(0, 0, 255)
      BlueViolet#8A2BE2rgb(138, 43, 226)
      Brown#A52A2Argb(165, 42, 42)
      BurlyWood#DEB887rgb(222, 184, 135)
      CadetBlue#5F9EA0rgb(95, 158, 160)
      Chartreuse#7FFF00rgb(127, 255, 0)
      Chocolate#D2691Ergb(210, 105, 30)
      Coral#FF7F50rgb(255, 127, 80)
      CornflowerBlue#6495EDrgb(100, 149, 237)
      Cornsilk#FFF8DCrgb(255, 248, 220)
      Crimson#DC143Crgb(220, 20, 60)
      Cyan#00FFFFrgb(0, 255, 255)
      DarkBlue#00008Brgb(0, 0, 139)
      DarkCyan#008B8Brgb(0, 139, 139)
      DarkGoldenRod#B8860Brgb(184, 134, 11)
      DarkGray#A9A9A9rgb(169, 169, 169)
      DarkGreen#006400rgb(0, 100, 0)
      DarkKhaki#BDB76Brgb(189, 183, 107)
      DarkMagenta#8B008Brgb(139, 0, 139)
      DarkOliveGreen#556B2Frgb(85, 107, 47)
      Darkorange#FF8C00rgb(255, 140, 0)
      DarkOrchid#9932CCrgb(153, 50, 204)
      DarkRed#8B0000rgb(139, 0, 0)
      DarkSalmon#E9967Argb(233, 150, 122)
      DarkSeaGreen#8FBC8Frgb(143, 188, 143)
      DarkSlateBlue#483D8Brgb(72, 61, 139)
      DarkSlateGray#2F4F4Frgb(47, 79, 79)
      DarkTurquoise#00CED1rgb(0, 206, 209)
      DarkViolet#9400D3rgb(148, 0, 211)
      DeepPink#FF1493rgb(255, 20, 147)
      DeepSkyBlue#00BFFFrgb(0, 191, 255)
      DimGray#696969rgb(105, 105, 105)
      DodgerBlue#1E90FFrgb(30, 144, 255)
      Feldspar#D19275rgb(209, 146, 117)
      FireBrick#B22222rgb(178, 34, 34)
      FloralWhite#FFFAF0rgb(255, 250, 240)
      ForestGreen#228B22rgb(34, 139, 34)
      Fuchsia#FF00FFrgb(255, 0, 255)
      Gainsboro#DCDCDCrgb(220, 220, 220)
      GhostWhite#F8F8FFrgb(248, 248, 255)
      Gold#FFD700rgb(255, 215, 0)
      GoldenRod#DAA520rgb(218, 165, 32)
      Gray#808080rgb(128, 128, 128)
      Green#008000rgb(0, 128, 0)
      GreenYellow#ADFF2Frgb(173, 255, 47)
      HoneyDew#F0FFF0rgb(240, 255, 240)
      HotPink#FF69B4rgb(255, 105, 180)
      IndianRed#CD5C5Crgb(205, 92, 92)
      Indigo#4B0082rgb(75, 0, 130)
      Ivory#FFFFF0rgb(255, 255, 240)
      Khaki#F0E68Crgb(240, 230, 140)
      Lavender#E6E6FArgb(230, 230, 250)
      LavenderBlush#FFF0F5rgb(255, 240, 245)
      LawnGreen#7CFC00rgb(124, 252, 0)
      LemonChiffon#FFFACDrgb(255, 250, 205)
      LightBlue#ADD8E6rgb(173, 216, 230)
      LightCoral#F08080rgb(240, 128, 128)
      LightCyan#E0FFFFrgb(224, 255, 255)
      LightGoldenRodYellow#FAFAD2rgb(250, 250, 210)
      LightGrey#D3D3D3rgb(211, 211, 211)
      LightGreen#90EE90rgb(144, 238, 144)
      LightPink#FFB6C1rgb(255, 182, 193)
      LightSalmon#FFA07Argb(255, 160, 122)
      LightSeaGreen#20B2AArgb(32, 178, 170)
      LightSkyBlue#87CEFArgb(135, 206, 250)
      LightSlateBlue#8470FFrgb(132, 112, 255)
      LightSlateGray#778899rgb(119, 136, 153)
      LightSteelBlue#B0C4DErgb(176, 196, 222)
      LightYellow#FFFFE0rgb(255, 255, 224)
      Lime#00FF00rgb(0, 255, 0)
      LimeGreen#32CD32rgb(50, 205, 50)
      Linen#FAF0E6rgb(250, 240, 230)
      Magenta#FF00FFrgb(255, 0, 255)
      Maroon#800000rgb(128, 0, 0)
      MediumAquaMarine#66CDAArgb(102, 205, 170)
      MediumBlue#0000CDrgb(0, 0, 205)
      MediumOrchid#BA55D3rgb(186, 85, 211)
      MediumPurple#9370D8rgb(147, 112, 216)
      MediumSeaGreen#3CB371rgb(60, 179, 113)
      MediumSlateBlue#7B68EErgb(123, 104, 238)
      MediumSpringGreen#00FA9Argb(0, 250, 154)
      MediumTurquoise#48D1CCrgb(72, 209, 204)
      MediumVioletRed#C71585rgb(199, 21, 133)
      MidnightBlue#191970rgb(25, 25, 112)
      MintCream#F5FFFArgb(245, 255, 250)
      MistyRose#FFE4E1rgb(255, 228, 225)
      Moccasin#FFE4B5rgb(255, 228, 181)
      NavajoWhite#FFDEADrgb(255, 222, 173)
      Navy#000080rgb(0, 0, 128)
      OldLace#FDF5E6rgb(253, 245, 230)
      Olive#808000rgb(128, 128, 0)
      OliveDrab#6B8E23rgb(107, 142, 35)
      Orange#FFA500rgb(255, 165, 0)
      OrangeRed#FF4500rgb(255, 69, 0)
      Orchid#DA70D6rgb(218, 112, 214)
      PaleGoldenRod#EEE8AArgb(238, 232, 170)
      PaleGreen#98FB98rgb(152, 251, 152)
      PaleTurquoise#AFEEEErgb(175, 238, 238)
      PaleVioletRed#D87093rgb(216, 112, 147)
      PapayaWhip#FFEFD5rgb(255, 239, 213)
      PeachPuff#FFDAB9rgb(255, 218, 185)
      Peru#CD853Frgb(205, 133, 63)
      Pink#FFC0CBrgb(255, 192, 203)
      Plum#DDA0DDrgb(221, 160, 221)
      PowderBlue#B0E0E6rgb(176, 224, 230)
      Purple#800080rgb(128, 0, 128)
      Red#FF0000rgb(255, 0, 0)
      RosyBrown#BC8F8Frgb(188, 143, 143)
      RoyalBlue#4169E1rgb(65, 105, 225)
      SaddleBrown#8B4513rgb(139, 69, 19)
      Salmon#FA8072rgb(250, 128, 114)
      SandyBrown#F4A460rgb(244, 164, 96)
      SeaGreen#2E8B57rgb(46, 139, 87)
      SeaShell#FFF5EErgb(255, 245, 238)
      Sienna#A0522Drgb(160, 82, 45)
      Silver#C0C0C0rgb(192, 192, 192)
      SkyBlue#87CEEBrgb(135, 206, 235)
      SlateBlue#6A5ACDrgb(106, 90, 205)
      SlateGray#708090rgb(112, 128, 144)
      Snow#FFFAFArgb(255, 250, 250)
      SpringGreen#00FF7Frgb(0, 255, 127)
      SteelBlue#4682B4rgb(70, 130, 180)
      Tan#D2B48Crgb(210, 180, 140)
      Teal#008080rgb(0, 128, 128)
      Thistle#D8BFD8rgb(216, 191, 216)
      Tomato#FF6347rgb(255, 99, 71)
      Turquoise#40E0D0rgb(64, 224, 208)
      Violet#EE82EErgb(238, 130, 238)
      VioletRed#D02090rgb(208, 32, 144)
      Wheat#F5DEB3rgb(245, 222, 179)
      White#FFFFFFrgb(255, 255, 255)
      WhiteSmoke#F5F5F5rgb(245, 245, 245)
      Yellow#FFFF00rgb(255, 255, 0)
      YellowGreen#9ACD32rgb(154, 205, 50)

      后记：转载颜色表格的时候原来还想手敲 html 代码的，后来突然醒悟既然是 html 代码，直接右键查看表格的源码不就可以了(一脸黑线…)。
      这里写图片描述

      J--rookie
      关注
      • 0
        点赞
      • 踩
      • 2
        收藏
        觉得还不错? 一键收藏
      • 0
        评论
      专栏目录
      Markdown：Markdown编辑器
      02-27
      我想在markdown中添加一些“功能”，因此我将一堆正则表达式放入列表中，并通过它运行来自textarea的输入。 安装 要安装运行tsc（sudo npm -g安装打字稿） 打开index.html 代码行 5731 语言字符串 *或％23 =＃ ...
      MarkDown编辑器字体颜色设置
      懿
      10-22 4万+
      文章目录一、颜色二、大小三、字体四、背景色五、文章转载 ​ CSDN的markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。 一、颜色 在markdown中采用如下方式能够控制文字的颜色： 浅红色文字：<font color="#dd0000">浅红色文字：</font><br /> 深红色文字：<font color="#660000">深红
      【Markdown语法】字体颜色大小及文字底色设置
      xdy762024688的博客
      08-23 1万+
      算是我本人写博客时比较偏爱的一种方式啦，尤其是在一堆文字里写上一句代码时，或者特地突出哪句话时，加上粉色矩形框就比较nice了，既能起到突出强调的作用，方便阅读，并且也比较美观（相比较黄色的高亮好太多了~）！自 CSDN-markdown编辑器语法——字体、字号与颜色 的颜色列表，按颜色名排序。如果不需要改变输入内容的其他属性，比如加粗，斜体等，可以在内容前面加上。Ω snow , 单片机学习（3）——数码管的显示+定时器+中断 ↩。文章作者1（任意想输入的汉字）, 转载文章的名称. ↩。
      Markdown如何自定义字体样式：字体颜色、背景、斜体、粗体、下划线、删除线、高亮、下/上标
      最新发布
      nings666的博客
      11-24 7612
      最近写文章时，发现需要使用一些不同的Markdown语法来显示，在此整理和记录下这些语法，同时分享给大家。以上就是文章的全部内容，本文仅仅简单介绍了 Markdown 如何自定义字体样式，而Markdown还有其他丰富的语法，待后续总结后记录和分享。
      MarkDown字体颜色设置
      mengniu666的博客
      02-02 7659
      设置markdown字体颜色、字体大小、字体、字体背景。
      md-color:vscode markdown写作插件。使用MarkDown写作时，可以使用`内容font>`给文本添加颜色。md-color就是针对此操作的偷懒工具
      05-22
      使用MarkDown写作时，可以使用内容给文本添加颜色。md-color就是针对此操作的偷懒工具。 使用方法 在Markdown文件中选中一段文本内容，使用快捷键ctrl+1或者cmd+1，md-color会随机颜色为这段文本添加属性。或者右键...
      vs-code-markdown-theme:用于Visual Studio Code的Markdown CSS主题
      05-01
      这是VS Code的Markdown CSS主题，具有官方外观，并支持深色和高对比度的颜色主题。 与标准主题相比，它使用更大的字体，这些字体与您在博客中看到的字体更接近。 块引号和表格要更精细一些。 必要时滚动代码块。 ...
      cnblogs-mdEditor：一个chrome插件，为了改善博客园markdown编辑器
      01-30
      支持给字体字体加颜色 支持表情包搜索（ ） 安装 可以通过应用商店安装 或者直接clone代码到本地安装： 在选项中将预设编辑器设为Markdown编辑器 在浏览器中输入chrome://extensions ：开发者模式 克隆仓库 点击加载...
      Markdown的一些常用的语法
      12-21
      Markdown的一些常用的语法(1) 添加目录 和 标题(2) 添加分隔线(3) 添加超链接(4) 标记文本(5) 设置文字的字体颜色(6) 给文字添加背景色(7) 添加代码块(8) 添加表格(9) 添加列表 (1) 添加目录 和 标题 格式: @[TOC]( ...
      Markdown 文字添加颜色方法总结｜CSDN编辑器测评
      CodeAllen嵌入式
      08-10 3万+
      学习交流加（可免费帮忙下载CSDN资源）： 个人微信：coderAllen 学习交流资源分享①群：736386324 Markdown的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho。 用于...
      【Markdown笔记】设置字体颜色
      热门推荐
      04-05 5万+
      【Markdown笔记】设置字体颜色 在Markdown下设置字体颜色和给字体背景设置颜色，主要使用HTML和LaTeX。 HTML 字体颜色 Font colors 修改字体颜色，选择颜色名称，例如： <font color=Blue>Test</font>，效果为Test。 或者是 <font color="Blue">Test</font>，效果为Test。 修改字体颜色，选择16进制颜色值，例如： <font color=#0000FF>T
      CSDN----Markdown：---文字颜色、大小和字体设置
      MQ0522的博客
      11-22 4103
      CSDN----Markdown：---文字颜色、大小和字体设置
      makedown文字上色技巧
      qq_55796594的博客
      09-14 689
      makedown是开发者常用的编辑器，其特点是以代码的风格组织页面，深受开发者欢迎。然而makedown本身不支持为文字添加颜色高亮显示，初学者面对这种需求时可能会无从下手。这里提供两种为文字添加颜色高亮的方法，仅供参考，欢迎指导交流。
      十分钟学会Markdown，让你的文稿瞬间增色
      陈书予
      03-12 1935
      在标题文本后添加 {#custom-id} 来为标题添加ID。这将在渲染的HTML中生成一个id属性，方便您在其他部分引用该部分。# 这是一个一级标题 {#custom-id}使用Markdown的默认标题锚点链接可能不太适合您的需求。在标题文本后添加 {: #custom-id } 来自定义锚点链接。# 这是一个一级标题 {: #custom-id }通过 Markdown 语法的学习，大家能够更顺畅地写作，并且不用担心排版的问题。
      钉钉api推送markdown群消息格式不起作用
      m0_37611330的博客
      12-10 3549
      钉钉api推送markdown群消息格式不起作用
      在markdown中设置字体颜色以及背景颜色
      luoganttcc的博客
      12-31 2492
      link Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！ 1. 字体，字号与颜色 <font color=#FF0000> 要使用的字体</font> <font color=gray size=72>color=gray</font> 要使用的字体 color=gray size：规定文本的尺寸大小。 color：要渲染的颜色
      Markdown之设置字体、粗体、颜色、居中显示等(十二)
      Android系统攻城狮
      04-03 1390
      本篇目的：Markdown之设置字体、粗体、颜色、居中显示等操作。
      markdown代码块字体颜色
      07-27
      在上面的示例中，我们使用了`<style>`标签来定义一个CSS样式，将`.code`类的字体颜色设置为红色。然后，在`<div>`标签中添加了一个带有`.code`类的代码块，并将你的代码放在`<code>`标签内。 请注意，这种方法可能...

      “相关推荐”对你有帮助么？

      • 非常没帮助
      • 没帮助
      • 一般
      • 有帮助
      • 非常有帮助
      提交
      评论
      添加红包

      请填写红包祝福语或标题

      个

      红包个数最小为10个

      元

      红包金额最低5元

      当前余额3.43元 前往充值 >
      需支付：10.00元
      成就一亿技术人!
      领取后你会自动成为博主和红包主的粉丝 规则
      hope_wisdom
      发出的红包
      实付元
      使用余额支付
      点击重新获取
      扫码支付
      钱包余额 0

      抵扣说明：

      1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
      2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

      余额充值