Files
bilibili-API-collect/assets/header.html-CSeKquiq.js
T

16 lines
68 KiB
JavaScript
Raw Normal View History

2026-01-22 17:37:01 +00:00
import{_ as o,c as a,a as l,o as n}from"./app-Dgsdh8A6.js";const p={};function t(e,s){return n(),a("div",null,s[0]||(s[0]=[l(`<h1 id="首页横幅头图" tabindex="-1"><a class="header-anchor" href="#首页横幅头图"><span>首页横幅头图</span></a></h1><h2 id="获取方法" tabindex="-1"><a class="header-anchor" href="#获取方法"><span>获取方法</span></a></h2><ul><li><p>❎ <s>关注 UP 主 <a href="https://space.bilibili.com/6823116" target="_blank" rel="noopener noreferrer">壁纸喵</a> 获取静态图片</s></p></li><li><p>✅ 通过主页获取头图接口获取静态图片与各部分及其动态偏移信息</p></li></ul><h2 id="获取首页头图" tabindex="-1"><a class="header-anchor" href="#获取首页头图"><span>获取首页头图</span></a></h2><blockquote><p>https://api.bilibili.com/x/web-show/page/header</p></blockquote><p><em>请求方式: GET</em></p><p><strong>URL参数:</strong></p><table><thead><tr><th>参数名</th><th>类型</th><th>内容</th><th>必要性</th><th>备注</th></tr></thead><tbody><tr><td>resource_id</td><td>num</td><td>资源 ID?</td><td>必要</td><td>默认为 <code>142</code>, 实测可为任意有效整数</td></tr></tbody></table><p><strong>JSON回复:</strong></p><p>根对象:</p><table><thead><tr><th>字段</th><th>类型</th><th>内容</th><th>备注</th></tr></thead><tbody><tr><td>code</td><td>num</td><td>返回值</td><td>0: 成功</td></tr><tr><td>message</td><td>str</td><td>错误信息</td><td>默认为 0</td></tr><tr><td>ttl</td><td>str</td><td>1</td><td></td></tr><tr><td>data</td><td>obj</td><td>信息本体</td><td></td></tr></tbody></table><p><code>data</code> 对象:</p><table><thead><tr><th>字段</th><th>类型</th><th>内容</th><th>备注</th></tr></thead><tbody><tr><td>name</td><td>str</td><td>空</td><td></td></tr><tr><td>pic</td><td>str</td><td>静态头图 URL</td><td></td></tr><tr><td>litpic</td><td>str</td><td>bilibili logo URL</td><td></td></tr><tr><td>url</td><td>str</td><td>空</td><td></td></tr><tr><td>is_split_layer</td><td>str</td><td>是否分层</td><td>1: 是</td></tr><tr><td>split_layer</td><td>str</td><td>分层信息</td><td>一个套在字符串里的 JSON 对象</td></tr></tbody></table><p><code>data</code> 对象中的<code>split_layer</code> 字符串里的 JSON 对象:</p><table><thead><tr><th>字段</th><th>类型</th><th>内容</th><th>备注</th></tr></thead><tbody><tr><td>version</td><td>str</td><td>版本号</td><td>目前为 <code>1</code></td></tr><tr><td>layers</td><td>array</td><td>层信息</td><td></td></tr></tbody></table><p><code>split_layer</code> 字符串里的 JSON 对象中的 <code>layers</code> 数组:</p><table><thead><tr><th>项</th><th>类型</th><th>内容</th><th>备注</th></tr></thead><tbody><tr><td>0</td><td>obj</td><td>第 1 个层信息</td><td></td></tr><tr><td>2</td><td>obj</td><td>第 3 个层信息</td><td></td></tr><tr><td>1</td><td>obj</td><td>第 2 个层信息</td><td></td></tr><tr><td>……</td><td>obj</td><td>……</td><td></td></tr><tr><td>n</td><td>obj</td><td>第 (n+1) 个层信息</td><td></td></tr></tbody></table><p><code>split_layer</code> 字符串里的 JSON 对象中的 <code>layers</code> 数组里的对象:</p><table><thead><tr><th>字段</th><th>类型</th><th>内容</th><th>备注</th></tr></thead><tbody><tr><td>resources</td><td>obj</td><td>图层资源</td><td></td></tr><tr><td>scale</td><td>obj</td><td>缩放信息</td><td></td></tr><tr><td>rotate</td><td>obj</td><td>路径?</td><td>空</td></tr><tr><td>translate</td><td>obj</td><td>偏移信息</td><td></td></tr><tr><td>blur</td><td>obj</td><td>模糊信息?</td><td>空</td></tr><tr><td>opacity</td><td>obj</td><td>不透明度?</td><td>内容 <code>wrap</code> 为 <code>clamp</code></td></tr><tr><td>id</td><td>num</td><td>层 ID</td><td>似乎即图层索引</td></tr><tr><td>name</td><td>str</td><td>层名称</td><td></td></tr></tbody></table><p><code>layers</code> 数组里的对象中的 <code>resources</code> 对象:</p><table><thead><tr><th>字段</th><th>类型</th><th>内容</th><th>备注</th></tr></thead><tb
<span class="line"><span style="color:#D4D4D4;">--data-urlencode </span><span style="color:#CE9178;">&quot;resource_id=142&quot;</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div></div></div><details><summary>查看响应示例:</summary><div class="language-json line-numbers-mode" data-highlighter="shiki" data-ext="json" style="background-color:#1E1E1E;color:#D4D4D4;"><pre class="shiki dark-plus vp-code"><code class="language-json"><span class="line"><span style="color:#D4D4D4;">{</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;code&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#B5CEA8;">0</span><span style="color:#D4D4D4;">,</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;message&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#CE9178;">&quot;0&quot;</span><span style="color:#D4D4D4;">,</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;ttl&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#B5CEA8;">1</span><span style="color:#D4D4D4;">,</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;data&quot;</span><span style="color:#D4D4D4;">: {</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;name&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#CE9178;">&quot;&quot;</span><span style="color:#D4D4D4;">,</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;pic&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#CE9178;">&quot;http://i0.hdslb.com/bfs/archive/e5b7fca0c001cbe0b77a2956e4c861d9f19c4575.png&quot;</span><span style="color:#D4D4D4;">,</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;litpic&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#CE9178;">&quot;http://i0.hdslb.com/bfs/archive/c8fd97a40bf79f03e7b76cbc87236f612caef7b2.png&quot;</span><span style="color:#D4D4D4;">,</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;url&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#CE9178;">&quot;&quot;</span><span style="color:#D4D4D4;">,</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;is_split_layer&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#B5CEA8;">1</span><span style="color:#D4D4D4;">,</span></span>
<span class="line"><span style="color:#9CDCFE;"> &quot;split_layer&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#CE9178;">&quot;{</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">version</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">1</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">,</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">layers</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:[{</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">resources</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:[{</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">src</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">https://i0.hdslb.com/bfs/vc/75ec2d45ce8c942a1f7379d4641171da4d90ab0d.png</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">,</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">id</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:0}],</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">scale</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:{</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">initial</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:0.54},</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">rotate</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:{},</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">translate</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:{},</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">blur</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:{},</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">opacity</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:{</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">wrap</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">clamp</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">},</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">id</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:0,</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">name</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">19-背景水</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">},{</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">resources</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:[{</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">src</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">https://i0.hdslb.com/bfs/vc/286eb259a60a0eabfcde96d7ea92d239fe68b3fe.png</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">,</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">id</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">:0}],</span><span style="color:#D7BA7D;">\\&quot;</span><span style="color:#CE9178;">scale</span><span style="color
<span class="line"><span style="color:#9CDCFE;"> &quot;request_id&quot;</span><span style="color:#D4D4D4;">: </span><span style="color:#CE9178;">&quot;1722649278&quot;</span></span>
<span class="line"><span style="color:#D4D4D4;"> }</span></span>
<span class="line"><span style="color:#D4D4D4;">}</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div></details><h2 id="图层组合处理" tabindex="-1"><a class="header-anchor" href="#图层组合处理"><span>图层组合处理</span></a></h2><ul><li><p><strong>注意:</strong> 部分图像只包含部分颜色通道, 在创建文件时务必注意!</p></li><li><p>图层既包含静态 PNG 图片,也包含动态 WebM 视频, 此处忽略视频, 按照 <code>name</code> 字段前的数字作为顺序, 依次导入 GIMP <s>(你也可以使用其她图像处理软件)</s>, 未进行偏移调整</p></li><li><p>接口提供的静态图片 http://i0.hdslb.com/bfs/archive/e5b7fca0c001cbe0b77a2956e4c861d9f19c4575.png</p></li><li><p>手动导入合成的图片 https://archive.biliimg.com/bfs/archive/dc96f5d4e87a1985fc6085305d737f21f006f6a8.png (<a href="http://i0.hdslb.com/bfs/new_dyn/510715042e8847b7fd98d8253ca1f61a616368979.png" target="_blank" rel="noopener noreferrer">备链</a>)</p></li></ul>`,31)]))}const c=o(p,[["render",t]]),y=JSON.parse('{"path":"/docs/web_widget/header.html","title":"首页横幅头图","lang":"zh-CN","frontmatter":{},"git":{"updatedTime":1724238159000,"contributors":[{"name":"SessionHu","username":"SessionHu","email":"102411014+SessionHu@users.noreply.github.com","commits":1,"url":"https://github.com/SessionHu"}],"changelog":[{"hash":"60a0c5d1a2f44fe61335da04571305fa7727a968","time":1724238159000,"email":"102411014+SessionHu@users.noreply.github.com","author":"Session小胡","message":"feat: 各种接口补充与错误修正 (#1066)"}]},"filePathRelative":"docs/web_widget/header.md"}');export{c as comp,y as data};