我的主用颜色

#353740;
#30343f;
#3e9f50;
#1d1e22;

主题美化

🎉️🎉️🎉️主题颜色

#353740;
#30343f;
#343541
#3e9f50;
#1d1e22;
#21232a
#18171d;
#f2b94b
#722ed1
#fb7299;
#3e9f50;
#fb6c28
#9999ff;
#99cc99;
#121212;
#0d0d0d;

#6D24DB
109 36 219
#15D1C4
21 209 196
#A182F8
161 130 248

🎉️🎉️🎉️随机图片api

https://source.unsplash.com/random/600x400/?blog,scenery,night,desert,sea
https://api.maho.cc/random-img/pc.php
https://api.maho.cc/random-img/mobile.php
https://imgapi.xl0408.top/index.php
https://api.minterjia.com/api?number=Math.random();

🎉️🎉️🎉️在线工具页面

语法格式

<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(/upload/v433.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>

🎉️🎉️修改blockquote背景色

<style>
blockquote{
  background-color: #30343f;
} 
</style>

🎉️🎉️🎉️修改页脚背景色

<style>
#footer-banner{
  background: #30343f;
}
</style>

🎉️🎉️🎉️修改颜色

<style>
/*blockquote{
  background-color: #30343f;
}*/
/*#footer-banner{
  background: #30343f;
}*/

[data-theme=dark] {
  --heo-secondbg: #30343f;
}
</style>

🎉️🎉️🎉️ 块级背景

你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊

Halo-Theme-Pix主题修改

<style>
/*
body.mod_third .main_wrap, body.mod_third .go_top_box, body.mod_third .footer_nav {
  max-width: 1600px;
  margin-top: 0px;
}

.index_banner{
  height: 350px;
}
*/
</style>

Halo-Theme-Hao主题简化

进入themes/theme-hao/templates/post.html，将header里面的所有内容删掉替换成下面的代码

<header class="not-top-img" id="page-header">
<nav th:replace="~{modules/nav :: nav(title = ${post.spec.title})}"></nav>
</header>

Halo-Theme-Hao主题标签