请注意,本文编写于 572 天前,最后修改于 281 天前,其中某些信息可能已经过时。
在Gridea主题中添加一个自定义的样式
birthday.ejs
在gridea的主题目录的include(includes)文件夹中新建birthday.ejs
<% if (site.customConfig['BirthDay']) { %>
<!--感谢陪伴运行代码-->
感谢陪伴:<span id="website_running_time" style="color: #00BFFF;"><font style="color:#FFF">7</font> 天 <font style="color:#FFF">4</font> 时 <font style="color:#FFF">10</font> 分 <font style="color:#FFF">29</font> 秒</span>
<script language="javascript">
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("<%= site.customConfig['BirthDay'] %>");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
website_running_time.innerHTML='<font style=color:#FFF>'+daysold+'</font> 天 <font style=color:#FFF>'+hrsold+'</font> 时 <font style=color:#FFF>'+minsold+'</font> 分 <font style=color:#FFF>'+seconds+'</font> 秒';}
show_date_time();
</script>
<% } %>
config.json
在主题config.json中添加一段配置 当然 你也可以把“感谢陪伴”改为任意的话
{
"name": "BirthDay",
"label": "建站日期 | 用于显示 感谢陪伴 XX 天 XX 时 XX 分",
"group": "个性化",
"value": "",
"type": "input",
"note": "9/17/2019 20:00:00"
}
footer.ejs
在include目录中的footer.ejs添加下面一段(建议在<%-themeConfig.footerInfo%>上方加入)
<%- include('./birthday') %>
如图:
应用
重启gridea客户端,在主题--自定义配置--个性化 中填写你的网站生日
<script>