当前位置:   article > 正文

typora+picgo+gitee码云

typora+picgo+gitee码云

  使用typora编写markdown格式的文档,使用picgo将typora中的图片上传到码云的图库中,这样可以解决本地typora所写的文章上传到csdn图片不显示的问题。

1.需要准备的工具

  • Typora: markdown编辑器
  • Gitee码云: 创建一个接收图片的库
  • PicGo: 图床工具
  • nodejs: 用来安装picgo插件

2.Gitee创建图床仓库

2.1.创建仓库

在这里插入图片描述

2.2.创建访问令牌

在这里插入图片描述
点击生成新令牌
在这里插入图片描述
输入令牌描述,只用勾选图中的那一个就可以,最后提交
在这里插入图片描述
提交后会弹出一个包含token的弹窗,复制下token,这个要在picgo设置用到,token之后不会再显示。如果没有复制,你就得重新创建一遍令牌了。
在这里插入图片描述

3.安装nodejs

可以先打开命令窗口,看下是否已安装,ctrl+r 输入cmd,再输入node -v,已安装的直接跳到下一步。
在这里插入图片描述
如果没有安装,则前往nodejs官网下载Windows安装版本,
地址:https://nodejs.org/en/download/
现在最新的是v14版本的,该版本只支持win8及以上的系统,如果是win7系统,可以下载v12的版本,地址:https://nodejs.org/dist/v12.21.0/node-v12.21.0-x64.msi
安装步骤我就不再贴图了,傻瓜式安装,选择好安装目录后,一直next到finish。
安装完,再用命令node -v验证一下。

4.PicGo安装配置

4.1 PicGo安装gitee插件

picgo下载地址:https://molunerfinn.com/PicGo/
下载后一路安装就可以,没什么特殊设置,安装后打开界面为:
在这里插入图片描述
Gitee图床不是PicGo的列表图床,需要通过插件设置 来添加,但是必须安装Node.js之后才能安装PicGo的插件,因为PicGo要使用npm来安装插件。
上一步我们已经安装完nodejs,此时打开picgo的插件设置,搜索gitee,出现两个选项gitee 2.0.3和gitee-uploader 1.1.2,我们选择gitee-uploader 1.1.2进行安装。
在这里插入图片描述
注意:正常情况下,我们点击安装就能安装上,但也有例外情况,比如我的就一直处于安装中,此时我们就需要手动进行安装了。
打开命令行,ctrl + r 输入cmd。切换到picgo的配置目录:C:\Users\Administrator\AppData\Roaming\picgo,将Administrator转为你的用户名。
在这里插入图片描述
切换目录后,使用npm手动安装gitee图床,
输入命令:npm install picgo-plugin-gitee-uploader
正常情况下就会安装成功,但我却出现了错误:unable to verify the first certificate
这是由于npm install走的是https协议,需要通过数字证书来保证,通过百度,找到解决方法如下:
  取消ssl验证,输入命令:npm config set strict-ssl false
然后再执行安装命令,此时就能安装成功了,重启picgo在图床设置就能看到gitee了。

4.2 Gitee图床设置

在picgo选择图床设置下的gitee
在这里插入图片描述
说明一下:

  • repo:用户名/仓库名称,比如stranger/cloudimgages
  • branch:分支,这里默认写上master
  • token:填入码云的私人令牌
  • path:路径,一般写上img

点击确定并设置为默认图床即可,试着上传一张图片,上传成功上面的步骤就算完成啦。
在这里插入图片描述

5.typora设置

前提是typora已安装好,下载地址:https://www.typora.io/
打开typora,点击文件——>偏好设置——>图像
在这里插入图片描述
  在第五步验证图片上传选项时,显示上传错误,图片已存在,这可能是因为我在家里的笔记本上也设置过的原因吧,我们可以打开picgo,在picgo设置里将时间戳重命名打开,这样可以避免图片已存在问题。
  至此,我们就全部设置完了。
  最后的最后,推荐下截图工具FastStone Capture,超级好用。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/运维做开发/article/detail/807942
推荐阅读
相关标签
  

闽ICP备14008679号