更新

assets/css/joe.global.scss

@@ -487,7 +487,7 @@
 				display: flex;
 				align-items: center;
 				color: var(--routine);
-				line-height: 28px;
+				padding: 5px 0;
 				.icon {
 					width: 15px;
 					height: 15px;
@@ -495,6 +495,7 @@
 					margin-right: 5px;
 				}
 				strong {
+					font-weight: 500;
 					color: var(--theme);
 				}
 			}
@@ -2181,6 +2182,9 @@
 		align-items: center;
 		justify-content: space-between;
 		min-height: 65px;
+		.run {
+			margin: 0 auto 0 10px;
+		}
 		a {
 			color: var(--minor);
 			transition: all 0.35s;
@@ -2602,6 +2606,16 @@
 	}
 }
 
+.joe_run {
+	&__day,
+	&__hour,
+	&__minute,
+	&__second {
+		font-weight: 500;
+		color: var(--theme);
+	}
+}
+
 .profile-color-modes-illu-frame {
 	opacity: 0;
 }

assets/css/joe.responsive.scss

@@ -400,6 +400,18 @@ html {
 				}
 			}
 		}
+		.joe_footer .joe_container {
+			flex-direction: column;
+			justify-content: center;
+			padding-top: 10px;
+			padding-bottom: 10px;
+			> .item {
+				padding: 5px 0;
+				.run {
+					margin: 0;
+				}
+			}
+		}
 	}
 }
 

assets/js/joe.global.js

@@ -406,4 +406,33 @@ document.addEventListener('DOMContentLoaded', () => {
 			$(this).toggleClass('in').siblings('.panel-body').stop().toggle('fast')
 		})
 	}
+
+	/* 初始化网站运行时间 */
+	{
+		const getRunTime = () => {
+			const birthDay = new Date('2021/1/1 00:00:00')
+			const today = +new Date()
+			const timePast = today - birthDay.getTime()
+			let day = timePast / (1000 * 24 * 60 * 60)
+			let dayPast = Math.floor(day)
+			let hour = (day - dayPast) * 24
+			let hourPast = Math.floor(hour)
+			let minute = (hour - hourPast) * 60
+			let minutePast = Math.floor(minute)
+			let second = (minute - minutePast) * 60
+			let secondPast = Math.floor(second)
+			day = String(dayPast).padStart(2, 0)
+			hour = String(hourPast).padStart(2, 0)
+			minute = String(minutePast).padStart(2, 0)
+			second = String(secondPast).padStart(2, 0)
+			$('.joe_run__day').html(day)
+			$('.joe_run__hour').html(hour)
+			$('.joe_run__minute').html(minute)
+			$('.joe_run__second').html(second)
+		}
+		if (Joe.BIRTHDAY) {
+			getRunTime()
+			setInterval(getRunTime, 1000)
+		}
+	}
 })

core/function.php

@@ -3,7 +3,7 @@
 /* 获取主题当前版本号 */
 function _getVersion()
 {
-    return "5.0.4";
+    return "5.0.5";
 };
 
 /* 判断是否是手机 */

functions.php

@@ -288,6 +288,18 @@ function themeConfig($form)
     $JCustomScript->setAttribute('class', 'joe_content joe_global');
     $form->addInput($JCustomScript);
 
+    $JBirthDay = new Typecho_Widget_Helper_Form_Element_Text(
+        'JBirthDay',
+        NULL,
+        NULL,
+        '网站成立日期（非必填）',
+        '介绍：用于显示当前站点已经运行了多少时间。<br>
+         注意：填写时务必保证填写正确！例如：2021/1/1 00:00:00 <br>
+         其他：不填写则不显示 '
+    );
+    $JBirthDay->setAttribute('class', 'joe_content joe_global');
+    $form->addInput($JBirthDay);
+
     $JAside = new Typecho_Widget_Helper_Form_Element_Checkbox(
         'JAside',
         array(

public/footer.php

@@ -1,9 +1,14 @@
 <footer class="joe_footer">
     <div class="joe_container">
-        <div>
+        <div class="item">
             <?php $this->options->JFooter_Left() ?>
         </div>
-        <div>
+        <?php if ($this->options->JBirthDay) : ?>
+            <div class="item run">
+                <span>已运行 <strong class="joe_run__day">00</strong> 天 <strong class="joe_run__hour">00</strong> 时 <strong class="joe_run__minute">00</strong> 分 <strong class="joe_run__second">00</strong> 秒</span>
+            </div>
+        <?php endif; ?>
+        <div class="item">
             <?php $this->options->JFooter_Right() ?>
         </div>
     </div>

public/include.php

@@ -10,6 +10,7 @@
         BAIDU_PUSH: <?php echo $this->options->JBaiduToken ? 'true' : 'false' ?>,
         DOCUMENT_TITLE: '<?php $this->options->JDocumentTitle() ?>',
         LAZY_LOAD: '<?php _getLazyload() ?>',
+        BIRTHDAY: '<?php $this->options->JBirthDay() ?>',
         encryption: str => window.btoa(unescape(encodeURIComponent(str))),
         decrypt: str => decodeURIComponent(escape(window.atob(str))),
         changeURLArg: (url, arg, arg_val) => {