设置主题

更新时间:2023-02-28 07:34:07 阅读: 评论:0

老花镜怎么选-哪里旅游好玩

设置主题
2023年2月28日发(作者:密码更改)

博客园如何设置⾃⼰的主题

看到别⼈的博客园的主题弄的⾮常好看,羡慕不已,然后瞎鸡⼉搞了⼏天。

思路:融合了多个楼主的分享,主要修改js中的⼀些链接,修改成⾃⼰的就ok了。框架什么的都没有修改。

话不多说直接粘贴代码:

页⾯定制css代码

博客侧边栏公告(⽀持HTML代码)(⽀持js代码)

  • ⾸页
  • 联系
  • 管理
  • GitHub
  • CSDN
  • 最新随笔

    我的标签

    随笔分类

    随笔档案

    阅读排⾏

    推荐排⾏

    CloMenu

    MENU

    ScrollDown

    /*!

    *UPDATESANDDOCSAT:/BNDong

    */bndong/

    *@author:BNDong,dbnuo@

    **/

    /**

    *博客全局配置,请仔细配置!!

    */

    sConfig={

    //----GitHub⽂件源配置----

    GhUrName:'BNDong',//GitHub⽤户名(不是昵称),注意⼤⼩写

    GhRepositories:'Cnblogs-Theme-SimpleMemory',//GitHub主题仓库名称

    GhVersions:'1bdd29aa067dd0fa8865ab6e64e6cd4d928448ac',//GitHub提交版本哈希值,根据版本加载代码,我有时候会提交代码进⾏调试,⼤家最好加载

    //----基础信息配置----

    blogUr:"IIYMGF",//博主名称,⽂章后缀和主页图⽚上都会使⽤此名称

    blogAvatar:"/files/IIYMGF/",//⽤户头像URL

    blogStartDate:"2019-03-27",//⼊园时间,年-⽉-⽇,⼊园时间查看⽅法:⿏标停留园龄时间上,会显⽰⼊园时间

    //----⽹站配置----

    webpageTitleOnblur:"Hi,IIYMGF",//当前页失去焦点,页⾯title显⽰⽂字

    webpageTitleOnblurTimeOut:500,//当前页失去焦点,页⾯title变化,延时时间,单位毫秒

    webpageTitleFocus:"欢迎回来!",//当前页获取焦点,页⾯title显⽰⽂字,显⽰后延时恢复原title

    webpageTitleFocusTimeOut:1000,//当前页获取焦点,页⾯title变化,延时时间,单位毫秒

    webpageIcon:"/files/IIYMGF/",//⽹站图标

    //----进度条配置----

    progressBar:{

    id:'top-progress-bar',

    color:'#77b6ff',

    height:'2px',

    height:'2px',

    duration:0.2

    },

    //----Loading配置----

    loading:{

    rebound:{

    tension:16,

    friction:5

    },

    spinner:{

    id:'spinner',

    radius:90,

    sides:3,

    depth:4,

    colors:{

    background:'#f0f0f0',

    stroke:'#272633',

    ba:null,

    child:'#272633'

    },

    alwaysForward:true,//Whenfalthespringwillrevernormally.

    restAt:0.5,//Anumberfrom0.1to0.9||nullforfullrotation

    renderBa:fal

    }

    },

    //----页⾯动效配置----

    homeTopAnimationRendered:true,//true||fal,是否渲染主页头图动效

    homeTopAnimation:{//主页头图动效设置

    radius:15,

    density:0.2,

    color:'rgba(255,255,255,.2)',//颜⾊设置,“random”为随机颜⾊

    clearOfft:0.3

    },

    essayTopAnimationRendered:true,//true||fal,是否渲染随笔页头图动效

    essayTopAnimation:{//随笔页头图动效设置

    triW:14,

    triH:20,

    neighbours:["side","top","bottom"],

    speedTrailAppear:.1,

    speedTrailDisappear:.1,

    speedTriOpen:1,

    trailMaxLength:30,

    trailIntervalCreation:100,

    delayBeforeDisappear:2,

    colors:[

    '#96EDA6','#5BC6A9',

    '#38668C','#374D84',

    '#BED5CB','#62ADC6',

    '#8EE5DE','#304E7B'

    ]

    },

    bgAnimationRendered:true,//true||fal,是否渲染背景动效

    backgroundAnimation:{//背景动效设置

    colorSaturation:"60%",

    colorBrightness:"50%",

    colorAlpha:0.5,

    colorCycleSpeed:5,

    verticalPosition:"random",

    horizontalSpeed:200,

    ribbonCount:3,

    strokeSize:0,

    strokeSize:0,

    parallaxAmount:-0.2,

    animateSections:true

    },

    //----主页配置----

    homeTopImg:[//主页图⽚Url,推荐尺⼨>=1920*1080,⽀持多张,每次刷新随机设置⼀张

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    ],

    homeBannerText:"",//主页头图上的标语,设置此选项会固定显⽰⽂字,默认为空,⾃动获取⼀句。

    //----随笔页配置----

    essayTopImg:[//随笔页图⽚Url,⽀持多张,每次刷新随机设置⼀张

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    "/files/IIYMGF/",

    ],

    essayCodeHighlightingType:'cnblogs',//代码主题插件类型:cnblogs||highlightjs||prettify

    essayCodeHighlighting:'cnblogs',//代码⾼亮主题,具体主题参考⽂档

    essaySuffix:{//随笔后缀处配置

    aboutHtml:'',//关于博主,不配置使⽤默认

    copyrightHtml:'',//版权声明,不配置使⽤默认

    supportHtml:''//声援博主,不配置使⽤默认

    },

    //----页脚配置----

    bottomBlogroll:[//友情链接,[[链接名,链接]....]

    ["申请坑位",'/nd/IIYMGF'],

    ],

    bottomText:{//页脚标语

    icon:"❤

    本文发布于:2023-02-28 07:34:07,感谢您对本站的认可!

    本文链接:https://www.wtabcd.cn/fanwen/zuowen/167754084777969.html

    版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

    本文word下载地址:设置主题.doc

    本文 PDF 下载地址:设置主题.pdf

    上一篇:生产管理系统流程
    下一篇:返回列表
    标签:设置主题
    相关文章
    留言与评论(共有 0 条评论)
       
    验证码:
    推荐文章
    排行榜
    热门标签
    Copyright ©2019-2022 Comsenz Inc.Powered by © 站长QQ:55-9-10-26 专利检索|