首页 > 其他分享 >推荐一个博客园皮肤:awescnb-theme-geek

推荐一个博客园皮肤:awescnb-theme-geek

时间:2024-03-16 23:55:06浏览次数:35  
标签:awescnb 博客园 皮肤 geek 头像 theme 设置 代码

参考文章:我的所有做法都是参考本篇文章

1. 安装主题

首先进入到博客后台设置:

1. 设置皮肤为customer,并且打开JS权限

JS申请理由可以写美化博客

2. 勾选禁用模板默认CSS

3. 复制粘贴配置代码(共三处)

  1. 页面定制CSS代码
#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}
  1. 页首HTML代码
<div id="loading"><div class="loader-inner"></div></div>
  1. 页脚HTML代码
<script src="https://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
<script>
  const config = {
    // 默认启用皮肤 'reacg'
    // 在这里添加自定义配置
    // 当前为全部使用默认配置
  }
 $.awesCnb(config)
</script>

以上完成之后保存刷新,主题就算安装好了。

2.配置主题

做完以上的步骤,你可以看到你的博客已经美化的差不多了。awescnb不是一个简单的皮肤,是多套皮肤的合集,可以快速切换多套主题,我选择使用geek,我现在的博客也是geek。
修改配置非常简单,只需要修改页脚HTML代码就行了:

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    theme: {
      // 设置为geek主题
      name: 'geek',
      // 设置头像
      avatar: 'https://pic.cnblogs.com/avatar/2589072/20221128001357.png',
    },
    github: {
    enable: true,
    color: '#ffb3cc',
    // 设置github地址
    url: 'https://github.com/azoker',
    },
    // 设置个性签名
    signature: {
    enable: true,
    contents: [
    "你好 <b style='color:#ff6b81'>陌生人</b>.",
    "祝你天天开心

标签:awescnb,博客园,皮肤,geek,头像,theme,设置,代码
From: https://www.cnblogs.com/azoker/p/18077914

相关文章

  • Angular Material 17+ 高级教程 – Custom Themes (自定义主题) for Material Design
    前言AngularMaterialv17.2.0发布了MaterialDesign3Theme   上一篇 AngularMaterial17+高级教程–GetStarted下一篇TODO想查看目录,请移步 Angular17+高级教程–目录......
  • 软件卸不干净?自带软件没用?geekuninstaller软件推荐
    在这个电脑软件琳琅满目的时代,你是否遇到过以下问题:电脑上一个软件不想再用,死活卸不干净平时十分注重电脑清洁,突然借给了一个小白使用,被装了360,2345等“文明软件”系统自带的软件平时不用,不想占用空间,不知道如何卸载如果是这样的话,那么恭喜你找对了文章。GeekUninsta......
  • 什么是 @openui5/themelib_sap_fiori_3
    @openui5/themelib_sap_fiori_3是SAPUI5的一个主题库,它包含SAPFiori3的样式和设计元素。SAPFiori是SAP的用户体验(UserExperience,简称UX)设计语言,其设计准则注重简单性,可个性化,并且能在不同设备之间提供一致的用户体验。Fiori3是Fiori的最新版本,提供了更加现代化和......
  • WPF开发的小巧、美观桌面快捷工具GeekDesk开源项目--极客桌面
    今天给大家推荐一个基于WPF开发的,专门为程序员定制的桌面快捷工具。项目简介这是基于.Net+WPF开发的,一个小巧、UI美观的快捷工具。此项目发布以来就受到大家的喜欢,代码结构清晰非常适合用来学习。项目还在持续迭代中,有部分小问题,用来学习、体验完全没问题。作者一直在迭代升级......
  • 2023PKU GeekGame Web wp
    2023PKUGeekGameWebwp第三新XSS巡猎查看源码我们可以知道可以在body的部分插入代码触发xss漏洞,根据题目给出的提示可以知道需要创建一个元素指向/admin/路径,然后通过document读取目标的cookies。<iframesrc="/admin/"id="barframe"></iframe><script>setTimeout(()=>......
  • 大背刺-themebetter宣布试行付费更新制!
    2023年10月18日,收到themebetter微信公众号推送,主题和插件将要实行付费更新制!价格呢,单次更新0.1-9.9元之间,如遇大更新最高30元以内,不会超过30元。小王我是有买DUX的,我感觉被背刺了,去年买的时候有承诺免费更新的,单单这一点就不应该这样做,最起码对所有已经购买了这款主题的人,无论新......
  • Halo-Theme-Hao文档:如何设置导航栏?
    本篇文章会教你如何配置导航栏,最终效果参考如下。感谢Lanbin、小孙同学等同学的贡献(语雀参与编辑)。标题进入站点后台点击左侧面板中的主题点击上方的导航修改标题字段即可主菜单主菜单即网站导航栏中间部分的菜单进入站点后台点击左侧面板中的菜单点击主菜......
  • iPhone 15 Pro A17 Pro Geekbench 跑分曝光 性能接近 M1
    苹果刚刚发布了新一代的iPhone,其中包括iPhone15Pro和iPhone15ProMax。这两款新机型使用了全新的A17Pro晶片,这是首款使用3纳米制程技术打造的晶片。苹果先前已经确认,A17Pro的运算速度比上一代的A16Bionic快达20%。CPU比A16快10%iPhone15Pro的首批Geekbench结果也......
  • 解决Cnblogs-Theme-SimpleMemory应用后博客加载缓慢问题
    在应用Cnblogs-Theme-SimpleMemory(https://github.com/BNDong/Cnblogs-Theme-SimpleMemory)美化博客之后,发现博客访问缓慢,甚至直接无法加载。为解决问题,仔细观察安装应用源码后,在其安装使用说明网站(点击访问)中找到以下代码行:该网址指向CloudFlare所提供的CDN加速服务,拉取了d......
  • [OGeek2019]babyrop
    [OGeek2019]babyrop0x0164位程序,开启NX没有system函数和/bin/sh字符串0x02分析程序:main函数中,先读取一个随机数到fd,并作为参数传入sub_804871F函数,再将sub_804871F函数的返回值作为参数传入sub_80487D0函数里。main函数sub_804871F函数sub_80487D0函数观察程序我们可......