在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客户端,在主题--自定义配置--个性化 中填写你的网站生日

最终效果

Last modification:July 12th, 2020 at 01:16 am