学习 Typora 这一篇就够了
目录第一章 当今现状第二章 如何抉择第三章 怎么安装第四章 图床配置第五章 图床对接第六章 写文技巧配套资料,免费下载链接:https://pan.baidu.com/s/1ZpqUYISWViBWb4......
配套资料,免费下载链接:https://pan.baidu.com/s/1RnH4rP38EOBgeaR-6zY0Jw 提取码:2mwu 复制这段内容后打开百度网盘手机 App,操作更方便哦
痛点一:当你一篇文章写完以后,有时候很难以编写一次,在网上各大平台处处发布
痛点二:在编辑文章过程中,图片的引入往往会给作者带来很大的麻烦,而且携带很不方便
痛点三:部分博客平台并不支持视频,或者说有时候我们只需要一个简单的动图来描述我们的意思,这种动图该怎么生成
痛点四:传统的 Word 编辑模式并不适用于互联网技术快速迭代的今天,复杂的排版总是让人束手无策
那么,看过以上的痛点以后,我的解决方案是什么?
Typora+PicGo+Gitee+Snipaste+ScreenToGif 的快速编辑模式你值得拥有!
- Typora:它是一款轻便简洁的 Markdown 编辑器,支持即时渲染技术,即所写立刻所见,少了排版的时间,专注于文章内容的编辑。
- PicGo:它是一个用于快速上传图片并获取图片 URL 链接的工具,支持多种图库,但是它的功能远远不止于此。
- Gitee:目前中国最大的代码托管的工具,实际上,除了代码,它还支持图片存储。
- Snipaste:如果你平时都在用 QQ 截图,我只能告诉你,你落伍了,Snipaste 才是你最好的选择,用它截取的图片不仅质量高,同时,文件大小远远小于 QQ 截图,只有高质量低文件大小的图片,才能保证你在各大平台上传文章的时候,保证图片不会因为过大而导致的转存失败。
- ScreenToGif:你还在为 CSS 动画该如何描述给粉丝而烦恼吗,今天,它来了,一款极简且易用强大的 GIF 录制工具来了。
以上的这些工具都可以单独的存在,但是,当配合到一起的时候,才能发挥出它们最大的威力,真正实现,一次编写,跨博客网站发布,再也不用担心图片的存放问题以及在上传过程中出现的图片转存失败的问题,你所有的文章最终只需要保存一个.md文件就可以了。所以,屏幕前的你还在等什么,看看这些工具如何配合使用吧!
Typora 的安装:
官方地址:https://typora.io/
怎么安装:根据自己电脑的位数下载相对应的版本,然后一路 默认 下一步安装即可。
桌面图标:
PicGo 的安装:
官方地址:https://github.com/Molunerfinn/PicGo
怎么安装:根据自己电脑的位数下载相对应的版本,然后一路 默认 下一步安装即可。注意:在安装之前你一定要先安装一个 node.js(12 及以上最好),否则,在后边安装插件的时候会失败,不能运行。
桌面图标:
Gitee 的安装:
官方地址:https://gitee.com/
怎么安装:这个不用安装,你得注册一个账户就好。
Snipaste 的安装:
官方地址:https://www.snipaste.com/
怎么安装:根据自己电脑的位数下载相对应的版本,然后一路 默认 下一步安装即可。注意:如果是绿色版,那就解压就能用了。
桌面图标:
ScreenToGif 的安装:
官方地址:https://www.screentogif.com/
怎么安装:根据自己电脑的位数下载相对应的版本,在安装的时候选择左下角的cn ,然后一路 默认 下一步安装即可。
桌面图标:
温馨提示:以上所有的软件,我会打包到配套资料中,因为个别软件的官网在外网,下载速度非常慢,容易下载失败!当你选择了我提供的软件的时候,可能部分软件会提示你需要更新,在这里我只想说,你不要更新,更新的话大概率会失败,因为更新也是要连外网,你就忽略就行,我提供的版本,基本上都是最新的,而且也是我本人正在使用的。
打开 PicGo 找到 “插件设置” ,搜索插件 “gitee-uploader” ,找到以后,点击右下角的安装即可
然后再找到 “图床设置” ,在里边找到 “gitee” 这一项,先打开备用,一会配置。
紧接着,打开 Gitee 网站,在里边创建一个仓库,专门用来存放文章用到的图片,gitee 图床必需要设置的三个参数,如上所示:
repo:代表的是你仓库的地址,不清楚的看下边这张图片
branch:这个参数就写 master 就行了
token:这个参数首先需要在个人设置中,找到私人令牌生成一下就行了,具体步骤如下:
把上边的 token 复制到刚才的 token 文本框中,这样,PicGo 就能通过图床向 Gitee 提交图片了。
然后,我们进行对图床本身的设置,打开图床设置,设置如下:
接下来,我们查看一下,当前图床的服务端口是多少,方便接下来的配置:
这个地址和端口非常重要,现在要记下来,方便后边操作!
打开 Typora 的偏好设置,在里边找到 图像 ,然后像我一样,对他进行设置。
然后检验图床对接是否成功,点击 “验证图片上传选项” ,成功就会显示获取成功。
技巧一:关于 Typora 要尽量使用快捷键,而不是去导航栏的格式中找,常见快捷键如下:
- 一级标题:CTRL + 1 ,注意:这个数字是左边的那一行小数字,不是右边数字键盘那的数字
- 二级标题:CTRL + 2 ,注意:这个数字是左边的那一行小数字,不是右边数字键盘那的数字
- 三级标题:CTRL + 3 ,注意:这个数字是左边的那一行小数字,不是右边数字键盘那的数字
- 四级标题:CTRL + 4 ,注意:这个数字是左边的那一行小数字,不是右边数字键盘那的数字
- 五级标题:CTRL + 5 ,注意:这个数字是左边的那一行小数字,不是右边数字键盘那的数字
- 六级标题:CTRL + 6 ,注意:这个数字是左边的那一行小数字,不是右边数字键盘那的数字
- 加粗文字:CTRL + B
- 插入图片:CTRL + SHIFT + I
- 插入链接:CTRL + K
- 插入表格:CTRL + T
- 插入下划线:CTRL + U
- 全文搜索:CTRL + F
- 全文替换:CTRL + H
- 有序列表:CTRL + SHIFT + [
- 无序列表:CTRL + SHIFT + ]
- 打开或者关闭源代码模式:CTRL + /
技巧二:如果你想要你的文字有颜色,请你使用 HTML 代码来实现,如下:
<font color='red'>我想要变成红色</font>复制代码
技巧三:如果你想要插入代码片段,请你在英文状态下,输入 ESC 下边的那个键三次,后边紧接着你的代码语言小写,如下:
```html 回车,这就是插入html代码片段 ```css 回车,这就是插入css代码片段 ```javascript 回车,这就是插入javascript代码片段 ```c 回车,这就是插入c代码片段 ```java 回车,这就是插入java代码片段 ```bash 回车,这就是插入bash代码片段复制代码
技巧一:启动 Snipaste 后,按 F1 可以快速截图,建议把该应用也设置为开机自启。
技巧二:插入图片不要使用快捷键,直接使用 技巧一 的截图,然后在 Typora 中粘贴,然后在点击上传,这样图片会自动上传到云端,并且把云端的绝对地址自动替换到文章中,gif 演示如下:
演示动画太大,请手动打开:https://gitee.com/caochenlei/BlogImages/raw/master/20201117195730.gif
技巧三:当你使用完 ScreenToGif 之后,可以把 gif 导出到桌面上,然后使用鼠标直接推拽到文章中,然后在点击图片上传,这样图片会自动上传到云端,并且把云端的绝对地址自动替换到文章中,gif 演示如下:
演示动画太大,请手动打开:https://gitee.com/caochenlei/BlogImages/raw/master/20201117195743.gif
技巧四:对图片一定要复制一个上传一个,不要到最后一块上传,否则可能会出现问题。这样,因为你的文章中的图片都是网络地址引用,所以本地图片可有可无,当你在多个平台发布博客文章的时候就会变得轻松。
技巧五:关于 Typora 加粗的问题,一定要在 **需要加粗的文本** 的前后都留一个空格,否则有时候会渲染失败。