基于halo搭建的满心书架

基于html写的静态书架,没有后台,所有书籍的图片和链接都有自己手动添加,感兴趣的小伙伴可以去试试

体验地址

预览效果:

使用halo创建页面,单独嵌入html,预览效果如下:

步骤如下:

  1. 在halo后台 -> 页面 -> 新建页面,页面名自取
  2. 内容如下(使用iframe引入),其它都不用改动
<iframe src="https://blog.lovelu.top/upload/manxin-book/index.html" style="width:100%;height=100%;
min-height: 800px" >
</iframe>

高度根据自己需要填写,这个高度是通过博客打开后的页面高度,如图:

image-1663035023586

注意:此处需要调整页面高度属性,大家自行调节

image-1663033692492

直接在halo中配置菜单,通过网页方式打开书城

image-1663033777500

源码下载地址
博客地址

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值