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文件属性-安全-编辑-添加-高级-立即查找,选择你的账户,确定-确定,勾选“完全控制”,确定-确定即可;

  • 相关阅读:
    20180420首旅酒店的操作记录
    股票的站上均线和反弹购买的学习
    linux里面的fork函数创建一个新进程
    allegro导入网表过程中出现的错误信息
    海思NB-IOT的SDK添加AT指令方法
    如何在ubuntun中安装pycharm并将图标显示在桌面上
    流畅python学习笔记:第十九章:动态属性和特性
    一起来学linux:目录与路径
    一起来学linux:用户与用户组
    python自动化运维五:pexpect
  • 原文地址:https://www.cnblogs.com/Luweir/p/14147382.html
Copyright © 2011-2022 走看看