阿良博客-IT业余爱好者的个人学习生活记录

个人学习生活记录
记录学习生活,共同交流进步

Typecho编辑器Markdown常用标记语法记录

Typecho使用Markdown编辑器,符合它一贯简洁的作风。该编辑器使用方法简单,通过简单的标记语法,它可以使普通文本内容具有一定的格式。因此在本文中,我记录了本人平常使用的Markdown语法

1.代码问题

对于IT人员来说这个功能是必不可少的,插入程序代码的方式有两种,一种是利用缩进(tab), 另一种是利用英文“ ` ”符号包裹代码。

方法:①缩进4个空格;②代码前一行和后一行用3个英文字符“`”包括;③行内代码用单个②中的英文字符前后包围

演示:
行内代码应该<div>如此

  缩进4个空格
英文符号包括


2.Markdown特殊符号

Unicode码: 点击前往


3.markdown超链接和图片

插入链接与插入图片的语法很像,区别在一个 !号,插入图片的地址是 URL 地址,可以使用自带编辑器上传图片获得 URL,点击确定或者上传后的图片名称可以直接在需要的位置添加图片。我一般用的也是第二种,方便!

语法:

[显示的文字](https://xxx链接)

![图片注释,显示](https://xxx.jpg)

当然你也可以这样写:

[显示的文字][2]
![图片说明,该文字不显示][3]


4.文章中图片大小、位置问题

①文章中图片大小设置方法

markdown是兼容HTML语法的,所以我们可以利用标签来定义图片的大小

<img src="图片链接" width="400" title="" alt=""></img>

②文章中图片位置设置

利用markdown在编写文档时插入图片是默认靠左,有些时候将图片设置为居中时可以更加的美观,这时就需要在图片的信息前边添加如下,如果想将图片位于右侧,只需要将居中的center改为right即可!(也可以利用<center>来设置居中)
方法:
<div align=center>![这里写图片描述][1]</div>


5.文章标题

标题由大到小在markdown里可以分为6级,类似于html的h1到h6,markdown支持html语法,可直接使用<h1-6></h1-6>标签包裹

五级标题为“#####”,使用方法如下:
#####我是五级标题
或者
<h5>我是标题</h5>


6.Markdown列表

熟悉 HTML 的同学肯定知道有序列表与无序列表的区别,在 Markdown 下,列表的显示只需要在文字前加上 - 或 * 即可变为无序列表,有序列表则直接在文字前加 1.2.3. 符号要和文字之间加上一个字符的空格。
如下:

- 无序列表
* 无序列表
1. 有序列表
2. 有序列表

效果:

  • 无序列表
  • 无序列表
  1. 有序列表
  2. 有序列表


7.引用

如果你需要引用一小段别处的句子,那么就要用引用的格式,在 Markdown 里只需要在文本前加入 > 这种尖括号(大于号)即可,要注意符号后面和文本间有个空格。有时候一大段文字只需要用一个就行,但是有时候你换行了,就会引用不到下面那一句话,这样的话,你只要在换行的地方再加个>符号就好了!
语法:

这里是引用
这是引用

  • 当然你也可以添加一个无序*符号


8.文章分割线和摘要

分割线的语法只需要另起一行,连续输入6个- 即可。
语法:
------
效果如下:



9.层级效果

层级通过 + 号实现,注意空格。
语法:

+ 第一级
 + 第二级
  + 第三级

(效果):

  • 第一级

    • 第二级

      • 第三级


10.粗体/斜体/删除线以及字体颜色设置

①Markdown 的粗体、斜体和删除线

非常简单,用两个包含一段文本就是粗体的语法,用一个包含一段文本就是斜体的语法,删除线 是四个英文的~是删除线!
(语法):

这是**粗体**这是*斜体*这是~~删除线~~
(效果):
这是粗体这是斜体这是删除线

②字体颜色设置

语法:
<font color="red">字体颜色</font>
效果:
字体颜色
相关颜色代码:

1 白颜色 #FFFFFF 
2 红颜色 #FF0000 
3 绿颜色 #00FF00 
4 蓝颜色 #0000FF
5 黄颜色 #FFFF00 
6 黑颜色 #000000


11.文章段落首行缩进、换行

markdown没有专门的符号来表示首行缩进,但是我们可以直接用两个&nbsp;来设置首行缩进,此外,可以用</hr>做水平分割线,还有<br>换行符!

感谢来访,希望本文对您有所帮助!
 本文最后更新于2020年05月11日
 本文为阿良原创文章
 转载请注明出处:阿良博客
如有版权问题,请联系处理 | 当前页面:阿良博客 » Typecho编辑器Markdown常用标记语法记录

评论 1

  1. 评论者头像

    文章不错,值得学习。

    有啊博客 2020-05-08    回复