博客园如何设置⾃⼰的主题
看到别⼈的博客园的主题弄的⾮常好看,羡慕不已,然后瞎鸡⼉搞了⼏天。
思路:融合了多个楼主的分享,主要修改js中的⼀些链接,修改成⾃⼰的就ok了。框架什么的都没有修改。
话不多说直接粘贴代码:
页⾯定制css代码
博客侧边栏公告(⽀持HTML代码)(⽀持js代码)
/*!
*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 条评论) |