FChao
发布于 2025-08-06 / 52 阅读
0
0

Halo | Blog-hao插件使用方法

改进Halo原版博客无法直接显示PDF文件等问题

内嵌PDF

控制台-附件:查看PDF链接

默认文本编辑器插入HTML/markdown 编辑块

  • 浏览器打开PDF新页面:直接使用Markdown写法填入链接

[要显示的文本](/upload/test.pdf)
  • 内嵌显示:使用PDF的URL地址替换以下内容

<bloghao-pdf src="/upload/test.pdf" width="100%" height="600"></bloghao-pdf>

内嵌Bilibili视频

将需要显示的视频BV号替换并填入HTML编辑块

<bloghao-bili bvid="BV1PsbZ6VEw3" width="100%" height="600"></bloghao-bili>

多张图片轮转

<bloghao-img-swiper type="normal" width="100%" height="600">
    <div class="_img">
        {图片1地址.jpg,图片2地址.webp,图片3地址.png}
    </div>
</bloghao-img-swiper>

共有五种展示类型:slides、coverflow、card、thumbs、normal

  • slides:多张图片直接水平拼接

  • coverflow:多张图片水平排列,类似早期手机后台窗口浮动显示

  • card:卡片式层次叠加

  • thumbs:顶层显示一张大图片,底下一层显示多张缩略图

  • normal:只显示一张图片,无任何提示,用户需要手动控制翻页


评论