首页 > 其他分享 >博客园美化系列第五弹

博客园美化系列第五弹

时间:2024-08-28 17:29:22浏览次数:7  
标签:enable title 博客园 value width 第五 document true 美化

<!-- 鼠标星星 -->
<script type="text/javascript">
    if (screen && screen.width > 860) {
        document.write('<script type="text/javascript" src="https://blog-static.cnblogs.com/files/vivin-echo/cursor-effects.js"><\/script>');
    }
</script>
<!-- 鼠标粒子吸附 -->
<script id="c_n_script" src="https://blog-static.cnblogs.com/files/hxun/canvas-nest.js" 
    color="0,0,0"//颜色
    opacity="1"
    count="500"//数量
    zindex="-1">
</script>
<!-- 浏览器标题切换-->
<div style = "display:none;" > </div>
<script> 
var OriginTitile = document.title;    // 保存之前页面标题
var titleTime; 
document.addEventListener('visibilitychange', function(){
    if (document.hidden){
        document.title ='你不要我了么?qwq';  // 切出文字
        clearTimeout(titleTime);
    }else{  
        document.title = '欢迎回来~';  // 切入文字
        titleTime = setTimeout(function() {document.title = OriginTitile;}, 1000); // 2秒后恢复原标题
    }
});
</script>

<!-- 浏览器标题图片 -->
<script type="text/javascript" language="javascript">
  var linkObject = document.createElement('link');
  linkObject.rel = "shortcut icon";
  linkObject.href = "https://files.cnblogs.com/files/ECJTUACM-873284962/favicon.ico"; // 好像不可更改呀,如果能告诉我一声。
  document.getElementsByTagName("head")[0].appendChild(linkObject);
</script>
<!-- 鼠标特效烟花 -->
 <script src="https://blog-static.cnblogs.com/files/yjlblog/cursor-effects.js"></script>
 <canvas width="1366" height="662" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
<!-- 樱花特效 -->
<script type="text/javascript">
    for(var i=1; i<=10; i++){$.getScript("https://files.cnblogs.com/files/blogs/710456/yinghua.js?t=1647783220");}
	// 更改樱花数量
</script>

主要配置

<!-- 小鱼-->
<div id="jsi-flying-fish-container" class="container" style="background-color:#F5f5f5"// 小鱼颜色></div> 
<script src='https://blog-static.cnblogs.com/files/yiyuzi/myfish.js'></script>
<style>
  @media only screen and (max-width: 767px){
  #sidebar_search_box input[type=text]{width:calc(100%-24px);   }}
  #jsi-flying-fish-container{
    opacity: 0.1;//小鱼透明度
    position:fixed;
    width: 100%; // 小鱼占长多少。
    height: 10%; // 小鱼占宽多少。
	bottom: 0;
  }
</style>
<!-- 主题配置根据https://www.yuque.com/awescnb/user/rycpvv更改 --> 
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
    const opts = {
    // 基本配置
    theme: {
        name: 'geek',
        color: '#87CEFA',
        avatar: 'https://pic.cnblogs.com/avatar/3230110/20230627230530.png', 
        headerBackground: 'http://www.98qy.com/sjbz/api.php',
    },
    // 文章目录
    catalog: {enable: true,},
    // 博文签名
    postSignature: {
        enable: false,
        enableLicense: false,
    },
    // 右下角按钮组
    tools: {
        enable: true,
        initialOpen: true,
    },
    // live2d模型
    live2d: {
        enable: true,
        page: 'all',
        agent: 'pc',
        model: 'haru-02',
        width: 250,
        height: 630,
        position: 'left',
        gap: '0px',
    },
    // 暗色模式
    darkMode: {enable: true,},
    github: {enable: false,},
    // 个性签名
    signature: {
        enable: true,
        contents: [
            "<b style='color:#87CEFA'>Welcome to Liukejie's blog

标签:enable,title,博客园,value,width,第五,document,true,美化
From: https://www.cnblogs.com/LKJZYD20/p/18385163

相关文章

  • 博客园美化系列总结
    页面定制css代码//鼠标指针body{cursor:url('https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico'),auto;background-color:whitesmoke;//修改背景颜色为半透明}//loading@keyframesspin3D{from{transform:rotate3d(0.5,0.5,0.5,360deg)}to{transfo......
  • 博客园美化系列第一弹
    博客园美化系列第一弹首先要确保你已经申请开通博客「理由随便写,积极向上即可」,且已通过审核。然后进入【设置】,申请js权限。申请理由举例「从网上找的,当时直接复制上就通过了」:尊敬的博客园管理员:您好,我想通过js定制化我的博客,麻烦通过下我的申请。谢谢!通过审核后,......
  • 【IEEE出版 | 往届会后三个月检索】第五届大数据、人工智能与软件工程国际研讨会(ICBAS
    第五届大数据、人工智能与软件工程国际研讨会(ICBASE2024)将于2024年09月20-22日在中国温州隆重举行。会议主要围绕大数据、人工智能与软件工程等研究领域展开讨论。会议旨在为从事大数据、人工智能与软件工程研究的专家学者、工程技术人员、技术研发人员提供一个共享科研......
  • 第五章习题3-输入两个正整数m和n,求其最大公约数和最小公倍数
     ......
  • 第五章 表记录的查询
    1、单表记录查询(查询字段名、表达式、函数、常量)(1)查询所有的列select对列进行查询时,‘*’表示表中所有的列(2)查询指定的列from后面跟表名,表示指定该表中的列(3)查询计算的值NOW()函数返回当前日期和时间值,YEAR()函数返回指定日期对应的年份 前面的等号是表示判断等号两......
  • Datawhale AI 夏令营 第五期 CV方向 01
    yolo方案baselinestep1:赛事报名Datawhale(linklearner.com)飞书文档step2:跑通baseline首先在服务器下载代码aptinstallgit-lfsgitlfsinstallgitclonehttps://www.modelscope.cn/datasets/Datawhale/AI_Camp5_baseline_CV.git学习下baseline的代码#读取训......
  • 《数据资产管理核心技术与应用》读书笔记-第五章:数据服务(二)
    《数据资产管理核心技术与应用》是清华大学出版社出版的一本图书,全书共分10章,第1章主要让读者认识数据资产,了解数据资产相关的基础概念,以及数据资产的发展情况。第2~8章主要介绍大数据时代数据资产管理所涉及的核心技术,内容包括元数据的采集与存储、数据血缘、数据质量、数据监控与......
  • 25版王道数据结构课后习题详细分析 第五章 树与二叉树 5.3 二叉树的遍历和线索二叉树
    一、单项选择题————————————————————————————————————————解析:二叉树中序遍历的最后一个结点一定是从根开始沿右子女指针链走到底的结点,设用p指示。若结点p不是叶结点(其左子树非空),则前序遍历的最后一个结点在它的左子树中,A、B......
  • Ubuntu美化为类Windows风格
    博主的系统为Ubuntu22.04参考文献:HowtoMakeUbuntuLookLikeWindows11|22.04GNOME43/42|LinuxAFTech可能遇到的bug的解决方法:如何在Linux中安装和更改GNOME主题先来一下视频演示:先欠着。下面正式开始安装。在主文件夹下打开终端sudoaptinstal......
  • 第五章 循环结构程序设计
     例子求1+...+100#include<stdio.h>intmain(){ intsum=0; inti=1; for(i=1;i<=100;i++){ sum+=i; } printf("%d\n",sum); return0;}#include<stdio.h>intmain(){ intsum=0; inti=1; do{ sum+=i; i++; }while(i<=10......