美文网首页
使用MWeb的时候,搭建自己的图床

使用MWeb的时候,搭建自己的图床

作者: Jax_YD | 来源:发表于2021-05-20 14:12 被阅读0次

在使用MWeb写文章的时候,\color{red}{图床}一直是一件让人头大的事情。最近研究了几篇文章,并结合自己的理解,在其基础上写了一个脚本来帮助我去生成图片链接,现在跟大家分享一下。


  • 首先我使用的截图软件是Xnip,由于没有购买VIP,所以截图之后的命名格式是固定的;其实这样也给我批量获取ImageURL提供了方便:
    image
  • 下面就来介绍如何使用GitHub搭建自己的图床。
    首先我们要在GitHub上面创建一个专门存放图片的项目:
    image
    注意要设置成Public,这样外部才能够访问的到。
  • 然后将项目clone下来,就像是管理一个工程一样。比如说我,使用的是Sourcetree去管理这个图床的。
  • 将截图统一下载到指定文件夹里面


    image

    利用脚本生成新的图片链接文档,并将文档和原始图片统一移动到指定的文件夹下。

  • 紧接着,将新生成的文件夹(包含里面的内容),拷贝到我们的图床工程中,并上传到GitHub
  • 最后根据我们生成的图片链接文档,去更换MWeb中的本地图片链接就可以了。由于图片名称是日期,并且图片还是按照先后顺序存储的。所以替换起来还是非常方便的。

我这里文件夹的命名,采用的也是时间格式,并且是精确到秒的。这样做是为了适应,同一天有多个文章发布的情况。
同时每个文件夹在上传GitHub仓库的时候,都有标明是做什么用的,这样也方便管理。

image

图片上传之后,图片的URL为:https://cdn.jsdelivr.net/gh/AAAAA/BBBBB/XXX.png

  • AAAAA: GitHub用户名
  • BBBBB/XXX.png: 图片在仓库中的路径

脚本
注意: 记得修改脚本中的url

name="shell"
url="![](https://cdn.jsdelivr.net/gh/AAAAA/BBBBB/"

#创建文件夹,将当天的图片 以及 处理后的URL放到执行文件夹中
newFile=$(date "+%Y-%m-%d-%H-%M-%S")
rm -rf $newFile
mkdir $newFile

#移除imageUrl.txt
rm -rf imageUrl.txt

#遍历文件,创建imageURL
files=$(ls $PWD)
for filename in $files
do
    if [[ $filename == *.png ]]
    then
        imageUrl="${url}${newFile}/${filename})"
        echo $imageUrl >> imageUrl.txt
        mv $filename $newFile
    else
        echo "不符合条件的文件:$filename"
    fi

done

#移动文件到指定目录
mv imageUrl.txt $newFile

有兴趣的同学,可以再写一个脚本,将MWeb里面的本地图片链接全部更换为图床的链接。如果那位同学写了这个脚本,还望分享给我😜😜😜。

更新:
突然想到可以将新生成的文件夹直接拷贝到图床工程里面去,这样就不用我去手动拷贝了。我这里图床功能和截屏保存的文件夹,在同一个文件夹下面;大家在使用下面脚本的时候,要注意路径。

#接着上面的脚本
#上级目录
dname=$(dirname "$PWD")
#图床工程目录
imagesP="${dname}/xxxxx/"
cp -rf "$newFile" "$imagesP"

参考文档:
免费CDN:jsDelivr + Github
jsDelivr+Github搭建免费图床

相关文章

网友评论

      本文标题:使用MWeb的时候,搭建自己的图床

      本文链接:https://www.haomeiwen.com/subject/yeavjltx.html