0
点赞
收藏
分享

微信扫一扫

Typora + PicGo + Gitee(码云)实现markdown图床

扬帆远航_df7c 2022-04-15 阅读 58
github

Typora + PicGo + Gitee(码云)实现markdown图床

文章目录

前言

深感在线博客的编辑器坑太多了,文档丢失、必须联网、可移植性太差,所以开始寻找可替代的方案。但是,这都不是重点,重点是咱们写博客的时候,之前用typora写markdown笔记,然后复制粘贴到CSDN博客上来发布博客,但是照片却是本地照片,所以还需要一张一张上传才能在博客上显示。这样太麻烦了。

图床是干什么的?

图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后,在自己博客中插入的图片链接就可以随时随地在线预览了,并且不会因为任何意外原因无法查看,除非自己亲自删除。

所需软件

  • Markdown 是一门易于上手能帮助作者专心写作的文档编辑语言。
  • Typora是一款优雅的markdown编辑器,也推荐给大家,至于安装和配置,比安装word还简单,下载地址
  • PicGo是一款图床工具。

PicGo的安装与使用

首先打开[picgo官网](GitHub - Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder)官网还有详细的使用介绍。[Picgo安装地址](Release 2.3.0 · Molunerfinn/PicGo · GitHub)

image-20220415101301938

安装成功后的页面

image-20220415101434228

选择最底下的插件设置,搜索github-plus

image-20220415101708110

这里注意一下,必须要先安装[node.js](Node.js (nodejs.org))才能安装插件,没装的自己装一下,然后重启就行。

插件安装成功后在设置中选择。

image-20220415101937835

建立Gitee图床库

如果没有的账户的话先注册,注册码云的方法很简单,网站引导都是中文。

新建图床参库

下面直接建立自己的图床库。进入首页点击右上角的**+**号

image-20220415102602724

v2-11790828fe9ce436ea6d92fbe1c0662f_r

获取token

右上角的设置中

image-20220415103051319

image-20220415103233453

image-20220415103301223

20201118222837605

将生成的令牌复制,或者暂存起来后面将会使用。

配置PicGo

配置

插件安装好后,再图床设置中进行配置。

image-20220415103554236

  • repo:用户名/仓库名称,比如我自己的仓库huxiaojun-git/pic-go,直接复制仓库的url

    image-20220415103813783

  • branch:分支,这里写上master

  • token:填入码云的私人令牌

  • path:路径,一般写上pic

  • customurl : 定义URL,这块可以不填。

  • origin :这是路径选择,有GitHub、Gitee,我们在国内使用选择Gitee。

配置完成后可以测试

使用windows自带的截图快捷键win+shift+S进行截图,在PicGo上选择剪切板图片上传

image-20220415104226186

右下角显示上传成功就PicGo就配置完成了。

image-20220415104448479

配置Typora

配置

安装完成Typora后 文件->偏好设置

image-20220415104708962

在偏好设置中的图像中,上传服务选择PicGo(app),路径自行选择到你安装的位置。

image-20220415104755007

验证图片上传选项

image-20220415105010752

这表示你已经完成了Typora + PicGo + Gitee(码云)实现markdown图床。可以去编写文档试试了。

问题处理

遇到的问题:上传失败

在PicGo中验证上传失败(上传失败,服务端出错,请重试)

遇到问题:Typora不能上传图片

image-20220415110152676

**解决思路:**先检查所有配置,在PicGo中上传验证。

在PicGo中上传验证成功,说明远程参库没有问题。

问题就在Typora与PicGo的连接沟通上。

注意 using http://127.0.0.1:36677/upload 端口号为36677

发现使用的是36677端口。马上想到之前查看PicGo的Server时,好像这个端口为36678.于是马上到PicGo中去修改。最终成功

image-20220415110916853

发现使用的是36677端口。马上想到之前查看PicGo的Server时,好像这个端口为36678.于是马上到PicGo中去修改。最终成功

image-20220415110928590

举报

相关推荐

0 条评论