Halo-Theme-Hao文档:添加在线工具页面
展示
snipaste-2023-09-08-00-24-05-eaotep代码
需要下载Markdown / HTML 内容块
插件
进入 Halo 后台 -> 页面 -> 新建 -> 编辑器选择
默认编辑器
-> 顶部最左边加号HTML 编辑块
-> 填入下文代码 -> 发布
- 链接语法
<hao-flink name='标题' desc='描述' style='default'>
<div class="_tpl" >
{网站名称,网站地址,Logo,描述}
{网站名称,网站地址,Logo,描述}
</div>
</hao-flink>
- 图片建议换成自己的
<div class="author-content author-content-item essayPage single" style="background:url(https://liuzhihang.com/upload/moments.png) left 28% / cover no-repeat !important;">
<div class="card-content">
<div class="author-content-item-tips">效率</div>
<span class="author-content-item-title">在线工具推荐</span>
<div class="content-bottom">
<div class="tips">跟 困困鱼 一起高效的数字生活</div>
</div>
</div>
<canvas id="header_canvas" width="920" height="1014" style="position: absolute; bottom: 0px;"></canvas>
</div>
<hao-flink name='AI工具' desc='让人工智能帮助你完成枯燥的工作' style='default'>
<div class="_tpl" >
{chatGPT,https://chat.openai.com/,https://bu.yyds.pink/blog/img/64f0ab6c1e0c0.png,文字AI巅峰}{Midjourney,https://www.midjourney.com/home/,https://bu.yyds.pink/blog/img/64f0ab6c54f06.jpg,超级方便的AI绘画工具}
</div>
</hao-flink>
评论