CSDN美化编辑

最新推荐文章于 2024-05-22 21:56:33 发布

Robert_Gordon

最新推荐文章于 2024-05-22 21:56:33 发布

阅读量203

点赞数

分类专栏： csdn美化编辑

原文链接：https://blog.csdn.net/u010177286/article/details/50358720?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

版权

csdn美化编辑专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Markdown 常用技巧：

2015/12/19 16:05:18

换行：

方法1: 连续两个以上空格+回车
方法2：使用html语言换行标签：<br>

首行缩进两个字符：(每个表示一个空格，连续使用两个即可）
- &ensp; 半角的空格
- &emsp; 全角的空格
字体、字号与颜色:

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！
CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）！对，就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。
字体，字号和颜色编辑如下代码

<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>

Size：规定文本的尺寸大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3

 
 
 
 1
2
3
4
5
6
7
8

具体颜色分类及标记请参照：各种颜色

背景色:
Markdown本身不支持背景色设置，需要采用内置html的方式实现：借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色的功能。举例如下：

<table><tr><td bgcolor=orange>背景色是：orange</td></tr></table>

 
 
 
 1

效果如下：

背景色是：orange

2015/12/19 16:04:07

分割线：你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线
链接：链接文字都是用 [方括号] 来标记,在方块括号后面紧接着圆括号并插入网址链接即可:可参照
[This link](http://example.net/) has no title attribute.
代码块：
- 代码块：用2个以上TAB键起始的段落，会被认为是代码块（效果如下）：
```
struct {
  int year;
  int month;
  int day;
 }bdate;

 
 
 
 1
2
3
4
5
```
如果在一个行内需要引用代码，只要用反引号`引起来就好(Esc健）
代码块与语法高亮：在需要高亮的代码块的前一行及后一行使用三个反引号“`”，同时第一行反引号后面表面代码块所使用的语言
插入互联网上图片：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3kgvNeWH-1583641566215)(http://img3.douban.com/mpic/s1108264.jpg)]
使用LaTex数学公式:
- 行内公式：使用两个”$”符号引用公式: $公式$
- 行间公式：使用两对“$$”符号引用公式： $$公式$$

参考：
1. markdown官方指导
2. CSDN：Markdown博客专栏

                    <li class="tool-item tool-active is-like "><a href="javascript:;"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#csdnc-thumbsup"></use>
                    </svg><span class="name">点赞</span>
                    <span class="count">18</span>
                    </a></li>
                    <li class="tool-item tool-active is-collection "><a href="javascript:;" data-report-click="{&quot;mod&quot;:&quot;popu_824&quot;}"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-csdnc-Collection-G"></use>
                    </svg><span class="name">收藏</span></a></li>
                    <li class="tool-item tool-active is-share"><a href="javascript:;" data-report-click="{&quot;mod&quot;:&quot;1582594662_002&quot;}"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-csdnc-fenxiang"></use>
                    </svg>分享</a></li>
                    <!--打赏开始-->
                                            <!--打赏结束-->
                                            <li class="tool-item tool-more">
                        <a>
                        <svg t="1575545411852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5717" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M179.176 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5718"></path><path d="M509.684 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5719"></path><path d="M846.175 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5720"></path></svg>
                        </a>
                        <ul class="more-box">
                            <li class="item"><a class="article-report">文章举报</a></li>
                        </ul>
                    </li>
                                        </ul>
            </div>
                        </div>
        <div class="person-messagebox">
            <div class="left-message"><a href="https://blog.csdn.net/u010177286">
                <img src="https://profile.csdnimg.cn/F/1/3/3_u010177286" class="avatar_pic" username="u010177286">
                                        <img src="https://g.csdnimg.cn/static/user-reg-year/2x/7.png" class="user-years">
                                </a></div>
            <div class="middle-message">
                                    <div class="title"><span class="tit"><a href="https://blog.csdn.net/u010177286" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;}" target="_blank">岳飞传</a></span>
                                        </div>
                <div class="text"><span>发布了153 篇原创文章</span> · <span>获赞 95</span> · <span>访问量 50万+</span></div>
            </div>
                            <div class="right-message">
                                        <a href="https://bbs.csdn.net/topics/395527306" target="_blank" class="btn btn-sm btn-red-hollow bt-button personal-messageboard">他的留言板
                    </a>
                                                        <a class="btn btn-sm  bt-button personal-watch" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;}">关注</a>
                                </div>
                        </div>
                </div>