在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程)

这篇具有很好参考价值的文章主要介绍了在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程)

1、typora上传csdn图片不显示(外链图片转存失败)

  • 原因:采用电脑截图的方式粘贴到typora上的图片形式只能在自己电脑上看到,在csdn上显示不了,因为这个图片形式是用的图片的绝对路径,在你电脑上可以找得到,上传到csdn后,在csdn服务器中就找不到你这个路径。
  • 解决办法:在PicGo上使用github图床(gitee图床也可以)将你要插入到typora的图片进行转换路径,即将该图片上传到github上,返回给你的事github上这张图片的链接,这样在csdn就能通过链接访问到这个图片。

2、PicGo

2.1、PicGo下载

下载链接

注意:最好选择正式版下载,beta版可能bug较多。

  • 选择合适的电脑版本下载

在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github


2.2、PicGo使用

2.2.1、对PicGo完成基本的配置
  • 下载完成后,双击PicGo

    • Windows底部状态栏打开详细窗口。

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

    • mac顶部状态栏打开详细窗口。

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

  • 接下来就是配置PicGo了,这里windowsmac的配置都一样,这里以mac为例。

    • 在插件设置里搜索github-plusgithub图床如果不好用的话可以用这个github-plus图床,和github图床一样配置),找到后并安装。这里会有未安装Node.js的弹窗,这里我们按要求下载并安装即可,就不演示了。

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

    • 然后来配置github图床。

2.2.2、配置github图床
  • 找到图床设置,并点击github图床。

    在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

  • 然后对github图床进行配置:

    • 在你的github网站上(没有github账户就自己注册一个)创建一个新的仓库,用来存放PicGo的图片。

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

    • 到这里我们已经确定了仓库名和分支名,接下来就是去设置Token

      • 点击右上角头像,找到Settings

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      • 点击Settings后,下滑找到Developer settings

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      • 点击Developer settings后,找到Personal access tokens

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      • 点击Personal access tokens后,找到Tokens(classic)并点击,在右上角可看到Generate new token

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      • 点击Generate new token后,找到Generate new token(classic)并点击。

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      • 然后就是对这个令牌密钥属性的一些设置。

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      • 得到令牌密钥,自己保存好。

        在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

      • 到这一步,我们已经把仓库、分支、Token都拿到了,接下来就是存储路径的设置,其中**自定义域名不用写!(**以为你应该没有)。

        • 这里存储路径是相对路径,是相对于你仓库路径,可以不填,直接存到你的仓库。

        • 然后点确定,设为默认图床。

          在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

2.2.3、PicGo测试github图床
  • 在桌面截一张图,放到剪切板中,点击PicGo里的上传区剪切板图片,可以看到进度条为蓝色,结束后如果进度条显示了一次红色,则就是上传失败,可以检查一下自己的网络,或者可能仓库名路径不对。

    在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

  • 再点击相册,可以看到图片则说明上传成功。

    在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

  • 不显示图片则说明上传失败。或者上传成功,但是由于网络原因访问不到。

    在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

  • 可以在自己的github上看是否上传成功,找到该仓库,看最近提交图片是否在这个仓库下。

    在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

    在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

  • 复制图片链接放到typora测试,可以得到如图所示:

    在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

    • 这个链接可以直接复制到浏览器打开,就是你上传的那张图片!
  • 测试typora导入csdn是否有问题:

    • typora里:

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

    • csdn里:

      在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程),typora,PicGo,github,github

    OKOK,本期PicGo使用github图床解决csdn外链图片转存失败的问题就到这里。文章来源地址https://www.toymoban.com/news/detail-713077.html

到了这里,关于在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Typora + PicGo + GitHub搭建图床

    这一步自行百度 PicGo is Here | PicGo 自行下载安即可 gitHub注册略过,如果不能访问请科学上网 创建仓库 生成访问token 点击右上角头像 - setting - 点击左边最下面Developer settings - Personal access tokens - Tokens(classic) -Generate new token(classic) 点击最下面生成token **设置仓库名:**用户名 + 刚

    2024年01月22日
    浏览(43)
  • 腾讯云+PicGo+Typora图床,生成专属图片链接

    原创声明,转载请注明文章链接来源、作者信息 Typora+PicGo+gitHub搭建自己的图床,写作效率大大提升 索奇问答 问:图床是什么? 答:用户可以将图片上传到图床,然后将生成的图片链接贴到论坛或网站中,这样其他人就可以通过链接查看图片,对做笔记、写文章等都方便快

    2024年02月10日
    浏览(49)
  • 【解决Typora图片不是显示问题】PicGo+Github+Typora+ onedrive/坚果云 实现笔记同步

    尝试了很多笔记软件,都没有typora好用,最近又用回了typora。但是我忘了当初弃用它的原因,首次弃用它,是因为他解决不了我的问题。 文件共享问题 。我有时用办公电脑写的笔记,回家也想用家里的电脑看看。但是typora并不自带文件上传云端的功能。这个问题我已经解决

    2024年02月04日
    浏览(37)
  • 使用Typora+PicGo+阿里云搭建图床

    不知道大家有没有遇到过这样的问题? 在使用Typora的时候,我们传到typora上面的图片,在转到其他地方时,总是加载不出来,造成图片丢失现象或者是在将markdown笔记上传到博客时,总是需要一张一张上传图片,这难免太浪费时间,如果可以将图片转成url链接就可以在随处访

    2024年02月08日
    浏览(63)
  • Typora设置Gitee图床,自动上传图片

    之前写了一篇同类型文章:如何将Typora中图片上传到csdn 实现了Typora本地编辑的内容中的图片,可以直接复制到csdn上进行发布。但是在使用过程中发现 sm.ms 这个图床站不是很稳定,即使用了翻墙也不稳定。 这篇文章推荐使用Gitee作为图床,上传速度实测挺给力。 下载地址:

    2024年02月16日
    浏览(48)
  • gitee+picgo+typora图床搭建

    gitee+picgo+typora图床搭建 1.安装typora 官网下载直接安装:https://www.typora.io/#download 2.编辑typora图像设置 打开 文件 - 偏好设置 - 图像 设置 插入图片时 选择 上传图片 设置 上传服务 为 PicGo-Core(command line) 3.为typora安装PicGo-Core 点击按钮 下载或更新 , PicGo-Core 会自动安装到 Typora 安

    2024年02月03日
    浏览(43)
  • picGo+gitee+typora设置图床

    当我了解picGo+gitee可以设置图床的时候,我决定试一试。 考虑github国外网站比较慢,我使用的是gitee进行部署。 如果是个人博客需要考虑设备外链,有可能图片显示不成功。 PicGo官方网址 以上有配置说明 百度网盘链接:https://pan.baidu.com/s/1MHxXIOVRiAZqiPJv6jydxw?pwd=8888 提取码:8

    2024年02月11日
    浏览(51)
  • 借助Gitee将typora图片上传CSDN

    前面已经发了一个如何借助Github将typora上的图片上传到csdn上,但这有个缺陷:需要科学上网才能加速查看已经上传到github上的图片,否则就会出现已经上传的图片,无法正常查看的问题 如何解决? 那就可以使用Gitee(码云)来解决这个问题,下面是操作步骤,和上篇使用git

    2024年01月21日
    浏览(51)
  • 阿里云OSS+PicGo+Typora配置图床

    阿里云OSS + PicGo + Typora搭建图床 1.为什么要搭建图床? 首先要明确:在本地的markdown文件.md中,图片是以 ‘外链’ 的形式存在的 在office word中,图片是直接插入docx文件里面 Markdown中,图片只是一个本地/联网的地址 会出现的问题有: 也就是说,如果我们使用 本地markdown编译

    2024年04月16日
    浏览(52)
  • Typora+PicGo+阿里云OSS搭建博客图床(超详细)

    以CSDN为例,我们可以选择使用大部分blog平台通用的 markdown语法 进行博客创作 虽然CSDN自带的编辑器已经能满足我们95%的 写作需求 但是Typora在markdown语法编辑上能给你提供更好的 写作体验 所以我选择了以 Typora+Picgo+图床 的方式来进行博客创作 而在本地的markdown文件.md中,图

    2024年02月05日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包