hexo博客之yilia主题的个性化设置 | 您所在的位置:网站首页 › hexo主页修改 › hexo博客之yilia主题的个性化设置 |
本文主要教友友们如何个性化设置Yilia主题,主要针对我这样没学过网页设计但又想美化自己的博客的小白,俗称又菜又爱玩(bushi 设置头像首先,将头像照片放进yilia/source/img目录下,改一个自己喜欢的名字,然后去yilia目录下的_config.yml文件中对应处设置如下: #你的头像url avatar: /img/头像.png这个头像.png就是你照片的名字 所有文章初次点击所有文章时会出现模块缺失,在博客根目录下执行命令: npm i hexo-generator-json-content --save在根目录下的_config.yml文件中添加代码 jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true 在左侧栏添加时钟:在yilia/layout/_partial目录下的left-col.ejs文件中添加代码 {{ date }} {{ time }} var clock = new Vue({ el: '#clock', data: { time: '', date: '' } }); var week = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; var timerID = setInterval(updateTime, 1000); updateTime(); function updateTime() { var cd = new Date(); clock.time = zeroPadding(cd.getHours(), 2) + ':' + zeroPadding(cd.getMinutes(), 2) + ':' + zeroPadding(cd.getSeconds(), 2); clock.date = zeroPadding(cd.getFullYear(), 4) + '-' + zeroPadding(cd.getMonth() + 1, 2) + '-' + zeroPadding(cd.getDate(), 2) + week[cd.getDay()]; }; function zeroPadding(num, digit) { var zero = ''; for (var i = 0; i class_name: 'article-title_code_ant'}) %> class_name: 'archive-article-date', date_format: null}) %>添加 var grt= new Date("07/03/2019 08:00:00");//此处修改你的建站时间或者网站上线时间 now.setTime(now.getTime()+250); days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours); if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;} seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;} document.getElementById("timeDate").innerHTML = "本站已安全运行 "+dnum+" 天 "; document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒"; } setInterval("createtime()",250);我目前搞得就这么多,能看就行了,还要什么自行车o(︶︿︶)o(附一张老大哥说的话 参考博客:Buzhibujue |
CopyRight 2018-2019 实验室设备网 版权所有 |