search.xml

<?xml version="1.0" encoding="utf-8"?>
<search> 
  
  
    
    <entry>
      
        <title>使用Typora搭配Picgo开启你的高效创作</title>
      
      <link href="/e794dabfd52d/"/>
      <url>/e794dabfd52d/</url>
      
        <content type="html"><![CDATA[<h2 id="使用Typora搭配Picgo开启你的高效创作"><a href="#使用Typora搭配Picgo开启你的高效创作" class="headerlink" title="使用Typora搭配Picgo开启你的高效创作"></a>使用Typora搭配Picgo开启你的高效创作</h2><h3 id="0x00-一切都要从MarkDown说起"><a href="#0x00-一切都要从MarkDown说起" class="headerlink" title="0x00 一切都要从MarkDown说起"></a>0x00 一切都要从MarkDown说起</h3><h4 id="富文本语言的弊端"><a href="#富文本语言的弊端" class="headerlink" title="富文本语言的弊端"></a>富文本语言的弊端</h4><p>平常我们最常用的写作工具，无非是富文本编辑器中的代表——微软家的Office Word。这种编辑器简单、直观，操作方便，很受办公人员的喜欢。但是如果我们是做公众号的，是要在网上发文章的。那么它的弊端就出现了。</p><ul><li>首先是排版问题；<br>我们在本地的word上编辑的好好的，排版的好好的。但是直接粘到网上，发布文章。打开一看，全乱了。😭我们好要花费时间去排版。这有多痛苦想必有些公众号运营者深有体会。</li><li>其次是，创造效率问题。<br>我们使用富文本语言，每写完一段话，每插入一张图片，都要考虑它的字号，字体啊，图片的大小啊，格式。这使我们很难专注起来。</li></ul><h4 id="初识MarkDown"><a href="#初识MarkDown" class="headerlink" title="初识MarkDown"></a>初识MarkDown</h4><p>一次偶然的机会，我见到了她，并从此喜欢上了她！😍</p><blockquote><p>Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯。它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的HTML文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。</p><p>引自维基百科</p></blockquote><p>当我们使用 Markdown 编辑器时，只需要专注内容的输出，无需离开键盘即可完成所有操作。这样效率不知提高了多少个档次。</p><p>而且，MarkDown排版十分方便，它可以让你的文章脉络清晰，简约易读，富有美感。而且语法简单到让你爱不释手。让你写文章离不开Markdown那种。😘</p><h3 id="0x01-Typora-一款简约且有颜值的MarkDown编辑器"><a href="#0x01-Typora-一款简约且有颜值的MarkDown编辑器" class="headerlink" title="0x01 Typora 一款简约且有颜值的MarkDown编辑器"></a>0x01 Typora 一款简约且有颜值的MarkDown编辑器</h3><p>一款好的MarkDown编辑器可以说是让你事半功倍。目前，Markdown编辑器也有很多，包括线上的还有客户端。但是要么收费，要么广告乱天飞。用的很难受可以这么说。但是，当我怀着实验的心思去尝试Typora时，我发现我又爱了，Typora的界面简直太奈斯了趴。</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003342.png"></p><p>Typora是一款简约有强大的Markdown编辑器，它完全能够让丝毫不懂Markdown语法的人也能快速上手。而且，它的诸多特性，做的也不错，我很喜欢。</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/image-20200308192542154.png" alt="image-20200308192542154"></p><h3 id="0x02-Picgo-打造属于你自己的图床"><a href="#0x02-Picgo-打造属于你自己的图床" class="headerlink" title="0x02 Picgo 打造属于你自己的图床"></a>0x02 Picgo 打造属于你自己的图床</h3><p>写博客最头疼的就是图片的问题，特别是像在其他平台上也能发布的博文。我们需要分别不同的平台上上传图片。这样甚是麻烦，枯燥且浪费时间。那么怎么解决呢？</p><p>图床，一个把图片存在云端，并生成直链的工具。我们在各个平台中都可引用。这样我们的文章就可以方便的发布到不同的平台了。如果是个人服务器的话。还能有效减轻服务器负载，提升我们博文的响应速度。</p><p>那么问题又来了?</p><p>如何找一个稳定，可靠的平台呢。</p><p>因为，图床一挂，我们的博文里的图片也相当于全挂了。所以图床的选择至关重要。</p><p>早些年，微博图床很火，但现在却不行了，人家已经加了防盗链，基本凉凉。</p><p>七牛云的10G免费存储，一个月试用的临时域名。但一个月过后，要想继续使用，需要自己绑域名。所以，喜欢白嫖的我们果断放弃。</p><p>那我们怎么搭建属于自己的专有图床呢？</p><p>这时候我们想到了Github，免费的代码仓库。</p><p>下面是我的搭建过程，主要利用的PicCo这一款软件。</p><h4 id="准备阶段"><a href="#准备阶段" class="headerlink" title="准备阶段"></a>准备阶段</h4><ol><li>一个Github账号<br>用一个邮箱即可注册，这个就不用教了吧。</li><li>下载PicGo软件<br>   <a href="https://github.com/Molunerfinn/PicGo/releases/tag/v2.2.2">GitHub项目地址</a><br>   <a href="https://picgo.github.io/PicGo-Doc/">PicGo官方文档</a></li></ol><h4 id="搭建过程"><a href="#搭建过程" class="headerlink" title="搭建过程"></a>搭建过程</h4><h5 id="1-新建仓库并发布"><a href="#1-新建仓库并发布" class="headerlink" title="1.新建仓库并发布"></a>1.新建仓库并发布</h5><p> <img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003327.png" alt="image-20200308200507083"></p><p>点击新建仓库，接着参照下图图示；</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003343.png" alt="image-20200308200715656"></p><p>然后点击发行</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003344.gif" alt="image-20200308200926035"></p><p>创建一个新的发行版本</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003345.png" alt="image-20200308201210933"></p><p>填写发布的信息</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003346.png" alt="image-20200308201356910"></p><h5 id="2-获取Token"><a href="#2-获取Token" class="headerlink" title="2.获取Token"></a>2.获取Token</h5><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003347.png" alt="image-20200308201559922"></p><p><strong>找到Develop Setting</strong></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003348.png" alt="image-20200308201708742"></p><p><strong>进去之后</strong></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003349.png" alt="image-20200308201950156"></p><p><strong>接着生成新的token</strong></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003350.png" alt="image-20200308202022468"></p><p><strong>中间可能需要密码。下图画框的必选</strong></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003351.png" alt="image-20200308202215269"></p><p><strong>会生成这样的一个token</strong></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003352.png" alt="image-20200308202313834"></p><p><strong>因为只出现一次，所以我们复制下来。</strong></p><h5 id="3-配置PicGo"><a href="#3-配置PicGo" class="headerlink" title="3.配置PicGo"></a>3.配置PicGo</h5><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003353.png" alt="image-20200308202528754"></p><p>仓库名格式为：<code>GitHub用户名/刚刚见的仓库的名字</code></p><p>分支名为默认：<code>master</code></p><p>token:直接粘贴上刚刚复制的token</p><p>存储路径：随便写，记得最后加上<code>\</code></p><p>自定义域名：我们利用jsDelivr – Open Source CDN来引用，以加快访问速度<br>所以填成：</p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">https://cdn.jsdelivr.net/gh/GitHub用户名/刚刚建立的仓库</span><br></pre></td></tr></table></figure><p>配置完之后我们就可以上传了</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003354.png" alt="image-20200308231902792"></p><h4 id="图床速度测评"><a href="#图床速度测评" class="headerlink" title="图床速度测评"></a>图床速度测评</h4><p>  我们分别在不同的图床，上传相同的图片在相同的网络条件下进行对比。</p><h5 id="Github图床"><a href="#Github图床" class="headerlink" title="Github图床"></a>Github图床</h5><p>测试图片：[图片链接](<a href="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/a">https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/a</a> (3).png)</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003355.png" alt="image-20200308234311716"></p><h5 id="Gitee图床"><a href="#Gitee图床" class="headerlink" title="Gitee图床"></a>Gitee图床</h5><p>测试图片:<a href="https://gitee.com/artdillon/imgbed/raw/master/a%20(3).png">图片链接</a></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003356.png" alt="image-20200309000001523"></p><h5 id="博客园"><a href="#博客园" class="headerlink" title="博客园"></a>博客园</h5><p>测试图片:<a href="https://img2020.cnblogs.com/blog/1941900/202003/1941900-20200308233059257-1801359723.png">图片链接</a></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003357.png" alt="image-20200308233458459"></p><h5 id="CSDN"><a href="#CSDN" class="headerlink" title="CSDN"></a>CSDN</h5><p>测试图片:<a href="https://img-blog.csdnimg.cn/20200308233557490.png">图片链接</a></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003358.png" alt="image-20200308234210731"></p><h5 id="sm-ms图床"><a href="#sm-ms图床" class="headerlink" title="sm.ms图床"></a>sm.ms图床</h5><p>测试图片：<a href="https://i.loli.net/2020/03/08/YjZVCJn64yrI25k.png">图片链接</a></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003359.png" alt="image-20200308234710028"></p><h5 id="掘金图床"><a href="#掘金图床" class="headerlink" title="掘金图床"></a>掘金图床</h5><p>测试图片：<a href="https://api.chenyeah.com/v1/juejinimg/2020/3/8/170bad4bbb7a5ccf">图片链接</a></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003400.png" alt="image-20200308234951511"></p><h5 id="氧吧"><a href="#氧吧" class="headerlink" title="氧吧"></a>氧吧</h5><p>测试图片:<a href="https://yangbaimg.syoogame.com/tmp/000/00/00/00/5e651472570ae.jpg">图片链接</a></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003401.png" alt="image-20200308235321202"></p><p>聚合图床</p><p>测试图片:<a href="https://pic.imgdb.cn/item/5e65152d98271cb2b8943c6b.png">图片链接</a></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003402.png" alt="image-20200308235539749"></p><h5 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h5><p>PicGo+Github+jsDelivr的速度是很不错的。响应速度CSDN差别不大。而且，GitHub不倒，jsDelivr不倒，那么我们的图床也不倒。所以说，还是十分的稳定。</p><h3 id="0x03-Typora-配合PicGo-自动上传图片"><a href="#0x03-Typora-配合PicGo-自动上传图片" class="headerlink" title="0x03 Typora 配合PicGo 自动上传图片"></a>0x03 Typora 配合PicGo 自动上传图片</h3><p>Typora支持我们直接粘贴图片到文章中，可以说是要多方便有多方便。而且图片可以自动备份到指定文件夹下。多了一层保险。在最新版本中，Typora加入了文件上传功能，我们的图片可以自动上传到云端。并把本地文件的路径替换成直链。这简直是一步到位啊。</p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/image-20200309001217139.png" alt="image-20200309001217139"></p><p>我们设置文件上传的功能后，可以<strong>测试是否成功。</strong></p><p><strong>成功之后，我们对粘贴进入文章的图片可以右键，点击上传。</strong></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003403.png" alt="image-20200309001716582"></p><p><strong>上传后本地路径即转化为了图片直链。</strong></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003404.png" alt="image-20200309001839378"></p><p><strong>如果害怕麻烦的话，可以写完之后，一块上传。</strong></p><p><img src="https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/20200309003405.png" alt="image-20200309002117688"></p><h3 id="0x04-总结"><a href="#0x04-总结" class="headerlink" title="0x04 总结"></a>0x04 总结</h3><p>至此，我们的高效创作工具，就基本完成了。</p><p>写文档用Typora，截图用ShareX;</p><p>图床用PicGo+Github+JsDelivr;</p><p>把Typora和PicGo结合起来，我们只用在Typora上操作了。</p><p>这样，效率提高了几倍呢？😁</p>]]></content>
      
      
      <categories>
          
          <category> 奇淫巧技 </category>
          
      </categories>
      
      
        <tags>
            
            <tag> Markdown </tag>
            
            <tag> Tools </tag>
            
        </tags>
      
    </entry>
    
    
  
  
</search>