Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法

文章目录

    • 为什么要搭建图床?
    • GitHub创建仓库
      • 问题描述:图片在github里面显示不出来或者破裂
    • PicGo的设置
    • Typora的设置

为什么要搭建图床?

在我们写文章博客的时候,可以直接在博客编辑页面写,也可以在本地编辑文本写好了上传,在本地编辑文本个人使用的是Markdown进行编写,而这里推荐的软件是Typora。

而在我们在Typora编写文章的过程中,会有插入图片,在Typora中,图片是写的路径位置,但当把文章上传到博客编辑的时候,博客是无法访问我们本地图片的路径的,但是博客能访问网上图片的路径,所以我们需要把图片上传到一个网页里面存放,然后在我们写博客的时候直接使用。

GitHub创建仓库

GitHub的账号创建就不多说了,这个小伙伴们可以直接寻找其他博主的文章。

创建仓库:

右上角:

Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第1张图片

Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第2张图片

回到主页,然后我们尝试上传图片到仓库是否能查看:

Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第3张图片

image-20220902121822689

Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第4张图片

Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第5张图片

查看图片:

image-20220902122320266

问题描述:图片在github里面显示不出来或者破裂

​ 上传图片后,图片不能在github里面显示,这里我的解决办法是通过修改hosts文件加速github:

​ 打开hosts文件:

​ windows路径:C:\Windows\System32\drivers\etc\hosts

​ 在hosts文件末端添加:

185.199.108.133 raw.githubusercontent.com
185.199.109.133 raw.githubusercontent.com
185.199.110.133 raw.githubusercontent.com
185.199.111.133 raw.githubusercontent.com

​ 保存之后推出再进入网页,部分电脑可能需要在命令行输入 ipconfig /flushdns 刷新dns

​ 这个地址也会更新,更新后在 https://www.ipaddress.com/ 查询,输入 raw.githubusercontent.com 进行查询,然后自行修改。

成功显示之后,查看图片,右键复制图片路径,然后粘贴到网址查询上面,查看是否能正常显示,如果不能访问,可能是由于你的仓库之前设置的不是***public***,仔细查找一下然后重新创建一个仓库:

Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第6张图片

正常显示:

PicGo的设置

  1. 下载PicGo,下载 官网

  2. 打开设置
    Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第7张图片

  3. 下载后打开,找到GitHub图床

    Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第8张图片

    1. 设定仓库名:GitHub账户名/仓库名 的格式;

    2. 设定分支名:填写 main

    3. 设定token:

      1. 获取token:

        打开github获取:

        Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第9张图片

        Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第10张图片

        Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第11张图片

        Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第12张图片

        生成后复制你的token,一定要复制保存,他只会显示这一次,后续查找不到

        Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第13张图片

        1. 把复制的token粘贴在picGo上面,不要有空格
    4. 指定存储路径:这个可以设置为空,也可以填写路径名+/

    5. 设定自定义域名:

      1. 不填写,加载速度会有点慢,可能会导致你typora的显示很慢甚至显示不出来,但是在博客转存的时候好像没什么问题;

      2. CDN加速:https://cdn.jsdelivr.net/gh/GitHub账户名/仓库名,这个加速国内似乎已经访问不了了,大家可以试试。

      3. fastly加速:https://fastly.jsdelivr.net/gh/GitHub账户名/仓库名,我使用这个在Typora显示图片没问题,但是在转存的时候大部分图片都是转存失败。

      4. gcore加速:https://gcore.jsdelivr.net/gh/GitHub账户名/仓库名 ,这个使用过程中还是有少量的图片转存失败。

        温馨提示

        如果这三个加速不行,可以尝试在链接末尾添加**@main**,举例CDN加速:https://cdn.jsdelivr.net/gh/GitHub账户名/仓库名@main,这样还是不行的话就只有另求他法了。

  4. 尝试上传图片:

    Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第14张图片

    上传过程中如果一直是蓝色的,那么图片上传成功,你的粘贴板会自动有一个链接,格式 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OzHg148f-1662097636097)(网页链接)],删除其他的符号,留下网页链接查看是否能显示。

    如果出现了红色,就是上传失败,可能是由于你的设置没对,还有可能是你上传用一张图片,如果没有打开picgo设置的时间戳命名,也会因为同一张图片命名一样而上传失败,如果都没解决,打开picGo设置:

    Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第15张图片

    打开日志文件,在日志中查找后去网上查找错误。

Typora的设置

  1. Typora 的版本选择上,我没有使用最新版本,我在使用最新版本的时候,始终验证不了图片(不知道什么问题,还没解决),在切换回到了之前的版本之后,问题就解决了,这个是0.9.8版本的,还有就是这个版本的不收费QWQ。

    链接:https://pan.baidu.com/s/1KMY8u7VuHrljaac2G4shyw

    提取码:jh89

    1. 打开偏好设置:
      Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第16张图片
    2. 验证图片上传是否成功:

    Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第17张图片

    Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法_第18张图片

    失败和成功都会显示,如果picgo中没有打开时间戳命名,那么只有第一次会验证成功,第二次会因为图片已经存在而验证失败。

你可能感兴趣的:(github,git)