zoukankan      html  css  js  c++  java
  • 使用VScode + PicGo 写markdown 以及github图片加载不出的问题

    使用VScode + PicGo 写markdown

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

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

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

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

    在这里插入图片描述
    2、下载markdown插件
    在这里插入图片描述
    就建议markdownlint吧,因为它的预览比较好看,其实vscode本身已经可以预览了,哈哈哈;也可以markdown preview enhanced;都行;
    3、下载PicGo插件
    在这里插入图片描述
    4、最主要的就是PicGo的配置

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

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

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

    4)进入picgo设置
    在这里插入图片描述
    进行配置:
    在这里插入图片描述
    之后即可在.md文档中进行markdown编辑,并且复制到任何支持markdown的地方后内容都通用;

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

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

    复制这一段代码到C:WindowsSystem32driversetc下的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文件属性-安全-编辑-添加-高级-立即查找,选择你的账户,确定-确定,勾选“完全控制”,确定-确定即可;

  • 相关阅读:
    字符串替换
    字符串查找
    字符串比较
    字节与字符串相互转换
    1365. How Many Numbers Are Smaller Than the Current Number
    1486. XOR Operation in an Array
    1431. Kids With the Greatest Number of Candies
    1470. Shuffle the Array
    1480. Running Sum of 1d Array
    【STM32H7教程】第56章 STM32H7的DMA2D应用之刷色块,位图和Alpha混合
  • 原文地址:https://www.cnblogs.com/Luweir/p/14147382.html
Copyright © 2011-2022 走看看