300字范文 > 博客园皮肤Cnblogs-Theme-SimpleMemory

博客园皮肤Cnblogs-Theme-SimpleMemory

时间：2022-09-17 21:52:25

1.先上图看效果

部署文档地址：/wangyang0210/Cnblogs-Theme-BNDong

原作者github地址：/BNDong/Cnblogs-Theme-SimpleMemory.git

页面定制CSS代码 ---> /css/base.min.css(禁用模板默认CSS)

博客侧边栏公告 ---> /html/sidebar.html(需要开启JS权限)

<div class="container"><div class="menu-wrap optiscroll" id="menuWrap" style="display:none"><nav class="menu"><div class="introduce-box"><div class="introduce-head"><div class="introduce-via" id="menuBlogAvatar"></div></div><div id="introduce"></div></div><div class="nav-title"></div><div class="icon-list"><ul><li><a href="/reasonzzy/" target="_self">首页</a></li><li><a href="/send/reasonzzy" target="_blank">联系</a></li><li><a href="/reasonzzy/rss" target="_blank">订阅</a></li><li><a href="/" target="_blank">管理</a></li><li><a href="/EditPosts.aspx?opt=1" target="_blank">添加随笔</a></li><li><a href="/Reason0701" target="_blank">GitHub</a></li><li><a href="/" target="_blank">CNBlogs</a></li></ul></div><div class="m-list-title" style="display: block;"><span>访客来源</span></div><a href='/site/1ahcn' title='Visit tracker'><img src='///map_v2.png?cl=ffffff&w=268&t=t&d=ymyD9S6Gxrh7BknYYgxQi8uzm-aKKsJUuRZX0vBVlZQ&co=000000' /></a><div class="m-list-title"><span>最新随笔</span></div><div class="m-icon-list" id="sb-sidebarRecentposts"></div><div class="m-list-title"><span>我的标签</span></div><div class="m-icon-list" id="sb-toptags"></div><div class="m-list-title"><span>随笔分类</span></div><div class="m-icon-list" id="sb-classify"></div><div class="m-list-title"><span>随笔档案</span></div><div class="m-icon-list" id="sb-record"></div><div class="m-list-title"><span>阅读排行</span></div><div class="m-icon-list" id="sb-topview"></div><div class="m-list-title"><span>推荐排行</span></div><div class="m-icon-list" id="sb-topDiggPosts"></div><span id="menuCustomList"></span></nav><button class="close-button" id="close-button">Close Menu</button><div class="morph-shape" id="morph-shape" data-morph-open="M-7.312,0H15c0,0,66,113.339,66,399.5C81,664.006,15,800,15,800H-7.312V0z;M-7.312,0H100c0,0,0,113.839,0,400c0,264.506,0,400,0,400H-7.312V0z"><svg xmlns="/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none"><path d="M-7.312,0H0c0,0,0,113.839,0,400c0,264.506,0,400,0,400h-7.312V0z"/></svg></div></div><button class="menu-button" id="open-button">MENU</button><div class="content-wrap" id="content-wrap"></div></div><div class="main-header"><canvas id="notHomeTopCanvas" style=" position: absolute;margin: auto;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;"></canvas><div class="vertical"><div class="main-header-content inner"><link href="/css?family=Playball" rel="stylesheet"><h1 class="page-title" style="font-family: 'Playball', cursive;" id="homeTopTitle"></h1><h2 class="page-description" id="hitokoto"></h2><h3 class="page-author" id="hitokotoAuthor"></h3></div></div><a class="scroll-down" href="javascript:void(0);" data-offset="-45"><span class="hidden">Scroll Down</span><i class="scroll-down-icon iconfont icon-fanhui"></i></a></div><script type="text/javascript">//博客全局配置blogsConfig = {// ---- GitHub文件源配置 ----GhUserName: 'wangyang0210', // GitHub用户名(不是昵称)，注意大小写GhRepositories: 'Cnblogs-Theme-BNDong', // GitHub主题仓库名称GhVersions : '7230170d646de3ac13f94af7a4f27a51d1d246cb', // GitHub发布版本或提交哈希值，根据版本加载代码，我有时候会提交代码进行调试，大家最好加载我仓库代码此处的版本 /BNDong/Cnblogs-Theme-SimpleMemory/commits/master// ---- 基础信息配置 ----customblogUser: "。思索", // 博主名称，文章后缀和主页图片上都会使用此名称blogAvatar : "https://blog-/files/reasonzzy/qiyuan_avatar.gif", // 用户头像URLblogStartDate : "-5-2", // 入园时间，年-月-日，入园时间查看方法：鼠标停留园龄时间上，会显示入园时间// ---- 菜单配置 ----menuCustomList: { // 自定义菜单数据，显示在正常数据下方"title1": { // 标题"data": [ // 列表数据 ['列表', '链接']['我的博客1', '/reasonzzy'],['我的博客2', '/reasonzzy'],['我的博客3', '/reasonzzy'],['我的博客4', '/reasonzzy'],['我的博客5', '/reasonzzy'],],"icon": "icon-brush_fill" // 配置图标，参考文档：本博客字体图标库及其更换方法 },"title2": { // 标题"data": [ // 列表数据 ['列表', '链接']['我的博客6', '/reasonzzy'],['我的博客7', '/reasonzzy'],['我的博客8', '/reasonzzy'],['我的博客9', '/reasonzzy'],['我的博客10', '/reasonzzy'],],"icon": "icon-brush_fill" // 配置图标，参考文档：本博客字体图标库及其更换方法 },},// ---- 网站配置 ----webpageTitleOnblur : "(◍´꒳`◍) Hi, MyFriend", // 当前页失去焦点，页面title显示文字webpageTitleOnblurTimeOut : 500, // 当前页失去焦点，页面title变化，延时时间，单位毫秒webpageTitleFocus : "(*´∇｀*) 欢迎回来！", // 当前页获取焦点，页面title显示文字，显示后延时恢复原titlewebpageTitleFocusTimeOut : 1000, // 当前页获取焦点，页面title变化，延时时间，单位毫秒webpageIcon : "https://blog-/files/reasonzzy/logo.gif", // 网站图标// ---- 进度条配置 ---- progressBar: {id: 'top-progress-bar',color : '#77b6ff',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',base: null,child: '#272633'},alwaysForward: true, // When false the spring will reverse normally.restAt: 0.5, // A number from 0.1 to 0.9 || null for full rotationrenderBase: false}},// ---- 页面动效配置 ----homeTopAnimationRendered: true, // true || false ,是否渲染主页头图动效homeTopAnimation: { // 主页头图动效设置radius: 15,density: 0.2,color: 'rgba(255,255,255, .2)', // 颜色设置，“random” 为随机颜色clearOffset: 0.3},essayTopAnimationRendered: true, // true || false ,是否渲染随笔页头图动效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 || false ,是否渲染背景动效backgroundAnimation : { // 背景动效设置colorSaturation: "60%",colorBrightness: "50%",colorAlpha: 0.5,colorCycleSpeed: 5,verticalPosition: "random",horizontalSpeed: 200,ribbonCount: 3,strokeSize: 0,parallaxAmount: -0.2,animateSections: true},// ---- 主页配置 ----homeTopImg : [ // 主页图片Url，推荐尺寸>= 1920*1080，支持多张，每次刷新随机设置一张"http://cache.wangyangyang.vip/hello.jpg","/wallpapers/full/wallhaven-165678.jpg","http://cache.wangyangyang.vip/wallhaven-694674.jpg"],homeBannerText: "", // 主页头图上的标语，设置此选项会固定显示文字，默认为空，自动获取一句。// ---- 随笔页配置 ----essayTopImg: [ // 随笔页图片Url，支持多张，每次刷新随机设置一张"/wallpapers/full/wallhaven-569548.png","/wallpapers/full/wallhaven-651235.png"],essayCodeHighlightingType: 'cnblogs', // 代码主题插件类型：cnblogs || highlightjs || prettifyessayCodeHighlighting: 'cnblogs', // 代码高亮主题，具体主题参考文档essaySuffix:{ // 随笔后缀处配置aboutHtml : '', // 关于博主，不配置使用默认copyrightHtml: '', // 版权声明，不配置使用默认supportHtml : '' // 声援博主，不配置使用默认 },// ---- 页脚配置 ----bottomBlogroll: [ // 友情链接，[[链接名,链接]....]["程序人生", '/'],["申请坑位", '/send/reasonzzy'],["申请坑位", '/send/reasonzzy'],["申请坑位", '/send/reasonzzy'],["申请坑位", '/send/reasonzzy'],],bottomText: { // 页脚标语icon: "❤️",left: "学无止境",right: "谦卑而行"},// ---- 控制台输出 ---- consoleList: [['wangyang0210 CNBlogs', '/reasonzzy'],['wangyang0210 GitHub', '/Reason0701'],['wangyang0210 Email', '1434557977@']],};// start cache$.ajaxSetup({cache: true});// load loadingJs$.getScript(getJsDelivrUrl('loading.js'), function () {// Loading start pageLoading.initRebound();pageLoading.initSpinner();pageLoading.spinner.init(pageLoading.spring, true);$.getScript(getJsDelivrUrl('jquery.mCustomScrollbar.min.js'), function () {$.getScript(getJsDelivrUrl('require.min.js'), function () {$.getScript(getJsDelivrUrl('config.js'), function () {var staticResource = ['optiscroll', 'ToProgress', 'rotate','snapSvg', 'classie', 'main4', 'tools'];require(staticResource, function() {require(['base'], function() {(new Base).init();});});});});});});// get file url function getJsDelivrUrl(file, directory) {file = setFileNameMin(file, directory);return '/gh/'+(blogsConfig.GhUserName)+'/'+(blogsConfig.GhRepositories)+'@'+(blogsConfig.GhVersions)+'/' + (file ? file : '');}// optimization file name function setFileNameMin(file, directory) {if (typeof file == 'undefined') return '';var suffix = null,fileArr = file.split('.');if (fileArr.length > 0 && $.inArray(fileArr[(fileArr.length -1)], ['js', 'css']) != -1){suffix = fileArr.pop(); directory = suffix;}file.search('.min') == -1 && fileArr.push('min');suffix != null && fileArr.push(suffix);return (typeof directory !== 'undefined' ? (directory + '/' + fileArr.join('.')) : (fileArr.join('.')));}</script>

View Code

页首Html代码 ---> /html/pageHeading.html

<div id='loading'></div>

页脚Html代码 ---> /html/pageFooter.html

<div id="bottomProgressBar"></div><link rel="stylesheet" href="/npm/aplayer@1.10.0/dist/APlayer.min.css"><script src="/npm/aplayer@1.10.0/dist/APlayer.min.js"></script><div id="aplayer" class="aplayer" data-id="316722029" data-lrctype="0" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true"></div><script src="/meting@1.2/dist/Meting.min.js"></script><div id="rightMenu"></div>

主要修改的是js代码中你的首页跟github地址，改成你自己的。

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。