你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床

经过前面两弹的介绍,相信大家对图床都不陌生了吧,

但是小魔童觉得这样做法还是不方便,使用 github 的仓库来存放图片,如果不能翻墙的话是不能展示图片的,自己可以翻墙还不行,需要别人翻墙才可以看到我文章中的图片,这也太难了。。。

另外使用 github issue 的方式确实会好了很多,至少不需要外网了,

直接在国内网络中就可以解决该问题,可是问题来了,小魔童比较懒,觉得这种方式每一次都要拖拽图片到 issue中,且自己还要备份一下图片,还是觉得不优雅,不喜欢,

我想实实在在的做个懒人

那行,那就满足你的要求,今天我们来介绍和实际操作一个高雅的使用图床的方式

Typora+PicGo+Gitee + node.js 打造个人高效稳定图床

  • 推荐指数五颗星
  • 实用指数五颗星
  • 易操作指数五颗星
  • 宜人性五颗星

部署PicGo

  • 访问 picgo 官网,进行下载

    https://github.com/Molunerfinn/PicGo/releases

    一定不要安装在 C:\Program Files\ 下,否则后面 PicGo 上传图片的时候一定会失败,因为 PicGo 无法解析这一路径,例如我的安装路径为

    E:\picgo\PicGo

安装node.js

安装github-plus插件

  • 运行PicGo,单击插件设置,在搜索中输入github,安装搜索结果中的github-plus

  • 若在点击安装时, PicGo 弹出需要安装 node.js 并重启 PicGo ,则直接重启电脑,即可解决此问题

  • 等待安装 github-plus 的过程中,可以继续执行如下步骤

部署Gitee

  • gitee 上建立一个仓库专门用于存放图片,例如我的:

  • 获取自己账号的token

    • 点击右上角自己的头像 -> 设置 ->

    • 点击左侧私人令牌 ->

    • 生成新令牌 ->

    • 勾选权限, PicGo 只需要 user_info projects 的权限 ->

    • 保存 token ,该token只会出现一次,离开页面后就不会再出现了

继续设置PicGo

  • 回到 PicGo ,点击图床设置->githubPlus,在设置中填入repotoken,并选择origin为gitee,即可完成设置。其中,repo要填入owner/repoName 例如上图中的仓库名,填入红框中的字符串即可

  • 如图

部署Typora

  • 下载 Typora ,网上随便一搜则可下载得到

  • 点击 Typora 左上角的文件->偏好设置

  • 在弹出的界面中定位到图像,选择插入图片时选项为上传图片,并勾选对网络位置的图片应用上述规则

  • 设置完成如图所示

  • 选择上传服务PicGo(app),点击验证图片上传选项,如果出现如下图所示界面,说明配置已成功,然后你就可以直接在Typora中插入图片了,Typora会自动上传并替换图片地址为网络地址。

自己写文档的时候上传图片

  • 只需要将图片复制到 Typora 里面, PicGo 会自动帮你上传图片到 Gitee 上,且可以自己重命名

这下子,有了 Typora+PicGo+Gitee \+ node.js 大法,写文章写博客就会更加专注了

作者:小魔童哪吒

你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床的更多相关文章

  1. 还学不会webpack?看这篇!

    摘要: webpack入门教程. 原文:还学不会webpack?看这篇! 作者:MudOnTire Fundebug经授权转载,版权归原作者所有. Webpack已经流行好久了,但很多同学使用webp ...

  2. Node.js(转) -- 临时来说还看不懂!

    转自:http://blog.jobbole.com/53736/ 本文由 伯乐在线 - Lellansin 翻译.未经许可,禁止转载!英文出处:toptal.欢迎加入翻译组. 介绍 JavaScri ...

  3. 【原创】PicUploader: 一个还不错的图床工具

    PicUploader PicUploader 是一个用php编写的图床工具,它能帮助你快速上传你的图片到云图床,并自动返回Markdown格式链接到剪贴板.配置完成后,要获取一个可用于markdow ...

  4. [转载]PayPal为什么从Java迁移到Node.js,性能提高一倍,文件代码减少44%

    http://ourjs.com/detail/52a914f0127c763203000008 大家都知道PayPal是另一家迁移到Node.js平台的大型公司,Jeff Harrell的这篇博文 ...

  5. vscode调试js,安装了nodejs之后还出现无法在Path上找到运行时的node

    vscode 调试js,安装了nodejs之后还出现无法在Path上找到运行时的node. 重启vscode解决

  6. 使用Node.js还可以发邮件

    前言 今天,我们给大家开发一个小效果.篇幅比较短,主要给大家展示效果.实战 首先我们初始化一个Node项目 npm init -y 创建一个app.js文件 'use strict'; const n ...

  7. Java 8新的时间日期库,这二十个案例看完你还学不会算我的!!!

    Java对日期,日历及时间的处理一直以来都饱受诟病,尤其是它决定将java.util.Date定义为可修改的以及将SimpleDateFormat实现成非线程安全的.看来Java已经意识到需要为时间及 ...

  8. python中函数与函数之间的调用,总是晕菜,整理如下,有不对或者补充的请提出来~

    1.python函数基础 函数名: fun 函数体:1~3行 返回值:2 调用函数:fun() ,只有见到这个括号(),程序会根据函数名从内存中找到函数体,然后执行它. 2.函数的执行顺序 下面的fu ...

  9. 通过实现网站访问计数器带你理解 轻量级锁CAS原理,还学不会算我输!!!

    一.实现网站访问计数器 1.线程不安全的做法 1.1.代码 package com.chentongwei.concurrency; import static java.lang.Thread.sl ...

随机推荐

  1. 在线工具生成接入信息mqtt.fx快速接入阿里云

    在线工具生成接入信息mqtt.fx快速接入阿里云 在使用阿里云获取的三元组信息进行接入的时候,往往需要加密生成接入信息之后才能进行接入,因此我根据阿里云提供的加密工具实现了一个阿里云物联网平台mqtt ...

  2. vuex-pathify 一个基于vuex进行封装的 vuex助手语法插件

    首先介绍一下此插件 我们的目标是什么:干死vuex 我来当皇上!(开个玩笑,pathify的是为了简化vuex的开发体验) 插件作者 davestewart github仓库地址 官方网站,英文 说一 ...

  3. Failed to initialize policy for cpu: 0

    今天在使用vmware安装ubuntu16.04的时候出现下列错误: Failed to initialize policy for cpu: 0 (-19),刚开始还以为是镜像文件出现了问题,结果发 ...

  4. Codeforces Round #647 (Div. 2) B. Johnny and His Hobbies(枚举)

    题目链接:https://codeforces.com/contest/1362/problem/B 题意 有一个大小及元素值均不超过 $1024$ 的正整数集合,求最小正整数 $k$,使得集合中的每 ...

  5. poj 2318TOYS

    poj 2318(链接) //第一发:莽写(利用ToLefttest) #include<iostream> #include<algorithm> #include<c ...

  6. c语言实现--顺序表操作

    经过三天的时间终于把顺序表的操作实现搞定了.(主要是在测试部分停留了太长时间) 1;线性表顺序存储的概念:指的是在内存中用一段地址连续的存储单元依次存储线性表中的元素. 2;采用的实现方式:一段地址连 ...

  7. Codeforces Round #540 (Div. 3) C. Palindromic Matrix (大模拟)

    题意:给你\(n\)个数,判断是否能构成一个\(n\)X\(n\)的回文矩阵,若可以,输出\(YES\)和矩阵,否则输出\(NO\). 题解:如果这个矩阵的行/列元素是偶数的话,很好办,所有出现的数一 ...

  8. Java中多线程启动,为什么调用的是start方法,而不是run方法?

    前言 大年初二,大家新年快乐,我又开始码字了.写这篇文章,源于在家和基友交流的时候,基友问到了,我猛然发现还真是这么回事,多线程启动调用的都是start,那么为什么没人掉用run呢?于是打开我的ide ...

  9. VS2010下如何查看类的内存布局

    用VS2010查看类的内存布局,这里用两种方法 (1)MSVC有个隐藏的"/d1"开关,通过这个开关可以查看项目中类的内存布局情况. 修改项目属性,添加"/d1 repo ...

  10. Linux 驱动框架---驱动中的阻塞

    描述和API 阻塞IO和非阻塞IO的应用编程时的处理机制是不同的,如果是非阻塞IO在访问资源未就绪时就直接返回-EAGAIN,反之阻塞IO则会使当前用户进程睡眠直到资源可用.从应用场景来说两种方式分别 ...