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

程序员小航

发布于 2023-12-26 13:52:58

2280

发布于 2023-12-26 13:52:58

文章被收录于专栏：程序员小航程序员小航

展示

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>

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2023-12-25，如有侵权请联系 cloudcommunity@tencent.com 删除

人工智能