记笔记从学Typora开始-----（5）markdown知识补充一

记笔记从学Typora开始-----（5）markdown知识补充一

上节我们根据官方给的Markdown Reference，将后半段翻译成中文，方便同学阅读和学习Typora的基本使用。

这一节，咱们结合之前已有知识强化、补充一些之前未提但又很实用的知识做完善补充吧！

Typora 1.8 新特性介绍：

1、Github风格的Alert / Callouts

Alerts是Markdown的扩展，用于强调关键信息。

现在支持Github使用blockquote突出显示“注意”和“警告”的方式

要使用此功能，首先，请在偏好设置中启用Github风格警报框，如下图所示：

五种类型分别给出一个例子如下：

> [!NOTE]  
> Highlights information that users should take into account, even when skimming.

> [!TIP]
> Optional information to help a user be more successful.

> [!IMPORTANT]  
> Crucial information necessary for users to succeed.

> [!WARNING]  
> Critical content demanding immediate user attention due to potential risks.

> [!CAUTION]
> Negative potential consequences of an action.

效果如下：

2、鼠标滚轮缩放

请注意，在macOS上，我们已经支持原生的“缩放”功能

从Typora1.8版本开始，我们在偏好设置面板中添加了缩放选项。此外，还添加了按下ctrl键时，可以快速鼠标滚轮缩放Typora。设置如下图所示：

3、MarmaidJs支持XY图表

我们的mermaid diagram现在支持XY Chart，你可以在这里找到更多的细节。

前置要求我们在偏好设置打开mermaid图的支持：

XY Chart案例如下：

```mermaid
xychart-beta
    title "Sales Revenue"
    x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
    y-axis "Revenue (in $)" 4000 --> 11000
    bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
    line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
```

效果如下：

4、在Windows资源管理器 新建Markdown

偏好设置增加选项，允许用户在Windows资源管理器的“新建”上下文菜单下添加Markdown。

设置如下：

要想立即生效此功能，必须得重启系统的资源管理器进程，首先打开任务管理器：

我电脑是win11系统，其它系统应该也是类似：

然后鼠标右键->重新启动即可，发现已经生效了啊，效果如下：

Typora 1.7 新特性介绍：

1、固定最近访问文件夹

当你在打开侧边栏上，点击底部菜单后，可将鼠标悬停在最近的文件夹项目上，然后单击“固定”按钮来固定它。也可以点击“删除”按钮从最近的文件夹列表中删除某个文件夹，也可以从“文件→打开最近”菜单栏中删除某个文件夹。

首先，我们复习下如何打开侧边栏吧！

打开后，当我们鼠标悬浮于侧面栏区域，我们看到底部有个文件夹菜单：

我们点击一下之后，发现鼠标悬浮于最近文件夹之上，会自动显示pin的别针的图标：

大家根据根据自己需要，固定一些比较常用的写笔记的文件夹哦，这样访问文件夹内的文件就会很方便！

更高级Formatting

1、Collapsed section

创建一个让读者可自行选择是否要展开折叠部分内容进行详细阅读。例如，当您希望在问题评论中包含技术细节时，这些细节可能与每个读者都不相关或不感兴趣，您可以将这些细节放在折叠部分中。

在读者单击展开详细信息之前，<details>块中的任何Markdown都将被折叠，在<details>块中，使用<summary>标签让读者知道里面是什么。标签出现在>的右边。

例如如下案例：

<details>
    <summary>Tips for collapsed sections</summary>
    You can add a header
</details>

效果如下：

（1）默认状态：

（2）点开状态：

2、创建Mermaid 流程图

Mermaid是一个受markdown启发的工具，可以将文本呈现为图表。例如，Mermaid可以渲染流程图、序列图、饼图等。有关更多信息，请参阅Mermaid文档。

要创建Mermaid图，请在带有Mermaid语言标识符的隔离代码块中添加Mermaid语法。有关创建代码块的详细信息，请参见“创建并突出显示代码块”。

举例：

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

效果如下：

注：本节就到此啦，创作不易，喜欢小伙伴点点赞哦！

下一节，咱们继续补充一些配合鼠标使用的快捷键把，毕竟速度才是第一生产力！大家拭目以待！我是航火火，火一般的男人！