Hexo博客图床搭建与图片管理
图床一般是指储存图片的服务器。换句话说,它是专门用来存放图片同时允许你把图片对外连接的网上空间。本文记录使用Coding
的Pages
服务来搭建个人图床,以及文章图片管理的技巧。
个人图床搭建
1.创建仓库并开启Pages服务
-
注册Coding账号:Coding
-
创建图床仓库:选择代码托管项目并创建。
-
在仓库中创建一个
index.html
(必须是此名字),随便写点东西然后提交,作为我们网站的入口。 -
开始Pages服务,然后就可以访问站点了。
可以看到显示的就是我们刚刚创建的网站主页
index.html
2.上传图片测试
- 我在仓库中创建了
blogimages
文件夹,传了一张名为avatar.jpg
的图片
- 那么这张图片的网络地址就是 :
https://xjm7l2.coding-pages.com/blogimages/avatar.jpg
- 在浏览器中测试,大功告成~
图片管理
1.文章图片存储
存储方案:每篇文章用到的图片单独存放在一个文件夹,使用之前提到的Typora工具来帮我们自动存放。
- 打开
Typora
,文件 > 偏好设置 > 图像,设置如下: - 当我们将图片拖放或粘贴到文章中时,图片就会自动存放在名字为
文章的文件名.assets
的文件夹中。
2.图片链接快捷替换
-
文章写完后,我们把图片文件夹上传到图床仓库中的
blogimages
文件夹下。 -
Ctrl + H
打开替换功能,将所有图片链接替换成网络位置即可。
这样我们就拥有本地和网络两份图片,随时随地一键切换图片路径,再也不用担心图片链接挂掉的问题了~
The last but not the end.