19 VS Code Markdown 入门

19 VS Code Markdown 入门

安装 VS Code

首先,下载并安装 Visual Studio Code (VS Code)。可以访问 VS Code 官网 进行下载。

创建 Markdown 文件

在 VS Code 中创建一个新的文件,文件扩展名为 .md。例如,可以创建一个名为 example.md 的文件。

基本语法

以下是常用的 Markdown 基本语法:

标题

使用 # 符号来表示标题,数量代表标题的级别。例如:

1
2
3
# 这是一级标题
## 这是二级标题
### 这是三级标题

段落和换行

段落之间用一个空行分隔。换行可以在行末加两个空格。

1
2
3
4
这是第一段。

这是第二段,包含换行。
这句话在同一段落。

强调

*_ 来表示斜体和粗体。

1
这是 *斜体***粗体** 示例。

列表

无序列表使用 *+-,有序列表使用数字和句点。

1
2
3
4
5
6
7
- 项目 1
- 项目 2
- 子项目 2.1

1. 第一项
2. 第二项
1. 子项 2.1

链接和图片

Markdown 中插入链接和图片的语法如下:

1
2
[链接文本](https://www.example.com)
![替代文本](https://www.example.com/image.jpg)

代码块

使用反引号 ` 来表示代码。单行代码使用一对反引号,多行代码使用三个反引号。

1
2
这是 `单行代码` 示例。

这是一个代码块示例。
int main() {
return 0;
}

1

VS Code Markdown 预览

在 VS Code 中,可以使用内置的 Markdown 预览功能。打开 .md 文件后,右键点击并选择 “Open Preview” 或使用快捷键 Ctrl + K V 来查看实时预览。

插件推荐

为了提高 Markdown 编辑和预览的体验,可以安装以下插件:

  • Markdown All in One:增强 Markdown 支持,提供快捷键、预览和更多功能。
  • Markdownlint:帮助检查 Markdown 语法,确保格式统一。

结尾

使用 VS Code 编写 Markdown 文档非常直观且高效。通过熟悉基本语法和工具,你将能快速上手并撰写优美的文档。快去实践吧!

20 MarkdownPad 使用指南

20 MarkdownPad 使用指南

MarkdownPad 是一款功能强大的 Markdown 编辑器,适合 Markdown 新手和专业用户。下面的指南为你介绍如何使用 MarkdownPad,有效地编写和预览 Markdown 文档。

安装和启动

  1. 下载:访问 MarkdownPad 官网,下载最新版本的安装包。
  2. 安装:双击下载的安装包,按照提示完成安装。
  3. 启动:安装完成后,打开 MarkdownPad。

界面概述

MarkdownPad 的界面分为几个主要部分:

  • 编辑区:在这里输入 Markdown 语法文本。
  • 预览区:实时显示 Markdown 渲染后的效果。
  • 菜单栏:提供各种功能选项,比如文件操作、格式化工具等。

基本操作

编辑和格式化文本

在编辑区中,可以使用 Markdown 语法进行文本格式化。

标题

使用 # 符号来创建标题。示例如下:

1
2
3
# 一级标题
## 二级标题
### 三级标题

在 MarkdownPad 中,输入上面的代码,预览区将显示相应的标题格式。

强调文本

使用 *_ 来强调文本。示例如下:

1
2
这是 *斜体* 文本
这是 **粗体** 文本

在预览区中,这将显示为斜体粗体

列表

无序列表

使用 -*+ 创建无序列表。例如:

1
2
3
- 项目 1
- 项目 2
- 子项目 2.1

有序列表

使用数字加点号创建有序列表。例如:

1
2
3
1. 第一项
2. 第二项
1. 二级项 2.1

插入链接和图片

超链接

使用 [链接文本](URL) 格式插入链接。示例如下:

1
这是一个 [Google](https://www.google.com) 链接。

图片

插入图片使用 ![替代文本](图片URL) 格式。示例如下:

1
![示例图片](https://example.com/image.png)

代码块

在 MarkdownPad 中,可以使用反引号来插入代码。行内代码使用一个反引号包围,而块级代码可以使用三个反引号。示例如下:

行内代码

1
这是行内代码 `console.log('Hello, World!')` 示例。

块级代码

1
2
3
4
```
function hello() {
console.log('Hello, World!');
}
1
2
3
4
5
6
7

在预览区中,可以清晰看到代码的格式和样式。

## 表格

Markdown 也支持表格的插入。使用 `|` 和 `-` 来分隔表头和内容,例如:

姓名 年龄
小明 25
小红 30

## 结论

MarkdownPad 是一款简洁易用的 Markdown 编辑器,通过简单的 Markdown 语法,你可以快速撰写结构清晰的文档。在实践中多多应用上述技巧,可以帮助你更高效地使用 MarkdownPad。通过练习,逐步掌握 Markdown 的各种用法,提升你的写作效率。
21 StackEdit 简介

21 StackEdit 简介

StackEdit 是一个功能强大的在线 Markdown 编辑器,适合用于撰写文档、笔记以及博客文章。它可以离线使用,支持多种云端同步。

界面介绍

StackEdit 的界面分为两个主要部分:编辑器和预览窗口。编辑器支持 Markdown 语法的编写,预览窗口实时呈现渲染后的效果。

主要功能

  1. Markdown 支持:支持标准 Markdown 语法及扩展,比如生成表格、插入图片等。
  2. 实时预览:在编辑过程中可以实时查看文档的格式效果。
  3. 版本控制:可以保存多个版本,方便对比和恢复。
  4. 云同步:能够与 Google Drive 或 Dropbox 进行自动同步。

新建文档

要新建一个文档,只需点击左侧菜单栏中的“新建”按钮。StackEdit 会自动为你创建一个空白文档。

基础语法

标题

使用 # 表示标题,数量表示层级。例如:

1
2
3
# 一级标题
## 二级标题
### 三级标题

段落

直接输入文本即可形成段落。段落之间用一个空行分隔。

强调

使用单个 *_ 来强调文本,双个 **__ 来加粗文本。例如:

1
2
这是 *强调* 的文本。
这是 **加粗** 的文本。

列表

无序列表使用 *+-,有序列表使用数字加点:

1
2
3
4
5
* 苹果
* 香蕉
* 橙子
1. 第一项
2. 第二项

链接和图片

链接的格式为 [链接文本](链接地址),图片的格式为 ![替代文本](图片地址)

1
2
[百度](https://www.baidu.com)
![图片](https://example.com/image.png)

代码块

行内代码

使用反引号 ` 包裹代码。例如:

1
这是一个 `markdown` 示例。

块级代码

使用三对反引号 ``` 来表示一个代码块,并可以指定语言高亮:

1
2
3
4
```javascript
function greet() {
console.log("Hello, World!");
}
1
2
3
4
5

## 数学公式

使用 `$` 表示行内公式,例如:这是一个行内公式 $E=mc^2$。块级公式则需要使用双 `$`,如:

$$
E = mc^2
$$


## 保存和导出

StackEdit 提供多种导出选项,可以将文档导出为 Markdown、HTML 或 PDF 格式。通过菜单选择“导出”,即可看到选项。

## 总结

StackEdit 是一个功能全面的 Markdown 编辑器,非常适合菜鸟使用和日常文档编辑。通过本文档,你可以快速上手并开始使用 StackEdit 进行 Markdown 编写。