前言

像纳斯经常说的那样，为了一碟醋，包了一顿饺子。

今天看到一个想分享的视频，所以想到发一下短文分享一下，才想起来短文还没有支持bilibili，只支持了视频，所以就给它加上了，来总结一下修改的过程并给有需要的小伙伴看看。

效果预览

修改即刻短文的pug代码

找到 themes\butterfly\layout\includes\page\essay.pug 文件，找到相识的代码块后，添加如下代码：

    if item.aplayer
      .bber-music
        meting-js(id=item.aplayer.id server=item.aplayer.server type="song" mutex="true" preload="auto" theme=(--shine-main)" order="list")
+    if item.bilibili
+      .bber-iframe-bilibili
+        each iten, indey in item.bilibili
+          iframe(src=item.bilibili[indey], scrolling="no", border="0", frameborder="no", framespacing="allowfullscreen="true")
hr
.bber-bottom
  .bber-info

添加哔哩哔哩视频样式

找到 themes\butterfly\source\css_custom\essay\essay.css 文件，在末尾添加如下代码：

#bber .bber-iframe-bilibili {
  margin-top: 10px;
  margin-bottom: 0.3rem;
  width: 100%;
  height: 250px;
}

#bber .bber-iframe-bilibili iframe {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

发布带有哔哩哔哩视频的短文

找到 source_data\essay.yml 文件，在其中添加短文信息，如下：

- content: 瞧瞧我发现了啥？最近有去这个周刊上逛，结果今天打开B站，直接就给我首页推荐了。
    也是新发现，才知道原来这个站长还有发B站视频呢~
  date: 2023/09/29 17:37:00
  feel: bilibili
  topic: 强大的推荐算法
  bilibili:
    - //player.bilibili.com/player.html?autoplay=0&bvid=BV1uj411h7H2