<link href="https://csdnimg.cn/public/favicon.ico" rel="SHORTCUT ICON">
<title>CSDN写博客技巧 - Eric· Charles的秘密空间 - CSDN博客</title>

    
                <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/detail-e58e15efab.min.css">
        
        <script type="application/ld+json">{"@context":"https:\/\/ziyuan.baidu.com\/contexts\/cambrian.jsonld","@id":"https:\/\/blog.csdn.net\/qq_42197548\/article\/details\/89424029","appid":"1563894916825412","title":"CSDN\u5199\u535a\u5ba2\u6280\u5de7 - Eric\u00b7 Charles\u7684\u79d8\u5bc6\u7a7a\u95f4","images":["https:\/\/avatar.csdn.net\/7\/7\/B\/1_ralf_hx163com.jpg"],"pubDate":"2019-06-15T23:28:57"}</script>
    
        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/themes/skin-shirtblue/skin-shirtblue-48b4f9f954.min.css">
    <script type="text/javascript">
    var username = "qq_42197548";
    var blog_address = "https://blog.csdn.net/qq_42197548";
    var static_host = "https://csdnimg.cn/release/phoenix/";
    var currentUserName = "weixin_44129498";
    var isShowAds = true;
    var isOwner = false;
    var loginUrl = "http://passport.csdn.net/account/login?from=https://blog.csdn.net/qq_42197548/article/details/89424029"
    var blogUrl = "https://blog.csdn.net/";

    var curSkin = "skin-shirtblue";
    // 第四范式所需数据
    var articleTitles = "CSDN写博客技巧 - Eric· Charles的秘密空间";
    
    var nickName = "Eric· Charles";
    var isCorporate = false;
    var subDomainBlogUrl = "https://blog.csdn.net/"
    var digg_base_url = "https://blog.csdn.net/qq_42197548/phoenix/comment";
    var articleDetailUrl = "https://blog.csdn.net/qq_42197548/article/details/89424029";
</script>
<script src="https://csdnimg.cn/public/common/libs/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/rabbit/exposure-click/main-1.0.6.js"></script>
<script src="//g.csdnimg.cn/??fixed-sidebar/1.1.3/fixed-sidebar.js,track/1.2.6/track.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://csdnimg.cn/public/sandalstrap/1.4/css/sandalstrap.min.css">
<style>
    .MathJax, .MathJax_Message, .MathJax_Preview{
        display: none
    }
</style>

原

CSDN写博客技巧

2019年04月20日 21:33:26 Eric· Charles 阅读数 39

欢迎使用Markdown编辑器

你好！这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
全新的 KaTeX数学公式 语法；
增加了支持甘特图的mermaid语法¹ 功能；
增加了 多屏幕编辑 Markdown文章功能；
增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

~~删除文本~~

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	`'Isn't this fun?'`	‘Isn’t this fun?’
Quotes	`"Isn't this fun?"`	“Isn’t this fun?”
Dashes	`-- is en-dash, --- is em-dash`	– is en-dash, — is em-dash

创建一个自定义列表

Markdown: Text-to- HTML conversion tool
Authors: John; Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n−1)!∀n∈N$ 是通过欧拉积分

$KaTeX parse error: Expected 'EOF', got '&' at position 18: …z)=∫0∞tz−1e−tdt&̲ThinSpace;. \Ga…$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

关于 甘特图 语法，参考这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：:

这将产生一个流程图。:

链接

长方形

圆

圆角长方形

菱形

关于 Mermaid 语法，参考这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

关于 Flowchart流程图 语法，参考这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

mermaid语法说明 ↩︎
注脚的解释 ↩︎

      </div>
      <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-258a4616f7.css" rel="stylesheet">
              </div>

展开阅读全文

<div class="comment-edit-box d-flex">
	<a id="commentsedit"></a>
	<div class="user-img">
		<a href="//me.csdn.net/weixin_44129498" target="_blank">
			<img class="" src="https://avatar.csdn.net/A/A/B/3_weixin_44129498.jpg">
		</a>
	</div>
	<form id="commentform">
		<input type="hidden" id="comment_replyId">
		<textarea class="comment-content" name="comment_content" id="comment_content" placeholder="想对作者说点什么"></textarea>
		<div class="opt-box"> <!-- d-flex -->
			<div id="ubbtools" class="add_code">
				<a href="#insertcode" code="code" target="_self"><i class="icon iconfont icon-daima"></i></a>
			</div>
			<input type="hidden" id="comment_replyId" name="comment_replyId">
			<input type="hidden" id="article_id" name="article_id" value="89424029">
			<input type="hidden" id="comment_userId" name="comment_userId" value="">
			<input type="hidden" id="commentId" name="commentId" value="">
			<div style="display: none;" class="csdn-tracking-statistics tracking-click" data-mod="popu_384"><a href="#" target="_blank" class="comment_area_btn">发表评论</a></div>
			<div class="dropdown" id="myDrap">
				<a class="dropdown-face d-flex align-items-center" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
				<div class="txt-selected text-truncate">添加代码片</div>
				<svg class="icon d-block" aria-hidden="true">
					<use xlink:href="#csdnc-triangledown"></use>
				</svg>
				</a>
				<ul class="dropdown-menu" id="commentCode" aria-labelledby="drop4">
					<li><a data-code="html">HTML/XML</a></li>
					<li><a data-code="objc">objective-c</a></li>
					<li><a data-code="ruby">Ruby</a></li>
					<li><a data-code="php">PHP</a></li>
					<li><a data-code="csharp">C</a></li>
					<li><a data-code="cpp">C++</a></li>
					<li><a data-code="javascript">JavaScript</a></li>
					<li><a data-code="python">Python</a></li>
					<li><a data-code="java">Java</a></li>
					<li><a data-code="css">CSS</a></li>
					<li><a data-code="sql">SQL</a></li>
					<li><a data-code="plain">其它</a></li>
				</ul>
			</div>  
			<div class="right-box">
				<span id="tip_comment" class="tip">还能输入<em>1000</em>个字符</span>
				<input type="submit" class="btn btn-sm btn-red btn-comment" value="发表评论">
			</div>
		</div>
	</form>
</div>

	<div class="comment-list-container">
	<a id="comments"></a>
	<div class="comment-list-box">
	</div>
	<div id="commentPage" class="pagination-box d-none"></div>
	<div class="opt-box text-center">
		<div class="btn btn-sm btn-link-blue" id="btnMoreComment"></div>
	</div>
</div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

		<div class="recommend-item-box blog-expert-recommend-box">
		<div class="d-flex">
			<div class="blog-expert-recommend">
				<div class="blog-expert">
					<div class="blog-expert-flexbox"></div>
				</div>
			</div>
		</div>
	</div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

<div class="recommend-item-box recommend-ad-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>

http://www.pythonware.com/products/pil/

2.解压后，进入到目录下

cd /Users/jianan/Dow…

博文
来自：专注于cocos+unity+服务器全栈

⑴ 找出算法…

博文
来自：杨威的博客

设置源:
[base-src]
name=CentOS-5.4 - Base src -
baseurl=http://vault.ce…

博文
来自： linux/unix

如下是HLOS与QSEE的软件架…

博文
来自：邓永坚的blog

Android是建立在标准的Linux Kernel 基础上, 自然也可以开启SELinux, …

博文
来自：好久不见

本文承接之前发布的博客《微信支付V3微信公众号支付PHP教程/thinkPHP5公众号支付》必须阅读上篇文章后才可以阅读这篇文章。由于最近一段时间工作比较忙，…

博文
来自： Marswill

最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己按需写了个.希望对大家有用. 有用请赞一个哦!

//js
…

博文
来自： Websites

使用tarjan算法在嵌套的多个环中优先得到最大环( 最小环就是每个孤立点）

定义：
int Ti…

博文
来自：九野的博客

数据来源于维基百科,和一篇博客

Api
版本号
代号
发布时间
主要更新内容

1
1.0
无
2008-09-2…

博文
来自： pigdreams的博客

            <div class="recommend-item-box type_hot_word">
                            <div class="content clearfix">
                <div class="word float-left">
                                                        <span>
                    <a href="https://edu.csdn.net/courses/o5329_s5330_k " target="_blank">
                    机器学习教程                    </a></span>
                                                                            <span>
                    <a href="https://edu.csdn.net/courses/o280_s351_k " target="_blank">
                    Objective-C培训                    </a></span>
                                                                            <span>
                    <a href="https://edu.csdn.net/combos/o7115_s388_l0_t " target="_blank">
                    交互设计视频教程                    </a></span>
                                                                            <span>
                    <a href="https://edu.csdn.net/course/play/5599/104252 " target="_blank">
                    颜色模型                    </a></span>
                                                                            <span>
                    <a href="https://edu.csdn.net/combos/o363_l0_t " target="_blank">
                    设计制作学习                    </a></span>
                                                        </div>
            </div>
                                            </div>
                        <div class="recommend-loading-box">
            <img src='https://csdnimg.cn/release/phoenix/images/feedLoading.gif'>
        </div>
        <div class="recommend-end-box">
            <p class="text-center">没有更多推荐了，<a href="https://blog.csdn.net/" class="c-blue c-blue-hover c-blue-focus">返回首页</a></p>
        </div>
    </div>
</main>

<aside>
<div id="asideProfile" class="aside-box">
<!-- <h3 class="aside-title">个人资料</h3> -->
<div class="profile-intro d-flex">
    <div class="avatar-box d-flex justify-content-center flex-column">
        <a href="https://blog.csdn.net/qq_42197548">
          <img src="https://avatar.csdn.net/9/9/3/3_qq_42197548.jpg" class="avatar_pic">
                          <img src="https://g.csdnimg.cn/static/user-reg-year/1x/1.png" class="user-years">
                      </a>
        
    </div>
    <div class="user-info d-flex justify-content-center flex-column">
        <p class="name csdn-tracking-statistics tracking-click" data-mod="popu_379">
            <a href="https://blog.csdn.net/qq_42197548" target="_blank" class="" id="uid">Eric· Charles</a>
        </p>
                </div>
            <div class="opt-box d-flex justify-content-center flex-column">
        <span  class="csdn-tracking-statistics tracking-click" data-mod="popu_379">
            <a class="btn btn-sm btn-red-hollow attention" id="btnAttent">关注</a>
        </span>
    </div>
        </div>
<div class="data-info d-flex item-tiling">
            <dl class="text-center" title="124">
                    <dt><a href="https://blog.csdn.net/qq_42197548?t=1">原创</a></dt>
        <dd><a href="https://blog.csdn.net/qq_42197548?t=1"><span class="count">124</span></a></dd>
                </dl>
    <dl class="text-center" id="fanBox" title="162">
        <dt>粉丝</dt>
        <dd><span class="count" id="fan">162</span></dd>
    </dl>
    <dl class="text-center" title="392">
        <dt>喜欢</dt>
        <dd><span class="count">392</span></dd>
    </dl>
    <dl class="text-center" title="47">
        <dt>评论</dt>
        <dd><span class="count">47</span></dd>
    </dl>
</div>
<div class="grade-box clearfix">
    <dl>
        <dt>等级：</dt>
        <dd>
            <a href="https://blog.csdn.net/home/help.html#level" title="4级,点击查看等级说明" target="_blank">
                <svg class="icon icon-level" aria-hidden="true">
                    <use xlink:href="#csdnc-bloglevel-4"></use>
                </svg>
            </a>
        </dd>
    </dl>
    <dl>
        <dt>访问：</dt>
        <dd title="30105">
            3万+            </dd>
    </dl>
    <dl>
        <dt>积分：</dt>
        <dd title="1942">
            1942            </dd>
    </dl>
    <dl title="35217">
        <dt>排名：</dt>
        <dd>3万+</dd>
    </dl>
</div>
    <div class="badge-box d-flex">
    <span>勋章：</span>
    <div class="badge d-flex">
                                                    <div class="icon-badge" title="专栏达人">
                   <div class="mouse-box">
                      <img src="https://g.csdnimg.cn/static/user-medal/zhuanlan.svg" alt="">
                      <div class="icon-arrow"></div>
                   </div>
                   <div class="grade-detail-box">
                       <div class="pos-box">
                           <div class="left-box d-flex justify-content-center align-items-center flex-column">
                                <img src="https://g.csdnimg.cn/static/user-medal/zhuanlan.svg" alt="">
                               <p>专栏达人</p>
                           </div>
                           <div class="right-box">
                               授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮！撰写博客专栏浓缩技术精华，专栏达人就是你！                               </div>
                       </div>
                   </div>
               </div>
                                                         <div class="icon-badge" title="持之以恒">
                   <div class="mouse-box">
                      <img src="https://g.csdnimg.cn/static/user-medal/chizhiyiheng.svg" alt="">
                      <div class="icon-arrow"></div>
                   </div>
                   <div class="grade-detail-box">
                       <div class="pos-box">
                           <div class="left-box d-flex justify-content-center align-items-center flex-column">
                                <img src="https://g.csdnimg.cn/static/user-medal/chizhiyiheng.svg" alt="">
                               <p>持之以恒</p>
                           </div>
                           <div class="right-box">
                               授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里，不积小流无以成江海，程序人生的精彩需要坚持不懈地积累！                               </div>
                       </div>
                   </div>
               </div>
                                                         <div class="icon-badge" title="勤写标兵Lv1">
                   <div class="mouse-box">
                      <img src="https://g.csdnimg.cn/static/user-medal/qinxiebiaobing_l1_t2.svg" alt="">
                      <div class="icon-arrow"></div>
                   </div>
                   <div class="grade-detail-box">
                       <div class="pos-box">
                           <div class="left-box d-flex justify-content-center align-items-center flex-column">
                                <img src="https://g.csdnimg.cn/static/user-medal/qinxiebiaobing_l1_t2.svg" alt="">
                               <p>勤写标兵Lv1</p>
                           </div>
                           <div class="right-box">
                               授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周上午根据用户上周的博文发布情况由系统自动颁发。                               </div>
                       </div>
                   </div>
               </div>
                                                         <div class="icon-badge" title="勤写标兵Lv2">
                   <div class="mouse-box">
                      <img src="https://g.csdnimg.cn/static/user-medal/qinxiebiaobing_l2_t1.svg" alt="">
                      <div class="icon-arrow"></div>
                   </div>
                   <div class="grade-detail-box">
                       <div class="pos-box">
                           <div class="left-box d-flex justify-content-center align-items-center flex-column">
                                <img src="https://g.csdnimg.cn/static/user-medal/qinxiebiaobing_l2_t1.svg" alt="">
                               <p>勤写标兵Lv2</p>
                           </div>
                           <div class="right-box">
                               授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周上午根据用户上周的博文发布情况由系统自动颁发。                               </div>
                       </div>
                   </div>
               </div>
                                         </div>
    <script>
        (function ($) {
            setTimeout(function(){
                $('div.icon-badge.show-moment').removeClass('show-moment');
            }, 5000);
        })(window.jQuery)
    </script>
</div>
</div>

博主专栏

Cisco CCIE

文章数： 58 篇访问量： 5125
Linux

文章数： 29 篇访问量： 1170
Python

文章数： 14 篇访问量： 523
C/C++

文章数： 0 篇访问量： 8
ORACLE

文章数： 0 篇访问量： 14
java

文章数： 0 篇访问量： 6

展开

个人分类

展开

归档

展开