绍

Notable一款精美的基于Markdown的跨平台笔记应用程序，同时支持Windows、MacOS以及Linux，目前在Github上能找到很多笔记类应用，其中也不乏很多优秀的,Notable便是其中一款，其Github上的star数已达13k+,不过遗憾的是在最新版本中已不再开源，不过其仍然是值得使用且很实用的小巧的笔记应用。

Github

https://github.com/notable/notable

类应用对比

功能特性

• 基于Markdown

笔记是用Markdown编写的，此外还可以编写KaTeX表达式，流程图等等。Notable提供了非常强大的Markdown编辑器，实际上它与VS Code所使用的编辑器相同，因此内置了多光标，小地图和同类最佳的语法突出显示等功能。

• 无第三方供应

便笺和附件仅存储在磁盘上，非常便携式且功能强大：可以通过移动设备上的第三方编辑器编辑便笺，通过Dropbox同步便笺，使用Git，运行基于正则表达式的搜索和替换等。

• Dark Theme（暗黑主题）

还可以使用深色主题。将来还将添加对自定义主题的支持。

• 简约模式

简约模式提供了简约的编辑和阅读体验，隐藏了所有不必要的内容。Notable快捷键也非常友好，具有一个快速打开的窗口，并且很快也会添加命令面板，因此，如果不想这样做什么，则不必单击任何按钮。

• 多笔记编辑器

多笔记编辑器可用于一次对多个笔记执行操作，如收藏，固定，删除，标记等。

• 编辑＋预览

拆分编辑器可用于快速预览笔记

更多功能

• 内置备忘单，供快速参考。
• 内置教程，可在使用时学习该应用程序。
• 支持多个数据目录，因此可以分别存储不同的便笺集。
• 附件可以添加到任何便笺中，甚至可以通过复制/粘贴的方式添加，也可以单独存储在磁盘上。
• 标签是无限可嵌套的。
• 从Evernote或Boostnote等其他应用程序导入现有的笔记库。
• 将笔记导出为Markdown，HTML或PDF。
• 搜索时使用模糊搜索。
• Markdown编辑器，它支持多光标，行号，小地图，滚动到最后一行等等。
• 支持链接到其他注释和附件。
• 仅通过链接即可共享笔记。
• 待办事项可用于任务管理。
• 代码块的语法突出显示，可以一键复制。
• 浮动在其他应用程序之上，也可以选择半透明。

将来还会内置同步等功能，还会提供插件模式，本文就不在赘述！

总结

类似的精品应用还有很多，感兴趣的朋友可以尝试一下，Enjoy it！

篇文章适合人群：Jupyter & Markdown 初级使用者

俗话说，工欲善其事必先利其器。

希望在看过本篇文章后，大家能在学习过程中更高效地使用自己的工具。

本篇文章一共分为3个部分，如下图所示。

一

快捷交互tips

该部分内容主要介绍一些常用的快捷键，以及借助一些与交互相关的魔术命令让我们更高效的使用Notebook

1．快速运行你的cell

Jupyter 给我们提供了非常多的快捷键，很多在其他编辑器或命令行中也会用到，在这里提几个常用的：

①Shift + Enter : 运行当前cell，选中下一cell

②Alt + Enter：运行当前cell，在其下新增一个cell

③Alt + A :选中全部 （Ctrl + C 复制；Ctrl + V 粘贴）

④Shift + M ：合并两个cell

⑤Tab : 补全代码（比如函数名或已有变量名）

⑥Ctrl + ] : 选中代码块往右移（比如你想让你的代码看起来逻辑更清晰些）

⑦Ctrl+ [ : 选中的代码块往左移 （比如你移多了。。。）

⑧Ctrl + S : 及时保存你的文件（如果你没开“自动保存模式的话”）

2．在cell中快速切换

Markdown与jupyter 可以通过“ESC+M”和“ESC+Y”快速切换，so，要是想更流畅的在你的jupyter代码与markdown笔记之间快速切换，直接快捷键不用动鼠标何乐而不为呢

3．在cell中安装库（！pip install packages）

在shell命令前添加直接安装自己需要的库，比如pydataset库的安装

4．在cell中查看路径(%pwd),切换路径(%cd filepath)，查看根目录下文件(%ls)

5．在cell中运行外部文件(%run filepath:/filename)

（1）!python filepath/pythonfile.py

（2）在JupyterNotebook中运行一些代码片段时，希望运行位于某个目录中的外部代码文件。%运行允许从Jupyter Notebook运行任何外部python文件。

二

Jupyter使用tips

1．编写代码过程中常用到的Magic命令(以%为前缀的命令，是ipython的特殊命令，方便完成日常任务)

（1）Magic命令相当于Notebook的高级用法，magic命令前为“%”时代表Line Magic命令，为“%%”时代表cell命令。Line Magic 命令仅应用于编写 Magic 命令时所在的行，而cell Magic 命令应用于整个单元格。

（2）查看历史：%history

（3）查看变量：%who

（4）显示matplotlib：%matplotlib inline

（5）更多内容请参考官方文档：

https://ipython.readthedocs.io/en/stable/interactive/magics.html

2．变量/函数内容查看

通过在变量或者函数后加上一个“？”，我们可以直接查看该对象的参数和方法等信息

3．统计时间复杂度

%%time将会给出cell的代码运行一次所花费的时间

4．配置你的环境变量

可以在不必restart kernel的情况下管理Notebook环境变量

# Running %env without any arguments
# lists all environment variables
 
# The line below sets the environment
# variable OMP_NUM_THREADS
%env OMP_NUM_THREADS=4

5．导出你的工作成果

点击File下拉菜单中的“Export Notebook As...”选择自己想导出的方式即可。

三

Markdown使用tips

1．表格制作

（1）html中tr,th,td

（2）插入空格：

在 Markdown 文档中，可以直接采用 HTML 标记插入空格（blank space），而且无需任何其他前缀或分隔符。具体如下所示：另外不要漏掉分号(;)

（3）表格跨行

<table><tbody>
    <tr>
        <th rowspan="3">我占了三行</th>
        <th>第一列</th>
        <th>第二列</th>
        <th>第三列</th>
    </tr>
    <tr>
        <td>第一列</td>
        <td>第二列</td>
        <td>第三列</td>
    </tr>
    <tr>
        <td>第一列</td>
        <td>第二列</td>
        <td>第三列</td>
    </tr>
</table>

（4）表格跨列

<table>
    <tr>
        <td colspan="2" align="center">
            常用数据集</td>
    </tr>
    <tr>
        <td>load_digits()</td>
        <td>手写数字数据集</td>
    </tr>
    <tr>
        <td>load_iris()</td>
        <td>鸢尾花数据集</td>
    </tr>
    <tr>
        <td>load_breast_cancer()</td>
        <td>乳腺癌数据集</td>
    </tr>
    <tr><td>load_diabetes()</td>
        <td>糖尿病数据集</td>
    </tr>
    <tr>
        <td>load_linnerud()</td>
        <td>体能训练数据集</td>
    </tr>
</table>

（5）表格颜色

<table><tbody>
    <tr>
        <th>方法说明</th><th>颜色名称</th><th>颜色</th>
    </tr>
    <tr>
        <th><font color="Hotpink">此处实现方法利用 CSDN-markdown 内嵌 html 语言的优势</font></th><th><font color="Hotpink">Hotpink</font></th><td bgcolor="Hotpink">rgb(240, 248, 255)</td>
    </tr>
    <tr>
        <th><font color="pink">借助 table, tr, td,th 等表格标签的 bgcolor 属性实现背景色设置</font></th><th><font color="pink">AntiqueWhite</font></th><td bgcolor="Pink">rgb(255, 192, 203)</td>
    </tr>
</table>

2．图片插入

图片插入有非常多种，在这里比较推荐图床，向国内一些小型的免费图床比如聚合图床等等。

当然，我们也可以将图片与CSS结合起来，调节图片的大小和位置。在div中配置参数align=”center”让图片居中显示，在img标签中添加完src对应的url路径后，添加参数width=”50%”让我们的图片在每次页面缩放时，占页面的50%显示。

<div align="center"><img src="https://img.imgdb.cn/item/604ec4ec5aedab222c5dc3ab.gif" width="50%"></div>

3．常规方法

（1）在markdown编辑模式下换行：

在输入的文字后加入<br>或者几个"Enter

（2）标题

①# 一级标题

②## 二级标题

③### 三级标题

（3）引用

① >被引用的内容

（4）网页链接：

使用方法:

[链接文字说明]（对应链接URL）

（END.）

者：TK

译者：长河渐落晓星沉

转发链接：https://www.freecodecamp.org/news/automating-my-blog-posts-publishing-process-with-typescript/