-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
334 lines (265 loc) · 15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.9.0">
<meta charset="utf-8">
<title>zhangnanyue</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta property="og:type" content="website">
<meta property="og:title" content="zhangnanyue">
<meta property="og:url" content="https://zhangnanyue.github.io/index.html">
<meta property="og:site_name" content="zhangnanyue">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="zhangnanyue">
<link rel="alternate" href="/atom.xml" title="zhangnanyue" type="application/atom+xml">
<link rel="icon" href="/favicon.png">
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/style.css">
</head>
</html>
<body>
<div id="container">
<div id="wrap">
<header id="header">
<div id="banner"></div>
<div id="header-outer" class="outer">
<div id="header-title" class="inner">
<h1 id="logo-wrap">
<a href="/" id="logo">zhangnanyue</a>
</h1>
</div>
<div id="header-inner" class="inner">
<nav id="main-nav">
<a id="main-nav-toggle" class="nav-icon"></a>
<a class="main-nav-link" href="/">Home</a>
<a class="main-nav-link" href="/archives">Archives</a>
</nav>
<nav id="sub-nav">
<a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
<a id="nav-search-btn" class="nav-icon" title="Search"></a>
</nav>
<div id="search-form-wrap">
<form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit"></button><input type="hidden" name="sitesearch" value="https://zhangnanyue.github.io"></form>
</div>
</div>
</div>
</header>
<div class="outer">
<section id="main">
<article id="post-MarkDown语法总结" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2019/10/14/MarkDown语法总结/" class="article-date">
<time datetime="2019-10-14T05:02:28.000Z" itemprop="datePublished">2019-10-14</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2019/10/14/MarkDown语法总结/">MarkDown语法总结</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p> 终于开始去写博客了，要学习下MarkDown语法，第一篇博客就用来整理，记录常用的MarkDown语法，方便以后的查询，使用。该篇语法总结不能一次性写全，所以会持续的更新，完善。</p>
<p> MarkDown语法主要分为以下几个部分：标题，强调，引用，分割线，链接，列表，代码区块，转义字符等，还有一些零碎知识点。</p>
<h1 id="标题"><a href="#标题" class="headerlink" title="标题"></a>标题</h1><p><strong>功能</strong>：表示各级标题（最多有6级标题）</p>
<p><strong>公式和说明</strong>：</p>
<p><code>#</code>+<code>空格</code>+<code>文字</code> </p>
<p><strong>注意</strong>：如果中间不加<code>空格</code>，在本地的MarkDown编辑器上可以正确显示，但同步到网站上，则不能正确显示 </p>
<p>示例**：</p>
<p># 我爱MarkDown</p>
<p>## 我爱MarkDown</p>
<p>### 我爱MarkDown</p>
<p><strong>效果</strong>：</p>
<h1 id="我爱MarkDown"><a href="#我爱MarkDown" class="headerlink" title="我爱MarkDown"></a>我爱MarkDown</h1><h2 id="我爱MarkDown-1"><a href="#我爱MarkDown-1" class="headerlink" title="我爱MarkDown"></a>我爱MarkDown</h2><h3 id="我爱MarkDown-2"><a href="#我爱MarkDown-2" class="headerlink" title="我爱MarkDown"></a>我爱MarkDown</h3><hr>
<h1 id="强调"><a href="#强调" class="headerlink" title="强调"></a>强调</h1><p><strong>功能</strong>：文字的倾斜，加粗，倾斜和加粗，加删除线。</p>
<p><strong>公式和说明</strong>：<code>*</code>可以换成<code>_</code>，效果相同</p>
<p><strong><code>*</code>+<code>文字</code>+<code>*</code></strong>：文字倾斜</p>
<p><code>**</code>+<code>文字</code>+<code>**</code>：文字加粗</p>
<p><code>***</code>+<code>文字</code>+<code>***</code>：文字加粗加斜</p>
<p><code>~~</code>+<code>文字</code>+<code>~~</code>：文字加删除线</p>
<p><strong>示例</strong>：</p>
<p>*我爱MarkDown* 或 _我爱MarkDown_ </p>
<p>**我爱MarkDown** 或 __我爱MarkDown__ </p>
<p>***我爱MarkDown*** 或 ___我爱MarkDown___</p>
<p>~~我爱MarkDown~~</p>
<p><strong>效果</strong>：</p>
<p><em>我爱MarkDown</em></p>
<p><strong>我爱MarkDown</strong></p>
<p><strong><em>我爱MarkDown</em></strong></p>
<p><del>我爱MarkDown</del></p>
<hr>
<h1 id="引用"><a href="#引用" class="headerlink" title="引用"></a>引用</h1><p><strong>功能</strong>：就只是引用吧</p>
<p><strong>公式和说明</strong>：</p>
<p><code>></code>+<code>空格</code>+<code>文字</code></p>
<p><strong>示例</strong>：</p>
<p>> </p>
<p>> 我爱MarkDown1</p>
<p>>> 我爱MarkDown2</p>
<p>>>> 我爱MarkDown3</p>
<p><strong>效果</strong>：</p>
<p><img src="https://s2.ax1x.com/2019/10/15/KCjnzj.png" alt="引用效果图"></p>
<p><strong>注意</strong>：这里的效果用了截图，因为本地的typora输出的结果和网站的显示结果不同，暂时还不知道原因，待之后探究</p>
<hr>
<h1 id="分割线"><a href="#分割线" class="headerlink" title="分割线"></a>分割线</h1><p><strong>功能</strong>：添加分割线，分割功能</p>
<p><strong>公式和说明</strong>：</p>
<p>符号 <code>-</code> 或 <code>*</code> ，3个及以上</p>
<p>示例：</p>
<p>-–</p>
<p>-—</p>
<p>-—-</p>
<p>-—–</p>
<p>***</p>
<p>****</p>
<p>*****</p>
<p>******</p>
<p>效果：</p>
<hr>
<hr>
<hr>
<hr>
<hr>
<hr>
<hr>
<p> </p>
<hr>
<h1 id="链接"><a href="#链接" class="headerlink" title="链接"></a>链接</h1><p><strong>功能</strong>：添加网站链接，图片链接等。有两种表示方式，行内式和参考式，我们暂且先说行内式。</p>
<p><strong>公式和说明</strong>：</p>
<ol>
<li><p>网站链接：</p>
<p> [自定义名称1](url “自定义名称2”)</p>
</li>
<li><p>图片链接：</p>
<p> </p>
</li>
</ol>
<p><strong>注意</strong>：上面的<code>自定义名称2</code>是可有可无的。在网站链接中，如果定义了<code>自定义名称2</code>，当鼠标悬停在网址上时，会显示出<code>自定义名称2</code>的名字，如果没有定义，则不显示任何东西；在照片链接中，<code>自定义名称1</code>会在照片下方显示。如果把鼠标悬停在图片上，优先显示<code>自定义名称2</code>的名字，如果没有<code>自定义名称2</code>,则显示<code>自定义名称1</code>的名字</p>
<p><strong>示例</strong>：</p>
<p>[我的github1](<a href="https://zhangnanyue.github.io">https://zhangnanyue.github.io</a>)</p>
<p>[我的github2](<a href="https://zhangnanyue.github.io">https://zhangnanyue.github.io</a> “zhangnanyue”)</p>
<p>![我家的橘猫1](<a href="https://s2.ax1x.com/2019/10/15/K9LU3R.th.jpg" target="_blank" rel="noopener">https://s2.ax1x.com/2019/10/15/K9LU3R.th.jpg</a>)</p>
<p>![我家的橘猫2](<a href="https://s2.ax1x.com/2019/10/15/K9LU3R.th.jpg" target="_blank" rel="noopener">https://s2.ax1x.com/2019/10/15/K9LU3R.th.jpg</a> “乖乖”)</p>
<p><strong>效果</strong>：</p>
<p><a href="https://zhangnanyue.github.io">我的github1</a></p>
<p><a href="https://zhangnanyue.github.io" title="zhangnanyue">我的github2</a></p>
<p><img src="https://s2.ax1x.com/2019/10/15/K9LU3R.th.jpg" alt="我家的橘猫1"></p>
<p><img src="https://s2.ax1x.com/2019/10/15/K9LU3R.th.jpg" alt="我家的橘猫2" title="乖乖"></p>
<hr>
<h1 id="列表"><a href="#列表" class="headerlink" title="列表"></a>列表</h1><p><strong>功能</strong>：分为有序列表和无序列表。有序列表会根据不同情况，用阿拉伯数字，字母等做有序的排列</p>
<p><strong>公式和说明</strong>：</p>
<ol>
<li><p>无序列表：这里的<code>-</code>可以换成<code>+</code> 或者<code>*</code> 都是一样的效果</p>
<p> <code>-</code>+<code>空格</code>+<code>文字</code></p>
</li>
<li><p>有序列表：</p>
<p> <code>数字</code>+<code>.</code>+<code>空格</code>+<code>文字</code></p>
</li>
</ol>
<p><strong>示例</strong>：</p>
<p>- 我爱MarkDown1</p>
<p>* 我爱MarkDown2</p>
<p>+ 我爱MarkDown3</p>
<p>1. 我爱MarkDown4</p>
<p>3. 我爱MarkDown5</p>
<p>9. 我爱MarkDown6</p>
<p><strong>效果</strong>：</p>
<p><img src="https://s2.ax1x.com/2019/10/15/KPgepD.png" alt="列表效果图"></p>
<p><strong>注意</strong>：这里的效果用了截图，因为本地的typora输出的结果和网站的显示结果不同，暂时还不知道原因，待之后探究</p>
<hr>
<h1 id="代码区块"><a href="#代码区块" class="headerlink" title="代码区块"></a>代码区块</h1><p><strong>功能</strong>：可以在区块中写代码</p>
<p><strong>公式和说明</strong>：</p>
<ol>
<li><p>单行代码：</p>
<p> 在``符号内添加代码即可</p>
</li>
<li><p>多行代码：以符号```开始，以符号```结尾，在这之间添加代码</p>
<p> ```</p>
<p> 代码1</p>
<p> 代码2</p>
<p> 代码3</p>
<p> ……</p>
<p> ```</p>
</li>
</ol>
<p><strong>示例</strong>：<br>`print(“我爱MarkDown”)`</p>
<p>```</p>
<p>include <iostream></p>
<p>int main() {<br> std::cout << “我爱MarkDown” << std::endl;<br> return 0;<br>}</p>
<p>```</p>
<p><strong>效果</strong>：</p>
<p><code>print("我爱MarkDown")</code></p>
<figure class="highlight c++"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">#<span class="meta-keyword">include</span> <span class="meta-string"><iostream></span></span></span><br><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">main</span><span class="params">()</span> </span>{</span><br><span class="line"> <span class="built_in">std</span>::<span class="built_in">cout</span> << <span class="string">"我爱MarkDown"</span> << <span class="built_in">std</span>::<span class="built_in">endl</span>;</span><br><span class="line"> <span class="keyword">return</span> <span class="number">0</span>;</span><br><span class="line">}</span><br></pre></td></tr></table></figure>
<p><strong>注意</strong>：我在本地typora写Markdown文本时，对于多行的代码区块，只需要写开头的```，该编辑器就会自动输出代码区块， 无需补全结尾的```(这个问题，是因为语法问题，还是编辑器缘故，我也不清楚，有待探究）</p>
<hr>
<h1 id="转义字符"><a href="#转义字符" class="headerlink" title="转义字符"></a>转义字符</h1><p><strong>功能</strong>：可以将那些有特定含义的符号，输出为正常的符号</p>
<p><strong>公式和说明</strong>：在特殊符号之前添加<code>\</code>符号，可以使特殊符号的作用失效。</p>
<p><code>\</code>+ 特殊符号</p>
<p><strong>示例</strong>：</p>
<p>\# 我爱MarkDown1</p>
<p>\* 我爱MarkDown2</p>
<p>\—</p>
<p>\+我爱MarkDown3</p>
<p><strong>效果</strong>：</p>
<p># 我爱MarkDown1</p>
<p>* 我爱MarkDown2</p>
<p>-–</p>
<p>+ 我爱MarkDown3</p>
<p><strong>注意</strong>：如果在特殊符号前不加转义字符，则会按照之前所有的MarkDown语法规则，输出相应的结果，但是在加了转义字符后，会将特殊字符变为正常的字符输出。</p>
<hr>
<h1 id="其他"><a href="#其他" class="headerlink" title="其他"></a>其他</h1><ol>
<li><p>空格问题</p>
<p> 在本地typora编辑器中，添加空格或者TAB，可以被正确地显示出来，但是在网站上，无论输入多少个空格或者TAB，就只显示一个空格的缩进。解决办法是不使用空格或者TAB，而是在需要空格的地方添加<code>&nbsp;</code><br> 添加一个，就代表一个空格，以此类推。</p>
</li>
</ol>
<hr>
<h1 id="未完待续"><a href="#未完待续" class="headerlink" title="未完待续"></a>未完待续</h1><hr>
<h1 id="参考"><a href="#参考" class="headerlink" title="参考"></a>参考</h1><p><a href="https://www.jianshu.com/p/191d1e21f7ed" target="_blank" rel="noopener">https://www.jianshu.com/p/191d1e21f7ed</a></p>
<p><a href="https://blog.csdn.net/u014061630/article/details/81359144" target="_blank" rel="noopener">https://blog.csdn.net/u014061630/article/details/81359144</a></p>
<p><a href="https://github.com/younghz/Markdown" target="_blank" rel="noopener">https://github.com/younghz/Markdown</a></p>
<p><a href="https://www.jianshu.com/p/b30955885e6d" target="_blank" rel="noopener">https://www.jianshu.com/p/b30955885e6d</a></p>
<p><a href="https://sspai.com/post/54912" target="_blank" rel="noopener">https://sspai.com/post/54912</a></p>
</div>
<footer class="article-footer">
<a data-url="https://zhangnanyue.github.io/2019/10/14/MarkDown语法总结/" data-id="ck1s1auxg0000pdjbl398t9z2" class="article-share-link">Share</a>
</footer>
</div>
</article>
</section>
<aside id="sidebar">
<div class="widget-wrap">
<h3 class="widget-title">Archives</h3>
<div class="widget">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/10/">October 2019</a></li></ul>
</div>
</div>
<div class="widget-wrap">
<h3 class="widget-title">Recent Posts</h3>
<div class="widget">
<ul>
<li>
<a href="/2019/10/14/MarkDown语法总结/">MarkDown语法总结</a>
</li>
</ul>
</div>
</div>
</aside>
</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
© 2019 zhangnanyue<br>
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
</div>
</div>
</footer>
</div>
<nav id="mobile-nav">
<a href="/" class="mobile-nav-link">Home</a>
<a href="/archives" class="mobile-nav-link">Archives</a>
</nav>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script src="/js/script.js"></script>
</div>
</body>
</html>