Hexo博客图床搭建与图片管理

  图床一般是指储存图片的服务器。换句话说,它是专门用来存放图片同时允许你把图片对外连接的网上空间。本文记录使用CodingPages服务来搭建个人图床,以及文章图片管理的技巧。

个人图床搭建

1.创建仓库并开启Pages服务

  • 注册Coding账号:Coding

  • 创建图床仓库:选择代码托管项目并创建。

  • 在仓库中创建一个index.html(必须是此名字),随便写点东西然后提交,作为我们网站的入口。

  • 开始Pages服务,然后就可以访问站点了。

    Hexo博客图床搭建与图片管理

    可以看到显示的就是我们刚刚创建的网站主页index.html
    Hexo博客图床搭建与图片管理

2.上传图片测试

  • 我在仓库中创建了blogimages文件夹,传了一张名为avatar.jpg的图片Hexo博客图床搭建与图片管理
  • 那么这张图片的网络地址就是 :https://xjm7l2.coding-pages.com/blogimages/avatar.jpg
  • 在浏览器中测试,大功告成~
    Hexo博客图床搭建与图片管理

图片管理

1.文章图片存储

存储方案:每篇文章用到的图片单独存放在一个文件夹,使用之前提到的Typora工具来帮我们自动存放。

  • 打开Typora,文件 > 偏好设置 > 图像,设置如下:Hexo博客图床搭建与图片管理
  • 当我们将图片拖放或粘贴到文章中时,图片就会自动存放在名字为文章的文件名.assets的文件夹中。

2.图片链接快捷替换

  • 文章写完后,我们把图片文件夹上传到图床仓库中的blogimages文件夹下。

  • Ctrl + H 打开替换功能,将所有图片链接替换成网络位置即可。Hexo博客图床搭建与图片管理

这样我们就拥有本地和网络两份图片,随时随地一键切换图片路径,再也不用担心图片链接挂掉的问题了~


The last but not the end.