11<!-- Footer -->
22< footer class ="md-footer ">
3-
43 <!-- Link to previous and/or next page -->
5- {% if "navigation.footer" in features %}
6- {% if page.previous_page or page.next_page %}
7- {% if page.meta and page.meta.hide %}
8- {% set hidden = "hidden" if "footer" in page.meta.hide %}
9- {% endif %}
10- < nav
11- class ="md-footer__inner md-grid "
12- aria-label ="{{ lang.t('footer') }} "
13- {{ hidden }}
14- >
15-
16- <!-- Link to previous page -->
17- {% if page.previous_page %}
18- {% set direction = lang.t("footer.previous") %}
19- < a
20- href ="{{ page.previous_page.url | url }} "
21- class ="md-footer__link md-footer__link--prev "
22- aria-label ="{{ direction }}: {{ page.previous_page.title | e }} "
23- >
24- < div class ="md-footer__button md-icon ">
25- {% set icon = config.theme.icon.previous or "material/arrow-left" %}
26- {% include ".icons/" ~ icon ~ ".svg" %}
27- </ div >
28- < div class ="md-footer__title ">
29- < span class ="md-footer__direction ">
30- {{ direction }}
31- </ span >
32- < div class ="md-ellipsis ">
33- {{ page.previous_page.title }}
34- </ div >
35- </ div >
36-
37- </ a >
38- {% endif %}
4+ {% if "navigation.footer" in features %} {% if page.previous_page or
5+ page.next_page %} {% if page.meta and page.meta.hide %} {% set hidden =
6+ "hidden" if "footer" in page.meta.hide %} {% endif %}
7+ < nav
8+ class ="md-footer__inner md-grid "
9+ aria-label ="{{ lang.t('footer') }} "
10+ {{
11+ hidden
12+ }}
13+ >
14+ <!-- Link to previous page -->
15+ {% if page.previous_page %} {% set direction = lang.t("footer.previous") %}
16+ < a
17+ href ="{{ page.previous_page.url | url }} "
18+ class ="md-footer__link md-footer__link--prev "
19+ aria-label ="{{ direction }}: {{ page.previous_page.title | e }} "
20+ >
21+ < div class ="md-footer__button md-icon ">
22+ {% set icon = config.theme.icon.previous or "material/arrow-left" %} {%
23+ include ".icons/" ~ icon ~ ".svg" %}
24+ </ div >
25+ < div class ="md-footer__title ">
26+ < span class ="md-footer__direction "> {{ direction }} </ span >
27+ < div class ="md-ellipsis "> {{ page.previous_page.title }}</ div >
28+ </ div >
29+ </ a >
30+ {% endif %}
3931
40- <!-- Link to next page -->
41- {% if page.next_page %}
42- {% set direction = lang.t("footer.next") %}
43- < a
44- href ="{{ page.next_page.url | url }} "
45- class ="md-footer__link md-footer__link--next "
46- aria-label ="{{ direction }}: {{ page.next_page.title | e }} "
47- >
48- < div class ="md-footer__title ">
49- < span class ="md-footer__direction ">
50- {{ direction }}
51- </ span >
52- < div class ="md-ellipsis ">
53- {{ page.next_page.title }}
54- </ div >
55- </ div >
56- < div class ="md-footer__button md-icon ">
57- {% set icon = config.theme.icon.next or "material/arrow-right" %}
58- {% include ".icons/" ~ icon ~ ".svg" %}
59- </ div >
60- </ a >
61- {% endif %}
62- </ nav >
32+ <!-- Link to next page -->
33+ {% if page.next_page %} {% set direction = lang.t("footer.next") %}
34+ < a
35+ href ="{{ page.next_page.url | url }} "
36+ class ="md-footer__link md-footer__link--next "
37+ aria-label ="{{ direction }}: {{ page.next_page.title | e }} "
38+ >
39+ < div class ="md-footer__title ">
40+ < span class ="md-footer__direction "> {{ direction }} </ span >
41+ < div class ="md-ellipsis "> {{ page.next_page.title }}</ div >
42+ </ div >
43+ < div class ="md-footer__button md-icon ">
44+ {% set icon = config.theme.icon.next or "material/arrow-right" %} {%
45+ include ".icons/" ~ icon ~ ".svg" %}
46+ </ div >
47+ </ a >
6348 {% endif %}
64- {% endif %}
49+ </ nav >
50+ {% endif %} {% endif %}
6551
6652 <!-- Further information -->
6753 < div class ="md-footer-meta md-typeset ">
6854 < div class ="md-footer-meta__inner md-grid ">
6955 {% include "partials/copyright.html" %}
7056 < div class ="footer-visit-count ">
71- < span > 本站访问量:</ span >
72- < script async src ="//finicounter.eu.org/finicounter.js "> </ script >
73- < span id ="finicount_views "> </ span >
74- |
75- < a href ="https://icp.gov.moe/?keyword=20230640 " target ="_blank " class ="icp-link "> 萌ICP备20230640号</ a >
76- |
77- < div class ="runtime-info ">
78- < p style ="text-align: center; ">
79- < span > 本站已经运行</ span >
80- < span id ='box1 '> </ span >
81- </ p >
82- </ div >
57+ < span > 本站访问量:</ span >
58+ < script async src ="//finicounter.eu.org/finicounter.js "> </ script >
59+ < span id ="finicount_views "> </ span >
60+ |
61+ < a
62+ href ="https://icp.gov.moe/?keyword=20230640 "
63+ target ="_blank "
64+ rel ="noopener noreferrer "
65+ class ="icp-link "
66+ > 萌ICP备20230640号</ a
67+ >
68+ |
69+ < span class ="runtime-info ">
70+ < span > 本站已经运行</ span >
71+ < span id ="box1 "> </ span >
72+ </ span >
8373 </ div >
84-
8574 < script >
86- function timingTime ( ) {
87- const start = '2022-10-20 00:00:00' ;
88- const startTime = new Date ( start ) . getTime ( ) ;
89- const currentTime = new Date ( ) . getTime ( ) ;
90- const difference = currentTime - startTime ;
91- const m = Math . floor ( difference / 1000 ) ;
92- const mm = m % 60 ; // 秒
93- const f = Math . floor ( m / 60 ) ;
94- const ff = f % 60 ; // 分钟
95- const s = Math . floor ( f / 60 ) ; // 小时
96- const ss = s % 24 ;
97- const day = Math . floor ( s / 24 ) ; // 天数
98- return `${ day } 天${ ss } 时${ ff } 分${ mm } 秒` ;
99- }
100-
101- setInterval ( ( ) => {
102- document . getElementById ( 'box1' ) . innerHTML = timingTime ( ) ;
103- } , 1000 ) ;
75+ function timingTime ( ) {
76+ const start = "2022-10-20T00:00:00" ;
77+ const startTime = new Date ( start ) . getTime ( ) ;
78+ const now = Date . now ( ) ;
79+ let diff = Math . floor ( ( now - startTime ) / 1000 ) ;
80+ const days = Math . floor ( diff / 86400 ) ;
81+ diff %= 86400 ;
82+ const hours = Math . floor ( diff / 3600 ) ;
83+ diff %= 3600 ;
84+ const minutes = Math . floor ( diff / 60 ) ;
85+ const seconds = diff % 60 ;
86+ return `${ days } 天${ hours } 时${ minutes } 分${ seconds } 秒` ;
87+ }
88+ setInterval ( ( ) => {
89+ const el = document . getElementById ( "box1" ) ;
90+ if ( el ) el . textContent = timingTime ( ) ;
91+ } , 1000 ) ;
10492 </ script >
105-
93+
10694 < style >
107- .footer-visit-count {
108- display : flex;
109- justify-content : center;
110- align-items : center;
111- height : fit-content;
112- min-height : 55px ; /* 根据实际情况调整此高度 */
95+ .footer-visit-count {
96+ display : flex;
97+ flex-wrap : wrap;
98+ justify-content : center;
99+ align-items : center;
100+ min-height : 40px ;
101+ gap : 0.5em ;
102+ }
103+ @media (max-width : 768px ) {
104+ .runtime-info {
105+ display : none;
113106 }
114-
115- @media (max-width : 768px ) {
116- .runtime-info {
117- display : none;
118- }
119-
120- .icp-link {
121- display : block;
122- text-align : center;
123- }
107+ .icp-link {
108+ display : block;
109+ text-align : center;
124110 }
111+ }
125112 </ style >
126-
127- {% if config.extra.social %}
128- {% include "partials/social.html" %}
129- {% endif %}
113+
114+ {% if config.extra.social %} {% include "partials/social.html" %} {% endif
115+ %}
130116 </ div >
131117 </ div >
132- </ footer >
118+ </ footer >
0 commit comments