hexo博客之yilia主题的个性化设置 您所在的位置:网站首页 hexo主页修改 hexo博客之yilia主题的个性化设置

hexo博客之yilia主题的个性化设置

2023-08-27 11:23| 来源: 网络整理| 查看: 265

本文主要教友友们如何个性化设置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 实验室设备网 版权所有