Typora的基本语法

Typora的基本语法

Typora 是一款非常好用的 Markdown 编辑器,它支持大多数标准的 Markdown 语法。可以使用WP Githuber MD插件转换Markdown来写博客但有时候不是特别兼容某些语法。下面是一些使用基本语法。

image-20241108143913790

Markdown 基本语法

tips:首先可以ctrl+/来切换源代码模式

标题

# 这是一级标题
## 这是二级标题
### 这是三级标题
以此类推,'#'记得与标题隔个空格
快捷键ctrl+1,2,3

粗体和斜体

**粗体文本**或__粗体文本__
*斜体文本*或_斜体文本_
也可以使用快捷键ctrl+B 和 ctrl+I
~~删除线文本~~ 或alt+shift+5
<u>下划线</u>HTML格式 或ctrl+U
上面的格式都可以叠加使用

粗体文本粗体文本

斜体文本斜体文本

删除线

下划线

超级大杂烩

链接

ctrl+K或者

[链接文本](http://example.com)

传送门

如果要直接显示 URL 或者邮件地址,可以通过 <> 来包裹 URL

图片

![图片描述](http://example.com/image.jpg)

图片

引用

> 这是一段引用文本。

Life is a fucking movie

代码

注意是反引号

&#x60;这是一行内联代码&#x60;

博主也拿来当高亮效果使用

代码块

可以指定编辑语言进行渲染,右下角显示

打出三个`后c#(有提示)后回车

ctrl+↩︎跳出代码块

#include<iostream>
int main(){
    std::cout<<"hello world"<<endl;
    return 0;
}

分隔线

---
Σ(°ロ°)是分割线
***

Σ(°ロ°)是分割线


表情

由于在使用Ajax的Argon主题时其显示并不正常(即表情显示为字符串),因此我并不是很常用。大家可以试试看!可以参考→🎁 Emoji cheat sheet for GitHub, Basecamp, Slack & more

:smile: :yum:

🙂 :yum:

image-20241108125607323

无序列表

- 列表项
  - 子列表项
    - 子子列表项
  • 列表项
    • 子列表项
    • 子子列表项

Tab键后退,’+’也可以代替减号

有序列表

1. 第一项
2. 第二项
3. 第三项
  1. 第一项
  2. 第二项
  3. 第三项

任务列表

- [x] 已完成项
- [ ] 未完成项
  • [x] 已完成项
  • [ ] 未完成项

高亮

(需额外设置, 首先ctrl+,-> 偏好设置 -> Markdown扩展语法 ->高亮)

==高亮文本==

表格

| 表头1 | 表头2 | 表头3 |
|-------|-------|-------|
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
表头1 表头2 表头3
单元格 单元格 单元格
单元格 单元格 单元格

ctrl+↩︎继续下一行表格

强烈建议使用html代码进行表格的表述,这样对HTML的兼容性会更好,后面会提到。

其他快捷键

Ctrl l 选中一行

Ctrl d 选中内容/单词

Ctrl home 跳转到文章开头

Ctrl end 跳转到文章结尾

Ctrl f 搜索

Ctrl h 替换

[^内容] 脚注标识

兼容HTML

Markdown 支持嵌入 HTML 代码,但HTML不能嵌入Markdown。下面是一些常用的HTML元素。

视频

markdown里可以嵌入视频!比如,通过复制网页分享链接嵌入一个B站视频:

image-20241022154324666

<iframe src="//player.bilibili.com/player.html?
aid=786483310&bvid=BV1v14y1z7MV&cid=1212521934&page=1&high_quality=1&danmaku=0&autoplay=0" 
name="iframe_a" allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" 
frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts">
</iframe> 
//然后根据需求添加相应css样式
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"//阻止跳转
width="100%" height="500"
autoplay=0//禁止自动播放

为什么要演奏春日影!

音频

<audio controls>
  <source src="#" type="audio/mpeg">
</audio>

或者外链插入?

表格

<table style="border:1px solid black; margin-left:auto; margin-right:auto;">
    <tr>
        <th>特性</th>
        <th>Python</th>
        <th>JavaScript</th>
    </tr>
    <tr>
        <td>动态类型</td>
        <td>是</td>
        <td>是</td>
    </tr>
    <tr>
        <td>函数式编程支持</td>
        <td>有限支持</td>
        <td>良好支持</td>
    </tr>
</table>
特性 Python JavaScript
动态类型
函数式编程支持 有限支持 良好支持

我们可以在Markdown 表格 转换为 HTML 表格 – 在线表格转换工具中对表格进行各种格式的转换,建议转换为压缩HTML

参考

Typora 地表最强Markdown编辑器之一 – Bensz

Markdown 使用指南 – 基础语法 | 無名小栈

Markdown快速入门常用快捷键(typora) – 余生&安好 – 博客园

HTML 框架 | 菜鸟教程

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇