默认分类

halo美化

一：去版权信息 方法一（推荐，后台操作，主题升级也不丢） 登录 Halo 后台 → 系统设置 → 代码注入 在注入框里加（任意注入位置都行，全局生效）： <style> span.footer-truncation { display: none !important; } </style> 保存

一：去版权信息

方法一（推荐，后台操作，主题升级也不丢）

  1. 登录 Halo 后台 → 系统设置 → 代码注入

  2. 在注入框里加（任意注入位置都行，全局生效）：

<style>
span.footer-truncation { display: none !important; }
</style>

  1. 保存 → 刷新网页，左下角那行就没了。

只想去掉一半 / 改文字（可选变体）：

<!-- 只隐藏 "Halo"，保留 "Dream" -->
<style>
span.footer-truncation a.powered[href="https://halo.run/"] { display: none; }
</style>

<!-- 或整行替换成你自己的版权文字 -->
<style>
span.footer-truncation { visibility: hidden; }
span.footer-truncation::after { content: "© 小慈树苗"; visibility: visible; }
</style>

方法二（彻底删除，适合会 SSH 的）

进 Halo 容器 / 目录，主题模板在 ~/.halo2/themes/theme-dream/ 下，找包含 Powered by 的 footer 模板文件，删掉那一段，然后重启 Halo 容器。缺点是以后升级主题会被覆盖，所以更推荐方法一。

一句提醒：Powered by 是主题作者的开源署名，Dream 主题是免费开源的，隐藏前最好确认一下它的开源协议 —— 想保留署名的话，把 @ 改成你写文章或发朋友圈的方式感谢下作者就行。

二：添加背景图片

alo 全站随机动漫背景（30% 透明度）

入口：Halo 后台 → 系统设置 → 代码注入 → 全局 CSS（页头）里加：

<script>
(function(){
  var d = document.createElement('div');
  d.id = 'acg-bg';
  d.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.3;';
  d.style.backgroundImage = "url('https://api.yppp.net/pc.php?return=302&t=" + Date.now() + "')";
  document.documentElement.style.backgroundColor = 'transparent';
  document.body.style.backgroundColor = 'transparent';
  document.body.insertBefore(d, document.body.firstChild);
})();
</script>

保存后全站生效，每刷新一次换一张图。

几个说明：

  1. 想换竖图：把 URL 换成 https://api.yppp.net/pe.php（手机竖屏壁纸风格，但桌面背景裁切严重，不推荐）

  2. 主题是白卡片布局的话：背景图只会从页面边缘露出来（正文区是不透明白底）。想让整站通透，需要再额外把主题容器的背景调透明 —— 那要看你 Dream 主题的具体 class，要做的话把后台打开我帮你定位

  3. 限流：这 API 限制 10 秒内 20 次请求，个人博客每次刷新才 1 次，完全没压力

备选（JS 版，100% 保证每次刷新换图）——CSS 版个别浏览器可能缓存 302 导致图不换，遇到这种情况换这个（加时间戳破缓存，代码注入选 "页脚" 位置）：

三：修改暗色模式下字体颜色（解决暗色模式下看不清字的问题）


<style>
html[data-scheme="dark"] .sidebar :not(button):not(button *),
html[data-scheme="dark"] .widget :not(button):not(button *),
html[data-scheme="dark"] .site-footer :not(button):not(button *) {
  color: #3b9f45 !important;
}
</style>

评论