建筑网站开发设计网站开发大揭秘

一直用Markdownpad2写相关技术文档，时间长了对于分屏显示也不以为然。一次偶然发现了typoa，用了一下，感觉它的体验感更好，它是一款简洁高效的 所见即所得 Markdown 编辑器，无需分屏预览，直接实时渲染内容。摸索了一段时间，感觉它实用性更强，下面我将心得笔记写胡来，也是我的开发笔记吧！

---

一、基础操作

1. 新建与保存文件

• 新建：打开 Typora → 点击左上角 文件 → 新建（或直接输入内容）。

• 保存：按 Ctrl + S（Windows）或 Cmd + S（Mac）保存为 .md 文件。

2. 基本语法

• 标题：输入 # + 空格，如 # 一级标题 → 自动渲染为标题。

• 加粗：用 **文本** 或 __文本__ → 如 **加粗文字**。

• 斜体：用 *文本* 或 _文本_ → 如 *斜体文字*。

• 列表：

  • 无序列表：输入 - 或 * + 空格。

  • 有序列表：输入 1. + 空格。

• 链接：[显示文本](链接地址) → 如 [百度](https://www.baidu.com)。

• 图片：![图片描述](图片路径) → 支持本地路径或网络链接。

---

二、高效编辑技巧

1、快捷键

功能	Windows 快捷键	Mac 快捷键
保存文件	Ctrl + S	Cmd + S
插入表格	Ctrl + T	Cmd + T
插入代码块	Ctrl + Shift + K	Cmd + Shift + K
搜索与替换	Ctrl + F	Cmd + F
切换源代码模式	Ctrl + /	Cmd + /

2、快速插入内容

• 表格：输入 | 标题1 | 标题2 | 后按回车 → 自动生成表格。

• 代码块：

  • 行内代码：用反引号 `代码`。

  • 代码块：输入 ```语言类型` → 指定语法高亮（如python`）。

• 数学公式：

  • 行内公式：$公式$ → 如 $E=mc^2$。

  • 块公式：$$公式$$ → 如：

$$
\int_{a}^{b} x^2 dx
$$

 

3、绘图与图表

• Mermaid 流程图：

  ```mermaid
  graph TDA[开始] --> B(操作步骤)B --> C{是否完成?}C -->|是| D[结束]C -->|否| B

• 序列图：

  ```mermaid
  sequenceDiagramAlice->>Bob: 你好！Bob-->>Alice: 你好！

---

三、高级功能

1. 主题与样式

• 切换主题：顶部菜单 → 主题 → 选择内置主题（如 Gothic、Night）。

• 自定义 CSS：文件 → 偏好设置 → 外观 → 编辑 theme.css 文件。

2. 导出文件

• 支持导出为 PDF、HTML、Word、LaTeX 等格式。

• 操作：文件 → 导出 → 选择格式（需安装 Pandoc 导出更多格式）。

3. 专注模式

• 启用：视图 → 专注模式 → 当前段落高亮，其他内容淡化。

• 打字机模式：视图 → 打字机模式 → 光标行始终居中。

---

四、实用场景示例

1. 写技术文档

• 使用代码块 + 数学公式：

  ```python
  def hello():print("Hello World!")

2. 制作待办清单

- [x] 完成 Typora 学习  
- [ ] 写项目报告  
- [ ] 整理会议记录

3. 插入本地图片

• 直接拖拽图片到 Typora 编辑区域 → 自动生成 Markdown 代码（需在偏好设置中启用图片保存到本地）。

---

五、常见问题

1. 中文换行问题

• 现象：中文段落换行后不显示空格。

• 解决：在偏好设置 → 编辑器 → 勾选 严格换行 → 使用 空格 + 回车 换行。

2. 公式渲染失败

• 原因：未启用数学公式支持。

• 解决：文件 → 偏好设置 → Markdown → 勾选 内联公式 和 公式块。

---

最后小结

通过上述操作，你可以快速掌握 Typora 的核心功能。我想它的设计理念是 能让给软件人员“专注于写作”，适合需要高效记录和排版的用户！也许它也适合你，那就点赞收藏吧！