你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床
你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床
经过前面两弹的介绍,相信大家对图床都不陌生了吧,
但是小魔童觉得这样做法还是不方便,使用 github
的仓库来存放图片,如果不能翻墙的话是不能展示图片的,自己可以翻墙还不行,需要别人翻墙才可以看到我文章中的图片,这也太难了。。。
另外使用 github issue
的方式确实会好了很多,至少不需要外网了,
直接在国内网络中就可以解决该问题,可是问题来了,小魔童比较懒,觉得这种方式每一次都要拖拽图片到 issue
中,且自己还要备份一下图片,还是觉得不优雅,不喜欢,
我想实实在在的做个懒人
那行,那就满足你的要求,今天我们来介绍和实际操作一个高雅的使用图床的方式
Typora+PicGo+Gitee + node.js 打造个人高效稳定图床
- 推荐指数
五颗星
- 实用指数
五颗星
- 易操作指数
五颗星
- 宜人性
五颗星
部署PicGo
访问
picgo
官网,进行下载一定不要安装在
C:\Program Files\
下,否则后面PicGo
上传图片的时候一定会失败,因为PicGo
无法解析这一路径,例如我的安装路径为E:\picgo\PicGo
安装node.js
PigGo
需要使用插件的方式才可以将图片上传到gitee
,需要安装node.js
,点击如下链接进行下载安装成功之后,可以选择使用命令的方式更换镜像源(也可以不做此步操作)
window 进入 cmd,执行如下语句
npm config set registry https://registry.npm.taobao.org
安装github-plus插件
运行
PicGo
,单击插件设置
,在搜索中输入github
,安装搜索结果中的github-plus
若在点击安装时,
PicGo
弹出需要安装node.js
并重启PicGo
,则直接重启电脑,即可解决此问题等待安装
github-plus
的过程中,可以继续执行如下步骤
部署Gitee
在
gitee
上建立一个仓库专门用于存放图片,例如我的:
获取自己账号的token
点击右上角自己的头像 -> 设置 ->
点击左侧私人令牌 ->
生成新令牌 ->
勾选权限,
PicGo
只需要user_info
和projects
的权限 ->保存
token
,该token只会出现一次,离开页面后就不会再出现了
继续设置PicGo
回到
PicGo
,点击图床设置->githubPlus
,在设置中填入repo
和token
,并选择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 打造个人高效稳定优雅图床的更多相关文章
- 还学不会webpack?看这篇!
摘要: webpack入门教程. 原文:还学不会webpack?看这篇! 作者:MudOnTire Fundebug经授权转载,版权归原作者所有. Webpack已经流行好久了,但很多同学使用webp ...
- Node.js(转) -- 临时来说还看不懂!
转自:http://blog.jobbole.com/53736/ 本文由 伯乐在线 - Lellansin 翻译.未经许可,禁止转载!英文出处:toptal.欢迎加入翻译组. 介绍 JavaScri ...
- 【原创】PicUploader: 一个还不错的图床工具
PicUploader PicUploader 是一个用php编写的图床工具,它能帮助你快速上传你的图片到云图床,并自动返回Markdown格式链接到剪贴板.配置完成后,要获取一个可用于markdow ...
- [转载]PayPal为什么从Java迁移到Node.js,性能提高一倍,文件代码减少44%
http://ourjs.com/detail/52a914f0127c763203000008 大家都知道PayPal是另一家迁移到Node.js平台的大型公司,Jeff Harrell的这篇博文 ...
- vscode调试js,安装了nodejs之后还出现无法在Path上找到运行时的node
vscode 调试js,安装了nodejs之后还出现无法在Path上找到运行时的node. 重启vscode解决
- 使用Node.js还可以发邮件
前言 今天,我们给大家开发一个小效果.篇幅比较短,主要给大家展示效果.实战 首先我们初始化一个Node项目 npm init -y 创建一个app.js文件 'use strict'; const n ...
- Java 8新的时间日期库,这二十个案例看完你还学不会算我的!!!
Java对日期,日历及时间的处理一直以来都饱受诟病,尤其是它决定将java.util.Date定义为可修改的以及将SimpleDateFormat实现成非线程安全的.看来Java已经意识到需要为时间及 ...
- python中函数与函数之间的调用,总是晕菜,整理如下,有不对或者补充的请提出来~
1.python函数基础 函数名: fun 函数体:1~3行 返回值:2 调用函数:fun() ,只有见到这个括号(),程序会根据函数名从内存中找到函数体,然后执行它. 2.函数的执行顺序 下面的fu ...
- 通过实现网站访问计数器带你理解 轻量级锁CAS原理,还学不会算我输!!!
一.实现网站访问计数器 1.线程不安全的做法 1.1.代码 package com.chentongwei.concurrency; import static java.lang.Thread.sl ...
随机推荐
- Flink-v1.12官方网站翻译-P027-State Schema Evolution
状态方案的演变 Apache Flink流媒体应用通常被设计为无限期或长时间运行.与所有长期运行的服务一样,应用程序需要更新以适应不断变化的需求.这对于应用程序所针对的数据模式也是一样的,它们会随着应 ...
- HDFS读写流程(转载)
概述开始之前先看看其基本属性,HDFS(Hadoop Distributed File System)是GFS的开源实现.特点如下: 能够运行在廉价机器上,硬件出错常态,需要具备高容错性 ...
- 2019牛客暑期多校训练营(第六场)C Palindrome Mouse (回文树+DFS)
题目传送门 题意 给一个字符串s,然后将s中所有本质不同回文子串放到一个集合S里面,问S中的两个元素\(a,b\)满足\(a\)是\(b\)的子串的个数. 分析 首先要会回文树(回文自动机,一种有限状 ...
- Educational Codeforces Round 17
Educational Codeforces Round 17 A. k-th divisor 水题,把所有因子找出来排序然后找第\(k\)大 view code //#pragma GCC opti ...
- HDU 2176 取(m堆)石子游戏 && HDU1850 Being a Good Boy in Spring Festivaly
HDU2176题意: m堆石子,两人轮流取.只能在1堆中取.取完者胜.先取者负输出No.先取者胜输出Yes,然后输出怎样取子. 通过 SG定理 我们可以知道每一个数的SG值,等于这个数到达不了的前面数 ...
- Uva 12436 Rip Van Winkle's Code
Rip Van Winkle was fed up with everything except programming. One day he found a problem whichrequir ...
- Codeforces Round #613 (Div. 2) B. Just Eat It! (DP)
题意:有一个长度为\(n\)的序列,找出最大的长度不为\(n\)的子段和,问最大子段和是否小于所有元素和. 题解:最大子段和我们可以直接用dp来找,每次状态转移为:\(dp[i]=max(dp[i-1 ...
- Codeforces Round #642 (Div. 3) D. Constructing the Array (优先队列)
题意:有一个长度为\(n\)元素均为\(0\)的序列,进行\(n\)次操作构造出一个新序列\(a\):每次选择最长的连续为\(0\)的区间\([l,r]\),使得第\(i\)次操作时,\(a[\fra ...
- Kubernets二进制安装(7)之部署主控节点服务--apiserver二进制安装
kube-apiserver集群规划 主机名 角色 IP地址 mfyxw30.mfxyw.com kube-apiserver主 192.168.80.30 mfyxw40.mfyxw.com kub ...
- 关于malloc/free用法
和很多人一样,我一直觉得new/delete和malloc/free的用法很随意,直到我真正遇到了麻烦,才想着去好好区分一下. (1)首先mallo函数原型void* malloc(size_t).头 ...