导航

遇见美好的明天,书写最棒的故事~

侧边栏
最新评论
北熙宝宝@Hikurn_Xi
2024-08-11 17:33
@广树:(╯‵□′)╯︵┴─┴
松鼠大大
2024-08-10 17:39
😂惨兮兮北熙,╮( •́ω•̀ )╭
广树
2024-08-10 17:08
下一步,进入腾讯域名黑名单
北熙宝宝@Hikurn_Xi
2024-07-29 13:31
@寒寒:那你考虑过cloudflare的网络情况么?很大的话获取到一半超时获取失败...另外在目前的情况下,我觉得不支持webp的设备和终端软件都可以被淘汰了,不应该我去做向下兼容,也不在我的网站的服务群体内。【兼容性参照: https://caniuse.com/webp,除去IE和很久的,基本都兼容了】
寒寒
2024-07-29 13:17
不过话说…… 既然都用CF了,OSS的出口流量只要配置了CF代理就是免费的呀…还在乎什么流量 寒寒相比起来,还是更在意webp的兼容性 所以就算用webp也最好有一个png/jpg fallback
寒寒
2024-07-29 13:14
恭喜北熙宝宝~~ 终于搞定了吗?
北熙宝宝@Hikurn_Xi
2024-07-23 20:53
@小满1221:欢迎来到女子寮!你的标准房开好了~请入住~
北熙宝宝@Hikurn_Xi
2024-07-23 20:47
@小满1221:|´・ω・)ノ我就用了一点点itdog的那个屏蔽测速脚本
小满1221
2024-07-23 11:04
我解决了,没事儿了
小满1221
2024-07-23 10:47
我去佬,我把我自己博客快速测试测死力,负载4000%多,求教程(´இ皿இ`)
谷歌广告

如何给广树的博客程序添加一些花里胡哨的底部美化

作者:北熙宝宝@Hikurn_Xi时间:2024-06-20 11:35:35分类:教程

模块1:

QQ截图20240618164704.png

<style>
.github-badge {
  display: inline-block;
  border-radius: 4px;
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  background-color: #abbac3;
  margin-bottom: 5px
}
.github-badge .badge-subject {
  display: inline-block;
  background-color: #ffa500;
  padding: 4px 4px 4px 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.github-badge .badge-value {
  display: inline-block;
  padding: 4px 6px 4px 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.github-badge .bg-fen {
  background-color: #e76dcb
}
.github-badge .bg-red {
  background-color: #f55066
}
.github-badge .bg-green {
  background-color: #3bca6e
}

.github-badge .bg-cai {
    background-image: -webkit-linear-gradient(
0deg, #3ca5f6 0%, #a86af9 100%);
</style>
<div class="github-badge">
  <span class="badge-subject">网站托管</span>
  <a style="color:#fff" href="#" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-cai">级级盾</span></a>
</div>
<div class="github-badge">
  <span class="badge-subject">申请</span>
  <a style="color:#fff" href="#" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-fen">友情链接</span></a>
</div> 
<div class="github-badge">
  <span class="badge-subject">免责声明 </span>
  <a style="color:#fff" href="#" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-red">点击查看</span></a>
</div>
<div class="github-badge">
  <span class="badge-subject">用户协议</span>
  <a style="color:#fff" href="#" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-cai">点击查看</span></a>
</div>

模块2:

QQ截图20240620113632.png

<div class="footer-container" ><p>由 </p><a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="_blank" rel="nofollow"><img  class="footer-images" src="https://s0.beixibaobao.com/images/2wva.png" ></a> <p> 和 </p> <a href="https://www.cloudflare.com" target="_blank" rel="nofollow"><a href="https://www.cloudflare.com" target="_blank" rel="nofollow"><img  class="footer-images" src="https://api.beixibaobao.com/img/links/cloudflare-logo%5E594X302^white.png"></a> <p> 和 </p> <a href="https://www.sctes.com/" target="_blank" rel="nofollow"><img  class="footer-images"  src="https://api.beixibaobao.com/img/links/sctes-logo%5E594X302^white.png"></a><p> 共同提供CDN加速/云储存服务</p></div>

模块3:

QQ截图20240620113642.png

body .blog-layout-left-body .blog-layout-info-menu-bg {
    background-image: url(https://static.beixibaobao.com/public/own/blog/loli.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 278px;
    height: 270px;
}


#美化