Typora的安装与配置

深碍√TFBOYSˉ_ 2024-04-08 08:51 105阅读 0赞

> Markdown对于码农来讲有多重要就不多说了吧，那么Typora作为一款极好用的生产工具，它的重要性也不言而喻了吧！

### Typora简介 ###

Typora 是一款支持实时预览的 Markdown 文本编辑器。风格极简 / 多种主题 / 支持 macOS，Windows 及 Linux/实时预览 / 图片与文字 / 代码块 / 数学公式 / 图表/目录大纲 / 文件管理 / 导入与导出 ……

[安装参看中文官网][Link 1]

### Typora推荐插件 ###

> Typora的插件也蛮多的，这里推荐一个个人使用过的，效果特别好的!

#### Vlook插件 ####

*  **简介**
    
    vlook是孟兆大佬开发的一个插件，[VLOOK™][VLOOK] 提供了对文档章节、插图、表格、多媒体提供了多种形式的导航、快速定位和内容组织的工具，全面改善和提高发布的 HTML 文件的浏览体验和效率。主要的亮点也就是导出html文件功能强大，主题样式好看！
    
    它的官网就是使用这个插件制作而成的，导出的html格式文件可以一键复制、插图放大、表格阅读模式、画中画等，还包括演示辅助，例如激光笔、聚光灯等等。
    
    官网：[https://madmaxchow.gitee.io/vlook/guide.html][VLOOK]
 *  **样例**
    
    个人的一篇课程笔记就是例如这个插件生成的静态html文件并上传服务器的，预览效果与链接如下：
    
    > [https://jiumoz.com/website/notebook.html][https_jiumoz.com_website_notebook.html]
    
    ![526fe7c2ae96affd3cf3c632da117341.png][]
 *  **安装**
    
    安装啥的就参看[官网][VLOOK]就好，很简单！
    
    推荐版本是2022年3月及以前的，因为个人觉得没那么好看了，也不知道为啥。

### Typora主题设置 ###

#### 安装 ####

主题安装也特别简单，在[官网][Link 2]下载主题文件，然后按照提示将对应的文件复制到主题目录下就好了！

![image-20220815190655030][]

#### 主题推荐 ####

*  **dyzj**
    
    这是个人现在在使用的，花里胡哨的，配色和动态效果设置，我很喜欢！
    
    [预览链接][Link 3]
    
    [下载链接][Link 4]
    
    ![image-20220815190956662][]
 *  **vue**
    
    vue经典绿+简洁谁能拒绝得了？
    
    [下载链接][Link 5]
    
    ![image-20220815191311121][]

### Typora配置PicGo ###

#### PicGo是什么 ####

首先得弄明白图床是什么，图床就是一个在网络上存储图片的地方，为了节约本地资源，图片可以外链。  
例如: 你想写一个markdown的文章，markdown用到的图片必须是一个链接地址，其间用到本地的图片需要上传到一个可以外链的服务器上，也就是所说的图床。

[PicGo][]就是一个图床管理工具，可以**快速上传图片并获取图片 URL 链接的工具**。

PicGo支持多种图床，更多的介绍参看[官网][Link 6]。

![image-20220815191538059][]

#### 为什么要使用PicGo ####

*  图床使用起来很麻烦，可能需要登录官网；上传图片麻烦，不能快捷上传并获取链接，而且不能管理相册；
 *  PicGo使用简单，支持图片拖拽上传，软件小巧，上传后直接将链接复制到剪切板了…
 *  当使用Typora做笔记时，常常需要上传`截图`到笔记上。`截图`图像为本地图像（存储在自己的电脑上），当我们把电脑`本地图像`进行删除或者误删或者需要分享文件的时候，再次打开笔记之前的截图都会显示丢失。使用PicGo图床工具将`截图`图像自动上传到图床中，当下次打开笔记时，编辑器会通过链接返回图像，上传后删除本地图像图像也不会丢失。

#### PicGo安装与配置 ####

*  PicGo的安装很简单，在[官网][Link 7]下载直接安装就行；
 *  使用的话首先得有自己的图床，个人使用的是七牛云，认证后是有10G免费空间的，不过要配置域名啥的话就可能比较麻烦；可以根据picgo支持的那些图床选择试验，挑选自己合适和喜欢的就好。
 *  其次就是配置图床啦，这边也直接按照[官网][Link 8]的提示进行参数设置就好！

#### Typora配置PicGo ####

*  进入Typora偏好设置，按照如下设置参数
    
    ![image-20220815194824303][]
 *  Typora中使用，直接粘贴截图或者其他照片，就直接上传并在typora中转换链接啦！
    
    ![image-20220815195018832][]

--------------------

感谢观看！

[Link 1]: https://blog.jiumoz.com/archives/typora-de-an-zhuang
[VLOOK]: https://madmaxchow.gitee.io/vlook/guide.html
[https_jiumoz.com_website_notebook.html]: https://jiumoz.com/website/notebook.html
[526fe7c2ae96affd3cf3c632da117341.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/4421848ce97e4f87941348258ecf57ab.png
[Link 2]: https://theme.typoraio.cn/
[image-20220815190655030]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/cc721d13e5c04564af88490f0a29123e.png
[Link 3]: https://typora-dyzj-theme.vercel.app/
[Link 4]: https://theme.typoraio.cn/theme/dyzj/
[image-20220815190956662]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/5f9d5cdbf82f4c2ba866a451db70cbc4.png
[Link 5]: https://theme.typoraio.cn/theme/Vue/
[image-20220815191311121]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/6fcf731070d34fdeb6991a7b433df449.png
[PicGo]: https://picgo.github.io/PicGo-Doc/
[Link 6]: https://picgo.github.io/PicGo-Doc/zh/guide/#%E5%BA%94%E7%94%A8%E6%A6%82%E8%BF%B0
[image-20220815191538059]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/cb2dc0944d4e43b48fe114b1f3688318.png
[Link 7]: https://picgo.github.io/PicGo-Doc/zh/guide/#%E4%B8%8B%E8%BD%BD%E5%AE%89%E8%A3%85
[Link 8]: https://picgo.github.io/PicGo-Doc/zh/guide/config.html#%E4%B8%83%E7%89%9B%E5%9B%BE%E5%BA%8A
[image-20220815194824303]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/7910f8e725674c779878c3c8cec8f49c.png
[image-20220815195018832]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/f933706762064866ad80d2e0ce2560fe.png