• Typora,PicGo,Github搭建个人图床


    前言

    个人非常喜欢用md来撰写博文,一般是在Jypyter notebook中连文字带代码的编辑好,然后下载其md文件,然后直接复制粘贴到博客中,非常方便。但如果要插入图片的话,本地图片无法直接被博客读取,虽然可以再一个一个图片的在博客编辑中上传,但图片数量巨大的情况下,这种繁琐单调的操作显然不是一个明知的方法,那有没有一种方法可以批量传到博客中呢?答案是肯定的,运用typora,PicGo,Github可以搭建一个自己的图床(https://baike.baidu.com/item/%E5%9B%BE%E5%BA%8A/10721348?fr=aladdin)工具,它确实非常方便,强大,但搭建过程坑也很多,下面就简要总结下搭建过程和遇到的各种坑。

    搭建过程及遇到的坑

    Typora

    (1)下载:Typora是非常专业的轻量级md文本编辑器,在https://typora.io/#windows,按照电脑位数,下载所需要的版本:

    image-20200905104514713

    PicGo

    (1)下载:在下载好的Typora中点击“文件”-“偏好设置”-“图像”(如下图),直接点击下载PicGo即可

    点击set-up.exe(如下图)即可。

    image-20200905100211589

    Github

    对于Github就不多做介绍了,需要说明的是最好设为公共仓库,然后取到一个token(该token只会在创建token时出现一次,需要妥善保管,后面将不再显示),然后在PicGo中进行如下设置。

    重要设置

    • 在PicGo中,设定仓库名:用户名/仓库名,特别特别需要注意的是如果是从github创建代码仓时拷贝过来的名字,用户名与”/“之间,”/“与仓库名之间如果有空格,那么就会出错,显示”server端错误“!这点非常要注意,网上绝大数文章只指出来了用户名与”/“有空格会导致出错,没指出来也有后者的影响,我就是因为这个坑花费了非常久的时间才发现并解决的。
    • 指定存储路径:设置了这个后,在图片上传时,会自动在代码仓中创建同名的文件夹,并将图片上传至该文件夹下。
    • 设定自定义域名:也非常重要,主要是cdn加速,一般这样设置:https://cdn.jsdelivr.net/gh/用户名/仓库名
      建议设置为默认图床

    另外,建议也进行如下设置:

    image-20200905102602924

    此外还要检查下PicGo的server的监听地址和端口是否和Typora一致:

    image-20200905103213584

    可见PicGo的端口是36677,在Typora中点击”验证图片上传选项“(如下图)

    image-20200905103416409

    可见,一致!

    插入图片

    在撰写博文时,插入图片方式有很多,比如可直接复制图片过来,也可以右键选择插入图片,然后就会自动上传图片到github

    image-20200905101327036

    显示成功!

    image-20200905102457800

    点击开图片,可以看到图片的链接不再是本地链接。

    image-20200905102424795

    如果出现上传不成功的,建议打开该文件的位置,看是否能查到,还要要保证路径正确,特别是对于相对路径的情况,最后文件名越简单越好,有时候”image-20200905103555183.png“这样的都会出错。

    markdown 语法大全

    https://www.zybuluo.com/codeep/note/163962

    总结

    通过这一系列操作,也可以简单的明白图床作用是什么。简单而言,在撰写博文时,文章中的本地图片是访问不到的,这时候需要将图片传到网络空间(比如github),然后文中图片引用存储在网络空间的位置,博客就可以访问到了。

    ##### 愿你一寸一寸地攻城略地,一点一点地焕然一新 #####
  • 相关阅读:
    linux线程
    linux线程
    c++之堆、栈、数据段、
    fork()、僵死进程和孤儿进程
    linux之管理mysql
    linux之管理apache
    Django 时间与时区设置问题
    Django rest framework:__str__ returned non-string (type NoneType) 真正原因
    Django获取当前页面的URL——小记
    Django中出现:TemplateDoesNotExist at
  • 原文地址:https://www.cnblogs.com/johnyang/p/13617414.html
Copyright © 2020-2023  润新知