Typora + PicGo + 两个免费图床，轻松输出技术文...

  |   0 评论   |   0 浏览

如遇图片加载失败，可尝试使用手机流量访问

大家好，我是一航；

最近跟粉丝们私下聊的比较多，其中有一部分是在校的学生或刚刚毕业参加工作的朋友们，交流比较多的问题是如何提升自己的技术水平，感觉比较的迷茫；那么我给的建议就是多分享、多输出，用输出倒逼输入；

很多朋友也很积极，立马就行动了起来；可新的问题又出现了，写文章很多时候都需要图文并茂，因为没有一个趁手的工具，不仅要把逻辑讲清楚；还得花时间整理图片，排版，这些和文章内容本身关系不是特别大；但有时候后者消耗的时间比前者还要多，导致输出的效率大打折扣，好不容易燃起的那份输出的激情，很快又被磨没了；

今天，就拿一点我压箱底的东西，和大家说说，我平常用到了那些工具；如何做到输出的时候我只需要关注内容本身；至于图片、排版这些在码字的过程中，顺手就搞定了；文章写完，图片、排版也一并都整理好了；

虽然现在也有很多优秀的在线工具，但是相比起来，还是觉得本地工具要方便很多，就算是在没网络的状态下，也可以正常使用的。

具体方案

Typora + PicGo + github图床 / gitee图床 / 七牛图床 + Markdown

要解决的问题

  1. 什么是markdown?
  2. 免费且好用的markdown编辑器Typora；
  3. 基于github、gitee、七牛云的构建免费图床；
  4. 图床管理工具PicGo；
  5. github访问慢的解决办法。

接下来就针对上面几个问题，一个个来解决；

Markdown

  • 什么是Markdown？
    Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
  • 特点
    写文章的过程就可以根据的自己的需要，用简单的符号排出对应的版式，不会对写文章带来任何的负担；
    如果你还不了解Markdown语法的，可以参考下面的教程；常用到的语法也不超过10个，花点点时间记一下，然后在写的过程中再翻翻文档，很快就能熟练掌握了；

    md教程：https://www.runoob.com/markdown/md-tutorial.html

Typora

Typora是一款免费且功能强大的Markdown编辑器；

官网地址：https://www.typora.io/

下载安装完即可使用，软件免费无广告，非常的干净整洁，使用markdown格式写出来的文章可以同通过Typora转换其他不同格式。

image-20210926084425926 如遇图片加载失败，可尝试使用手机流量访问

图床

所谓图床，就是将图片上传到服务器，并得到一个外网能够访问到URL地址；市面上有很多款公共的图床，比如：https://sm.ms/ ；这些图床都是可以正常使用的，但是存在一个致命的问题，我们可以轻松上传图片，但是没办法去销毁这些图片；所以，构建属于自己的个性化图床还是很有必要的；

自定义免费图床，github、码云和七牛云都是不错的选择，配置好之后，不仅能自由的上传，还能自由删除不想要、不想公开的图片；虽然七牛搭建图床有免费10G空间，但是配置过程需要已经备案域名，这一点就给很多朋友带了很大的障碍，所以在这里暂时就不介绍七牛云图床了，后面再找机会出详细的教程；码云作为图床，今天就详细的讲解一下如何基于github配置完全免费的图床

GitHub免费图床（推荐）

  • 注册账号
    如果你是程序员，没有用过全球最大的同性交友平台（github），那你的码生一定是不完整的；赶紧注册上：https://github.com/
  • 创建图床项目
    这里说的项目，也可以理解为目录，就是最终图片存放的位置； 如遇图片加载失败，可尝试使用手机流量访问
  • 配置token进入账号的settings

如遇图片加载失败，可尝试使用手机流量访问

选择"开发者设置"

如遇图片加载失败，可尝试使用手机流量访问

创建一个Token

如遇图片加载失败，可尝试使用手机流量访问

如遇图片加载失败，可尝试使用手机流量访问

记住Token，请务必保存好此Token，关闭之后，将不会再显示，也无法查看

如遇图片加载失败，可尝试使用手机流量访问

到此，github图床的准备工作已经完成了，请保存好项目名称和Token，下一步将使用到；

gitee(码云)图床（不推荐）

为什么不推荐？

因为通过gitee搭建的图床，虽然能正常访问，但是仅限于浏览器，markdown中无法正常加载图片，不太适合我们作为写作的图床，也可能有对应的解决方案，只是我不知道而已。所以在这里还是有必要介绍一下；

  • 进入官网

    https://gitee.com/ 注册、登录

  • 创建图床项目
    如遇图片加载失败，可尝试使用手机流量访问
    如遇图片加载失败，可尝试使用手机流量访问
    出现如下图的界面，项目才创建完成了，一定要注意哦！
    如遇图片加载失败，可尝试使用手机流量访问

  • 配置Token
    按下图中的5个步骤操作
    如遇图片加载失败，可尝试使用手机流量访问
    得到Token
    如遇图片加载失败，可尝试使用手机流量访问
    到此，码云图床相关的配置已经设置完成，请保存好项目名称和Token，下一步将使用到；

PicGo

一款功能非常强大的图床的工具，支持 SM.MS、腾讯COS、GitHub图床、七牛云图床、Imgur图床、阿里云OSS、又拍云图床、gitee等多种图床平台；

PicGo默认使用的是SMMS图床：https://sm.ms/ ；如果你没有配置好上面的github图床或者gitee图床，且图片也并不那么重要且可以公开，也可以直接使用默认的SMMS图床来管理图片即可。

如遇图片加载失败，可尝试使用手机流量访问

  • 下载

    下载地址：https://github.com/Molunerfinn/PicGo/releases

  • 特点
    要说特点，PicGO最大的特点是，可以和Typora结合使用，配置好关联之后，Typora写文章时，如果需要穿插图片，只需要将图片复制粘贴到Typora的编辑区域，就自动通过PicGo上传到指定图床，得到外网能访问的URL并展示；如果没有网络的情况下，也能通过PicGo暂存在本地，等有网络的时候，再次进行上传即可。关联配置后面会专门讲解

PicGo配置github图床（推荐）

如遇图片加载失败，可尝试使用手机流量访问

确认并设置为默认图床即可

  • 测试上传
    通过上传区，可以将本地图片或者剪切板中的图片上传到图床；上传成功之后，在左侧的相册中可以查看
    如遇图片加载失败，可尝试使用手机流量访问

  • 解决github访问慢的问题
    默认情况下，在国内访问github是非常慢的，有时候甚至会出现根本访问不到的情况，最后导致图片无法上传到github图床，我们可以借助一款免费的CDN加速器：

    https://cdn.jsdelivr.net

    可以完美的解决github访问不稳定的问题，这个免费CDN已经使用半年，这期间访问的github图床几乎很少出现问题，非常方便，配置也很简单：

    只需要将github的域名换成https://cdn.jsdelivr.net/gh，如下实例：

    加速前地址：https://github.com/abc/imgs

    加速后的地址：https://cdn.jsdelivr.net/gh/abc/imgs

    PicGo配置github图床加速
    将加速后的访问地址填在如下位置即可：
    如遇图片加载失败，可尝试使用手机流量访问

PicGo配置gitee图床

  • 准备工作注意：gitee需要本地安装nodejs环境，如果没有安装的，请优先安装一下；
  • 安装插件
    默认情况下PicGo是不支持gitee的，所以需要第三方插件来支持 如遇图片加载失败，可尝试使用手机流量访问
  • 配置gitee图床地址及token 如遇图片加载失败，可尝试使用手机流量访问

Typora关联PicGo

如遇图片加载失败，可尝试使用手机流量访问

如果提示成功，说明关联就已经正常了

整体测试

经过上面的一系列配置之后，就可以使用Markdown开始写文章了；图片这些，截图粘贴之后，就自动通过PicGo上传到了远端图床，小效果如下：

如遇图片加载失败，可尝试使用手机流量访问

至此，我们就可以专心写文章了，再也不用花精力去处理图片，排版这些琐碎、耗时的工作。

其他推荐

  • Markdown转公众号样式

    在线工具：https://www.mdnice.com/

    将写好的md格式的文章复制到网站，即可一键转成公众号文章
    如遇图片加载失败，可尝试使用手机流量访问

配置过程中，有任何问题都可以添加我微信（mbb2100）交流，我帮你解决。