Typaro使用教程

今天给大家推荐一款写博客神器Typora，真的是非常好使的一款markdown编辑器。

优势：

1.及时预览，虽然现在很多网站都可以分屏显示，但是体验还是有点缺陷（偏移量不一致）

2.本地可查看

3.当然是完全免费的啦

下载地址：官网下载

下载完成之后，我们直接打开Typoro便可以进行编写，markdown的语法还是一样的。下面我们进行编写时候插入图片的设置，打开 偏好设置->图片，如下图：

偏好设置 图像设置

上传服务的设定有好几种方案，

上传图片服务设置

这边我因为是mac ox系统，选择的是uPic，这边介绍一下uPic的使用方式，windows用户的同学可以使用PicGo,无论是command line还是app方式都可以，方式应该都差不多。

在终端中输入：

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" cid="n13" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background-color: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit; background-position: initial initial; background-repeat: initial initial;">```
brew cask install uPic

> ### 1\. macOS Mojave 10.14及以下系统：
> 
> 打开「终端.app」，输入以下命令并回车，输入开机密码回车
> 
> <pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" cid="n37" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background-color: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit; background-position: initial initial; background-repeat: initial initial;">sudo xattr -rd com.apple.quarantine 空格 软件的路径</pre>
> 
> <pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" cid="n40" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background-color: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit; background-position: initial initial; background-repeat: initial initial;">sudo xattr -rd com.apple.quarantine 空格 软件的路径</pre>
> 
> <pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="" cid="n42" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background-color: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit; background-position: initial initial; background-repeat: initial initial;">sudo codesign --force --deep --sign - (应用路径)</pre>
> 
> <pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" cid="n47" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background-color: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit; background-position: initial initial; background-repeat: initial initial;">xattr -cr /文件位置（直接将应用拖进去即可）</pre>
> 
> <pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" cid="n49" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background-color: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit; background-position: initial initial; background-repeat: initial initial;">codesign --force --deep --sign - /文件位置（直接将应用拖进去即可）</pre>
> 
> 然后再次执行如下指令即可：
> 
> 那么，先在终端执行：
> 
> ![错误提示](https://img.haomeiwen.com/i2705123/164fb35a3f387160.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 
> 
> 如出现以下错误提示：
> 
> **错误解决**
> 
> ### 3\. macOS Catalina 10.15.4 系统：
> 
> 打开「终端.app」，输入以下命令并回车，输入开机密码回车
> 
> ### 2\. macOS Catalina 10.15系统：

如果打开uPic显示 `xxx.app可能会损坏您的电脑，您应该将他移入废纸篓`云云，解决方法如下：

到这里，大功告成~

*   注意：Personal Access Token只会在创建的时候显示一次

*   保存路径自行添加，注意别出现重复名称

    到了这里，我们的自己的图床配置就已经完成了，我们可以点击下面的验证按钮，上传成功后可以在GitHub仓库中发现多了一张uPic logo的图片。

    ![uPic logo](https://img.haomeiwen.com/i2705123/7ddf3d41e82350b5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 

用户名就是你的GitHub用户名，再填上你的仓库名称，分支的话一定要使用已经创建的分支才可以上传成功，Token就是GitHub的Personal Access Token，[去这里设置](https://github.com/settings/tokens/new)，新建成功后复制粘贴到这里即可。

*   注意：截图上传的话需要给录制权限。

    因为此时上传使用的是默认的SMMS的图床，我们可以使用GitHub作为自己的图床，打开uPic的偏好设置

    ![uPic设置GitHub作为图床](https://img.haomeiwen.com/i2705123/84daefdee7db7d94.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 

![uPic使用](https://img.haomeiwen.com/i2705123/cbe9eeac64b2f8e5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 

在右上角中选择uPic图标

勾选访达扩展中的 uPic访达扩展，到了这里我们就可以使用图片上传了。

![系统偏好设置 扩展](https://img.haomeiwen.com/i2705123/53726bb85e079725.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 

安装完成后，打开uPic程序，在系统偏好设置 扩展中进行设置：