记录

这里记录一次我使用B站图片的方式，这里每次看到B站的图，又想拿来用，也想用来搞成图床，这里我就开始查询，没想到还是有方式的，这里我就不放过这次的机会，进行了一次小操作，终于实现B站图片的使用，不得不说能使用就已经不错了，这里分享一下。

B站图床

哔哩哔哩图床上传插件：https://github.com/xlzy520/bilibili-img-uploader

多种图片压缩格式选择，自动读取Bilibili的Cookie，不再需要手动输入。

博客使用

使用描述很详细，这里只记录能在博客使用B站图片的方法，图床的话这里斟酌使用，这里没有搞B站图床是因为这里不确定B站图床什么时候不能用是一个未知数，这里就只介绍了B站图片加载使用方法。

这里选择性的在博客中使用，这里介绍怎么解决防盗链方案。

  • 全站图片使用

    1
    <meta name="referrer" content="no-referrer">

  • 单个图片使用

    1
    <img src="xxx" referrerpolicy="no-referrer" >

  • 新窗口打开

    1
    <a rel="noreferrer" target="_blank"></a>

测试

直接从B站上搞过来的几张图，可以F12打开控制台，查看图片的链接。

[{"url":"https://i0.hdslb.com/bfs/article/24653b6fcca9b932310e70f6c1af08a5a4a83f0a.jpg@1256w_2586h_!web-article-pic.avif","alt":""},{"url":"https://i0.hdslb.com/bfs/article/96b92fab9c2a69fc906f8f281a83c51c3636085d.jpg@1256w_1986h_!web-article-pic.avif","alt":""},{"url":"https://i0.hdslb.com/bfs/article/4bd7c92589c6e42a742dca87e3ee3213c0392de4.jpg@1256w_1374h_!web-article-pic.avif","alt":""},{"url":"https://i0.hdslb.com/bfs/article/8f63222ae7bfb662f5d4863afbd3a4c79dfbd48b.jpg@1256w_2486h_!web-article-pic.avif","alt":""},{"url":"https://i0.hdslb.com/bfs/article/c3befd1ca1473ea6d2d23316741f216727749fdd.jpg@1256w_1752h_!web-article-pic.avif","alt":""},{"url":"https://i0.hdslb.com/bfs/article/7c903cc211423941402da5490cbfbf423b6a479b.jpg@1256w_1050h_!web-article-pic.avif","alt":""},{"url":"https://i0.hdslb.com/bfs/article/2138381cf472f5bb4f31f9ceb1b36a25f9666837.jpg@1256w_1756h_!web-article-pic.avif","alt":""},{"url":"https://i0.hdslb.com/bfs/article/bda345c5d47efc66e9be282366b319cda84d6ff2.jpg@1256w_1776h_!web-article-pic.avif","alt":""},{"url":"https://i0.hdslb.com/bfs/article/c6a63e374b2854ef8c32bf3efeb50524eefefd29.jpg@1256w_1868h_!web-article-pic.avif","alt":""}]