专业编程基础技术教程

网站首页 > 基础教程 正文

Typora极简教程 typora官网教程

ccvgpt 2024-10-22 10:41:07 基础教程 15 ℃

Typora极简教程

Typora download

Markdown 是一种轻量级标记语言,创始人是约翰·格鲁伯(John Gruber)。它允许人们 “使用易读易写的纯文本格式编写文档,然后转换成有效的 HTML 文档。”

Typora极简教程 typora官网教程

1. 基本操作

1.1 内容目录

  • 语法
[toc]		

1.2 标题

  • 语法
#       一级标题    
##      二级标题    
###     三级标题    
####    四级标题    
#####   五级标题    
######  六级标题    

1.3 引用

  • 语法
> 引用内容1
>> 引用内容2
>>> 引用内容3
  • 效果

2. 代码

2.1 单行代码

  • 语法
`String str1 = "hello";`
  • 效果
String str1 = "hello";

2.2 多行代码

  • 语法
~~~
```
~~~java
```c
  • 效果
int a = 10;
int b = 20;

3. 列表

3.1 无序列表

  • 语法
* 无序列表1
+无序列表2
- 无序列表3
  • 效果
  • 无序列表1
  • 无序列表2
  • 无序列表3

3.2 多行无序列表

  • 语法
* 多行无序列表1
TAB * 多行无序列表2
TAB TAB * 多行无序列表3
  • 效果
  • 多行无序列表1
    • 多行无序列表2
      • 多行无序列表3

3.3 有序列表

  • 语法
1. 有序列表1
2. 有序列表2
3. 有序列表3
  • 效果
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

3.4 多行有序列表

  • 语法
1. 多行有序列表1
2. 多行有序列表2
    1. 多行有序列表2-1
    2. 多行有序列表2-2
3. 多行有序列表3
    1. 多行有序列表3-1
    2. 多行有序列表3-2
  • 效果
  1. 多行有序列表1
  2. 多行有序列表2

1. 多行有序列表2-1

2. 多行有序列表2-2

  1. 多行有序列表3

1. 多行有序列表3-1

2. 多行有序列表3-2

3.5 任务列表

  • 语法
-[ ] 抽烟
-[x] 喝酒
-[ ] 烫头
  • 效果

3.6 表格

  • 语法
|姓名|性别|年龄|手机号|
|:---|:--:|:--:|---:|
|张三|男|21|18975346876|
|李四|女|23|17789548964|
|王五|男|25|15876513546|
  • 效果

姓名

性别

年龄

手机号

张三

21

18975346876

李四

23

17789548964

王五

25

15876513546

4. 链接

4.1 图片

  • 语法1(本地图片
![img](图片地址)

例如展示路径为:“E:\java\1.jpg” 的图片。(由于格式问题无法在浏览器中展示,各位可以自行在typora中尝试)

![img](E:\java\1.jpg)
  • 语法2(网络图片
 ![图片Alt](图片地址 "图片Title")
 ![typora.jpg](https:////upload-images.jianshu.io/upload_images/1538862-d91e815790b81e4a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/539 "typora Title")
  • 效果2

4.2 超链接

  • 语法1(行内式链接
[今日头条][https://mp.toutiao.com/profile_v4/graphic/publish?pgc_id=6931890707061948932]
  • 效果1

今日头条

  • 语法2(参考式链接
[今日头条][今日头条网址]
[今日头条网址]:https://mp.toutiao.com/
  • 效果2

今日头条

[今日头条网址] : https://mp.toutiao.com/

  • 语法3(自动链接
<https://mp.toutiao.com/>
  • 效果2

https://mp.toutiao.com/

5. 其他

5.1 斜体

  • 语法
*斜体*
_斜体_
  • 效果

斜体 斜体

5.2 加粗

  • 语法
**加粗**
__加粗__
  • 效果

加粗 加粗

5.3 下划线

  • 语法
<u>下划线</u>
  • 效果

下划线

5.4 删除线

  • 语法
~~删除线~~
  • 效果

删除线

5.5 分隔线

  • 语法
***
---
___
  • 效果



5.6 注脚

  • 语法
Typora[^1]
[^1]A markdown editor
  • 效果

Typora[1]

5.7 上下标

  • 语法
$3^2=9$
$3^{(3-1)}=9$
$H_2SO_4$
$H_{2SO_4}$
  • 效果

5.8 符号的输入

  • 语法
\\   反斜线
\`   反引号
\*   星号
\_   底线
\{ \}  花括号
\[ \]  方括号
\( \)  括弧
\#   井字号
\+   加号
\-   减号
\.   英文句点
\!   惊叹号
  • 效果

\ ` * _ { } [ ] ( ) # + - . !

5.9 特殊字符

  • 语法
效果:

?      版权      
?       注册商标
?     商标
       空格
&       和号
"      引号
'      撇号
<        小于号
>        大于号
≠        不等号
≤        小于等于
≥        大于等于
¢      分
£     磅
€      欧元
¥       元
§      节
×     乘号
÷    除号
±    正负号

如有其他需求,可在百度搜索:“HTML特殊字符编码对照表”

日常我们在写简书的时候总会有一些表格要写,我正常用的是markdown编辑器写简书。这里介绍两种方法写markdown的表格

居中显示

"<center>输入的文字</center>“

一、 表格极简方式

一、 极简方式

-|-|-
香蕉 | $1 | 5 |
苹果 | $1 | 6 |
草莓 | $1 | 7 |

name

价格

数量

香蕉

$1

5

苹果

$1

6

草莓

$1

7


二、简单方法

name | 111 | 222 | 333 | 444
- | :-: | :-: | :-: | -:
aaa | bbb | ccc | ddd | eee| 
fff | ggg| hhh | iii | 000|


name

111

222

333

444

aaa

bbb

ccc

ddd

eee

fff

ggg

hhh

iii

000


三、原生方法

name | 111 | 222 | 333 | 444
:-: | :-: | :-: | :-: | :-:
aaa | bbb | ccc | ddd | eee| 
fff | ggg| hhh | iii | 000|


name

111

222

333

444

aaa

bbb

ccc

ddd

eee

fff

ggg

hhh

iii

000


三、区别

??简单方法虽然是稍微简单了些,但是前后因为没有格式所以第一列和最后一列没有居中,对于极简方式来说还相当繁琐。极简方式简单,但是都是左对齐。原生方式格式更美观。个人意见强迫症患者请用原生方式,其他请随意。

四、语法说明

1)|、-、:之间的多余空格会被忽略,不影响布局。

2)默认标题栏居中对齐,内容居左对齐。

3)-:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。

4)内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。

最近发表
标签列表