halo的hao主题增加自定义工具箱

进入 Halo 后台 -> 页面 -> 新建 -> 编辑器选择 默认编辑器 -> 顶部最左边加号 HTML 编辑块 -> 填入下文代码 -> 发布

• 页面横幅

<div class="author-content author-content-item essayPage single" style="background:url(https://blog.svx.cc/upload/Banner-1.webp) 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='标题' desc='描述' style='default'> 
    <div class="_tpl" > 
       {网站名称,网站地址,Logo,描述}
       {网站名称,网站地址,Logo,描述}
    </div>
</hao-flink>

• 示例

<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>