csdn博客markdown编辑器下修改图片大小及文字颜色

写在前面
学习很难,克服惰性。每天学一点,不会的就少一点。
养成习惯很重要,先从点赞开始吧!关注[程序员之道],程序员之路不再迷茫

最近用markdown写文章,有时候直接上传的图片显示太大,不知道怎么调大小。还有一些字体,比如如何选字号,及颜色等。
通过上网调查,markdown 支持 内联 html, 遇到特殊的样式可以直接写原生的html。所以这时候只要有一些html的基础,然后通过html的语法修改即可。

图片

图片太大

上传一张图片
csdn博客markdown编辑器下修改图片大小及文字颜色_第1张图片

生成的csdn链接为(https://img-blog.csdnimg.cn/20200405004749149.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYW5sbGVuZ2U=,size_16,color_FFFFFF,t_70#pic_center)

调整大小

csdn博客markdown编辑器下修改图片大小及文字颜色_第2张图片
对应的链接为https://img-blog.csdnimg.cn/20200405004749149.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYW5sbGVuZ2U=,size_16,color_FFFFFF,t_70#pic_center =300x260
注意加在最后的 =360,要有空格与图片链接的最后字符相分割

文字

修改字号及颜色

通过html标签的face,size及color可以控制字体,字号及颜色。

<font face="仿宋" size="+4" color="#0066ff"> 4号仿宋显示</font><br/>
<font face="楷体" size="+10" color="#ffcc66">10号楷体显示</font><br/>
<font face="华文楷体" size="+3" color="#99ff00">3号华文楷体显示</font><br/>

对象的显示效果

4号仿宋显示

10号楷体显示

3号华文楷体显示

常用字体

宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei
微软正黑体 Microsoft JhengHei
新宋体 NSimSun
新细明体 PMingLiU
细明体 MingLiU
标楷体 DFKai-SB
仿宋 FangSong
楷体 KaiTi
仿宋_GB2312 FangSong_GB2312
楷体_GB2312 KaiTi_GB2312

宋体:SimSuncss中中文字体(font-family)的英文名称
Mac OS的一些:
华文细黑:STHeiti Light [STXihei]
华文黑体:STHeiti
华文楷体:STKaiti
华文宋体:STSong
华文仿宋:STFangsong
儷黑 Pro:LiHei Pro Medium
儷宋 Pro:LiSong Pro Light
標楷體:BiauKai
蘋果儷中黑:Apple LiGothic Medium
蘋果儷細宋:Apple LiSung Light
Windows的一些:
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑体:SimHei
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微软雅黑体:Microsoft YaHei
装Office会生出来的一些:
隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei

颜色代码表

  #000000   #2F0000   #600030   #460046   #28004D
  #272727   #4D0000   #820041   #5E005E   #3A006F
  #3C3C3C   #600000   #9F0050   #750075   #4B0091
  #4F4F4F   #750000   #BF0060   #930093   #5B00AE
  #5B5B5B   #930000   #D9006C   #AE00AE   #6F00D2
  #6C6C6C   #AE0000   #F00078   #D200D2   #8600FF
  #7B7B7B   #CE0000   #FF0080   #E800E8   #921AFF
  #8E8E8E   #EA0000   #FF359A   #FF00FF   #9F35FF
  #9D9D9D   #FF0000   #FF60AF   #FF44FF   #B15BFF
  #ADADAD   #FF2D2D   #FF79BC   #FF77FF   #BE77FF
  #BEBEBE   #FF5151   #FF95CA   #FF8EFF   #CA8EFF
  #d0d0d0   #ff7575   #ffaad5   #ffa6ff   #d3a4ff
  #E0E0E0   #FF9797   #FFC1E0   #FFBFFF   #DCB5FF
  #F0F0F0   #FFB5B5   #FFD9EC   #FFD0FF   #E6CAFF
  #FCFCFC   #FFD2D2   #FFECF5   #FFE6FF   #F1E1FF
  #FFFFFF   #FFECEC   #FFF7FB   #FFF7FF   #FAF4FF
  #000079   #000079   #003E3E   #006030   #006000
  #000093   #003D79   #005757   #01814A   #007500
  #0000C6   #004B97   #007979   #019858   #009100
  #0000C6   #005AB5   #009393   #01B468   #00A600
  #0000E3   #0066CC   #00AEAE   #02C874   #00BB00
  #2828FF   #0072E3   #00CACA   #02DF82   #00DB00
  #4A4AFF   #0080FF   #00E3E3   #02F78E   #00EC00
  #6A6AFF   #2894FF   #00FFFF   #1AFD9C   #28FF28
  #7D7DFF   #46A3FF   #4DFFFF   #4EFEB3   #53FF53
  #9393FF   #66B3FF   #80FFFF   #7AFEC6   #79FF79
  #AAAAFF   #84C1FF   #A6FFFF   #96FED1   #93FF93
  #B9B9FF   #97CBFF   #BBFFFF   #ADFEDC   #A6FFA6
  #CECEFF   #ACD6FF   #CAFFFF   #C1FFE4   #BBFFBB
  #DDDDFF   #C4E1FF   #D9FFFF   #D7FFEE   #CEFFCE
  #ECECFF   #D2E9FF   #ECFFFF   #E8FFF5   #DFFFDF
  #FBFBFF   #ECF5FF   #FDFFFF   #FBFFFD   #F0FFF0
  #467500   #424200   #5B4B00   #844200   #642100
  #548C00   #5B5B00   #796400   #9F5000   #842B00
  #64A600   #737300   #977C00   #BB5E00   #A23400
  #73BF00   #8C8C00   #AE8F00   #D26900   #BB3D00
  #82D900   #A6A600   #C6A300   #EA7500   #D94600
  #8CEA00   #C4C400   #D9B300   #FF8000   #F75000
  #9AFF02   #E1E100   #EAC100   #FF9224   #FF5809
  #A8FF24   #F9F900   #FFD306   #FFA042   #FF8040
  #B7FF4A   #FFFF37   #FFDC35   #FFAF60   #FF8F59
  #C2FF68   #FFFF6F   #FFE153   #FFBB77   #FF9D6F
  #CCFF80   #FFFF93   #FFE66F   #FFC78E   #FFAD86
  #D3FF93   #FFFFAA   #FFED97   #FFD1A4   #FFBD9D
  #DEFFAC   #FFFFB9   #FFF0AC   #FFDCB9   #FFCBB3
  #E8FFC4   #FFFFCE   #FFF4C1   #FFE4CA   #FFDAC8
  #EFFFD7   #FFFFDF   #FFF8D7   #FFEEDD   #FFE6D9
  #F5FFE8   #FFFFF4   #FFFCEC   #FFFAF4   #FFF3EE
  #613030   #616130   #336666   #484891   #6C3365
  #743A3A   #707038   #3D7878   #5151A2   #7E3D76
  #804040   #808040   #408080   #5A5AAD   #8F4586
  #984B4B   #949449   #4F9D9D   #7373B9   #9F4D95
  #AD5A5A   #A5A552   #5CADAD   #8080C0   #AE57A4
  #B87070   #AFAF61   #6FB7B7   #9999CC   #B766AD
  #C48888   #B9B973   #81C0C0   #A6A6D2   #C07AB8
  #CF9E9E   #C2C287   #95CACA   #B8B8DC   #CA8EC2
  #D9B3B3   #CDCD9A   #A3D1D1   #C7C7E2   #D2A2CC
  #E1C4C4   #D6D6AD   #B3D9D9   #D8D8EB   #DAB1D5
  #EBD6D6   #DEDEBE   #C4E1E1   #E6E6F2   #E2C2DE
  #F2E6E6   #E8E8D0   #D1E9E9   #F3F3FA   #EBD3E8

关于作者 | info

程序员之道,一个笨笨的程序员,笨鸟先飞,重在坚持,欢迎关注一起交流!
坚持和习惯是学习中的两大绊脚石,先从养成点赞和评论开始吧,

csdn博客markdown编辑器下修改图片大小及文字颜色_第3张图片

你可能感兴趣的:(程序人生,开发工具)