Halo-Theme-Hao文档:添加在线工具页面

展示

代码

需要下载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>