使用VScode + PicGo 写markdown 以及github图片加载不出的问题

目录

  • 使用VScode + PicGo 写markdown
  • GitHub图片加载慢/不出的问题

使用VScode + PicGo 写markdown

PicGo在vscode中相当于把你剪贴板图片上传到云端,然后提供给你一个访问它的链接;
图床即实现这样一个功能,为什么要这样呢?

如果直接复制图片,则是生成一个含本地文件路径名的链接,这只在当前可以看到此图片,如果将文本复制到别的地方就指挥显示此路径链接,而不可能出现图像,所以需要一个图床一样的工具,将图片放入云端,然后给你链接才访问此图像,这就避免了上述问题;

简单来说,图床就是自动把本地图片转换成链接的一款工具,即PicGo的功能;

如何用vscode配置picgo来实现markdown文档的编辑:
1、vscode本身是支持编辑markdown文档的,把文件名后缀改成.md即可编辑;

在这里插入图片描述
2、下载markdown插件
使用VScode + PicGo 写markdown 以及github图片加载不出的问题_第1张图片
就建议markdownlint吧,因为它的预览比较好看,其实vscode本身已经可以预览了,哈哈哈;也可以markdown preview enhanced;都行;
3、下载PicGo插件
使用VScode + PicGo 写markdown 以及github图片加载不出的问题_第2张图片
4、最主要的就是PicGo的配置

1)首先你得有一个GitHub账号,github链接;

2)新建一个仓库
在这里插入图片描述

3)生成一个token用于PicGo操作你的仓库:这里需要访问链接,然后点击Generate new token;把repo的勾打上即可;然后翻到页面最底部,点击Generate token的绿色按钮生成token;**这个token生成后只会显示一次!**你要把这个token复制一下存到其他地方以备以后要用;

4)进入picgo设置
使用VScode + PicGo 写markdown 以及github图片加载不出的问题_第3张图片
进行配置:
使用VScode + PicGo 写markdown 以及github图片加载不出的问题_第4张图片
之后即可在.md文档中进行markdown编辑,并且复制到任何支持markdown的地方后内容都通用;

如有错误之处,感谢指正!!!

GitHub图片加载慢/不出的问题

复制这一段代码到C:\Windows\System32\drivers\etc下的hosts文件;

# GitHub Start 
192.30.253.112 github.com 
192.30.253.119 gist.github.com
151.101.184.133 assets-cdn.github.com
151.101.184.133 raw.githubusercontent.com
151.101.184.133 gist.githubusercontent.com
151.101.184.133 cloud.githubusercontent.com
151.101.184.133 camo.githubusercontent.com
151.101.184.133 avatars0.githubusercontent.com
151.101.184.133 avatars1.githubusercontent.com
151.101.184.133 avatars2.githubusercontent.com
151.101.184.133 avatars3.githubusercontent.com
151.101.184.133 avatars4.githubusercontent.com
151.101.184.133 avatars5.githubusercontent.com
151.101.184.133 avatars6.githubusercontent.com
151.101.184.133 avatars7.githubusercontent.com
151.101.184.133 avatars8.githubusercontent.com

然后修改权限:右键hosts文件属性-安全-编辑-添加-高级-立即查找,选择你的账户,确定-确定,勾选“完全控制”,确定-确定即可;

你可能感兴趣的:(vscode,markdown,github,vscode,picgo)