背景

在微信公众号编写了推文后,从推文里面复制内容出来在其他平台发布,会出现图片展示不出来的情况,原因是因为该图片是微信的链接,被限制在其他平台显示。

诉求

编写的推文在多个平台都能进行发布,图片在多个平台展示正常。

方案

目前有多种方案实现markdown文件的图床,存放图片的平台也很多。有github、SM.MS等等,如截图

综合github在国内访问较慢,自己没有腾讯云、七牛、阿里云等的账号,我这里选择使用gitee(码云),gitee可以理解成是国内的github,访问速度可以接受。

所以我这里选择作为markdown图床的方案是typora+picgo+gitee,就这样构成我的博客写作环境。

  • Typora:它是一款轻便简洁的Markdown编辑器,支持即时渲染技术,即所写立刻所见,少了排版的时间,专注于文章内容的编辑。
  • PicGo:它是一个用于快速上传图片并获取图片 URL 链接的工具,支持多种图库。
  • Gitee:目前中国最大的代码托管的工具,除了代码,还可以用作图片存储。

搭建步骤

(借鉴网上,图侵删,重点记录在安装过程出现的问题复盘)

安装Typora

下载地址:typora.io

安装PicGo

  1. 下载地址:Molunerfinn /PicGo

  2. picgo安装gitee插件

    这两个插件都可以用。

    安装完插件后重启picgo应用,在可选择图床那里会出现gitee的选项

配置图床

  1. 创建公开仓库

    注册码云gitee,建立图片存放的公开仓库

  2. 设置私人令牌

记录私人令牌,配置图床需用到

  1. gitee图片配置

  2. PicGo配置

    ![image-20210706004319764](../../Library/Application Support/typora-user-images/image-20210706004319764.png)

图床接入

打开typora -> 偏好设置->上传服务设定



点击验证图片上传选项,成功就会显示获取成功。

  • 7)拖一张图片进来typora,看到图片的gitee地址出来了,上传成功

问题及解决方法

  1. gitee插件一直显示安装中,最后报错无法安装成功

    【问题原因】npm源指定了公司的源,没有打开公司内网的iOA工具导致的。picgo安装gitee插件是通过npm安装,因为网络问题无法访问到npm的源,所以安装失败了。

    【解决方法】打开内网的iOA即可。

  2. gitee插件安装成功后,上传一直失败

    gitee图片的owner名称填写错误。这里owner的名字要填写xx.git路径里面的那个名称。

    {“success”:false,“message”:“upload error”}

  3. 定位gitee图床配置失败的问题,要学会看picgo log

    我遇到前面两个问题,一开始没看log,以为是插件的问题,换了另一个gitee插件还是无法上传成功,接着去找picgo的上传日志,写的清晰

    当插件无法安装成功的时候,log很清晰指出请求npm源TimeOut

参考链接:https://www.cnblogs.com/three-fighter/p/14146715.html

picgo+gitee+typora实现博客图床的更多相关文章

  1. gitee+picgo搭建个人博客图床

    gitee+picgo搭建个人博客图床 准备 首先需要去码云注册一个账号,并新建一个仓库.接着下载PicGO并安装好. 过程 点击左下方的插件设置. image 在搜索框中输入gitee搜索插件,安装 ...

  2. gitee+typro+picgo搭建博客图床

    gitee+typro+picgo搭建博客图床 前提环境 typro.picgo.nodejs 直接在官网下载即可 下载完成后,打开picgo 安装插件gitee-uploader 1.1-2即可显示 ...

  3. 解决“用PicGo-2.3.0-beta5 + GitHub做博客图床,github仓库图片文件不显示”的问题记录(备忘)

    解决"用PicGo-2.3.0-beta5 + GitHub做博客图床,github仓库图片文件不显示"的问题记录(备忘) 历时几个小时百度,终于靠自己理解解决了GitHub仓库图 ...

  4. PicGo + Gitee(码云)实现markdown图床 (转载)

    https://zhuanlan.zhihu.com/p/102594554 备忘录 我配置图床的时候参考的是这篇文章.我暂时使用的是这种方案. 因为考虑到有的文章要多平台发布,我建议你选择markd ...

  5. PicGo + Gitee +Typora实现markdown图床

    目录 1. PicGo安装 2.Gitee配置 3.配置PicGo 3.Typora的设置 网上有一些很详细的教程,我这里只记录要点,其余部分按以下教程步骤来就行. 1. PicGo安装 国内下载可能 ...

  6. Typora+PicGo+阿里云写博客笔记

    Typora+PicGo+阿里云写博客笔记 选择这三个工具的理由 我一直有在使用typora使用mardown写作,毕竟typora很香,可以实时预览,非常丝滑. 配合上PicGo这个图床工具简直绝了 ...

  7. Picgo + Gitee +Typora(自动上传)搭建markdown免费图库

    Picgo + Gitee +Typora(自动上传)搭建markdown免费图库 前言: ​ 在写博客的是时候,之前那都是直接在博客网站上面写好了,再一一插入图片,当要在同时2个以上的博客上面发表的 ...

  8. 用Hugo在gitee上构建博客(Windows环境下)

    目录 用Hugo在gitee上构建博客(Windows环境下) 1.为什么要用gitee? 2.安装git 3.安装Hugo 4.创建远程仓库 5.搭建博客 (以下所有命令都在git bash中输入) ...

  9. MacOS Typora集成SM.SM图床 实现自动上传图片

    MacOS Typora集成SM.SM图床 实现自动上传图片 此为PicGo-Core (Command line) (OpenSource)配置方法 参照官网 https://support.typ ...

  10. 使用Typora写博客,图片即时上传,无需第三方图床-EasyBlogImageForTypora

    背景 习惯使用markdown的人应该都知道Typora这个神器,它非常简洁高效.虽然博客园的在线markdown编辑器也不错,但毕竟是网页版,每次写东西需要登录系统-进后台-找到文章-编辑-保存草稿 ...

随机推荐

  1. C#使用Elasticsearch入门

    一.Elasticsearch 简介 Elasticsearch 是一个分布式.RESTful 风格的搜索和数据分析引擎,能够解决不断涌现出的各种用例.作为 Elastic Stack 的核心,它集中 ...

  2. 【栈和队列】栈和队列的相互实现OJ练习【力扣-232、力扣-225】超详细的保姆级别解释

    [栈和队列]栈和队列的相互实现OJ练习[力扣-232.力扣-225]超详细的保姆级别解释 先赞后看好习惯 打字不容易,这都是很用心做的,希望得到支持你 大家的点赞和支持对于我来说是一种非常重要的动力 ...

  3. C++遴选出特定类型的文件或文件名符合要求的文件

      本文介绍基于C++语言,遍历文件夹中的全部文件,并从中获取指定类型的文件的方法.   首先,我们来明确一下本文所需实现的需求.现在有一个文件夹,其中包含了很多文件,如下图所示:我们如果想获取其中所 ...

  4. 练习(Java):将一个数转换为16进制;获得多位数的各个位上的数

    //将一个数转换为十六进制 int num = 60; int i1 = num % 16; int i2 = num % (16*16) / 16; int i3 = num % (16*16*16 ...

  5. 小知识:Oracle中的层次查询

    使用Oracle中的start with .. connect by prior ..语句可以轻松实现. 下面通过scott用户下的emp来做演示,使用自己的一个19c测试环境,结果发现默认并没有sc ...

  6. macOS 远程桌面windows方法

    1.利用微软官方的软件:https://learn.microsoft.com/en-us/windows-server/remote/remote-desktop-services/clients/ ...

  7. Python list 中删除元素的方法

    在python列表中删除元素主要分为以下3种场景: 根据目标元素所在的索引位置进行删除,可以使用del关键字或pop()方法:根据元素本身的值进行删除,可使用列表(list类型)提供的remove() ...

  8. Linux查看系统版本的方法

    记录几种查看当前Linux系统的版本的方法 一.使用命令:cat /proc/version 查看 linux版本号:Linux version 5.4.0-99-generic (buildd@lg ...

  9. mc命令

    mc命令 mc是一个基于字符的目录浏览器和文件管理器,其将熟悉的图形文件管理器和常见的命令行工具联系在一起,mc的设计基于文件管理器中双目录窗格的设计,其中同时显示两个目录的列表,可以执行所有常见的文 ...

  10. Swoole从入门到入土(18)——WebSocket服务器[心跳ping]

    由于 WebSocket 是长连接,如果一定时间内没有通讯,连接可能会断开.这时候需要心跳机制,WebSocket 协议包含了 Ping 和 Pong 两个帧,可以定时发送 Ping 帧来保持长连接. ...