IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Typora + PicGo + Gitee(码云)实现markdown图床 -> 正文阅读

[开发工具]Typora + PicGo + Gitee(码云)实现markdown图床

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

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-04-18 18:03:22  更:2022-04-18 18:04:47 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/14 14:51:58-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码