1. 更改手機頁面的menu和toc的顯示方式和顯示特效（ipad也能看TOC)

1. 更改手機頁面的menu和toc的顯示方式和顯示特效（ipad也能看TOC) 3. 可設置複製時，内容自動加上版權信息 4. 可修改tag的top_img 5. 可修改category的top_img 6. 可修改valine的背景 7. archives頁UI優化 8. ICP增加icon #37 9. 可設置主頁top_img的高度 10. 可設置主頁site-info的位置 11. category頁和tag頁的UI可以設置與主頁UI一樣 #31 12. 主頁subtitle可設置多個句子（不再限制2個） #37 13. 設置menu時，頭尾添加空格不受影響 14. 調整post頁的佈局 15. 书签添加icon 16. 公告icon效果 17. 首頁歸檔模塊，可設置數量限制，會顯示'查看更多'按鈕 18. 右下角按鈕調整。 19. 修复文章cover隨機图片生成，同一篇文章，不同地方的cover顯示不一样的bug 20. 修復gitalk語言設置無效的bug #35 21. 修復post頁面，當沒有設置word count時，閲讀量前有'|" 22. 修复sub-menu在safari的显示问题 23. 修复tags页评论居中问题 24. 修复header a hover 白色问题 25. 修復夜間模式下footer的顔色bug 26. 修復英文語言下，書簽英文顯示不完整的問題
2026-04-16 20:30:53 +08:00 · 2019-09-24 02:09:51 +08:00
parent 83dc0559c0
commit 2eb15123f9
57 changed files with 1438 additions and 1224 deletions
--- a/layout/includes/header.pug
+++ b/layout/includes/header.pug
@@ -1,65 +1,13 @@
-#page-header
-  span.pull-left 
-    a#site-name.blog_title(href=url_for('/')) #[=config.title]
-  //- i.fa.fa-bars.toggle-menu.pull-right(aria-hidden="true")
-  .open.toggle-menu.pull-right
-    .menu-icon-first
-    .menu-icon-second
-    .menu-icon-third
-  
-  .menu_mask
-  
-  span.pull-right.menus
-    .mobile_author_icon
-      img.lozad.avatar_img(src=theme.avatar || url_for('/img/avatar.png') onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
-    .mobile_post_data
-      if site.posts.length
-        .mobile_data_item.text-center
-          .mobile_data_link
-            a(href=url_for(config.archive_dir) + '/')
-              .headline= _p('aside.articles') 
-              .length_num= site.posts.length
-
-      if site.tags.length
-        .mobile_data_item.text-center       
-          .mobile_data_link
-            a(href=url_for(config.tag_dir) + '/' )
-              .headline= _p('aside.tags')
-              .length_num= site.tags.length
-
-      if site.categories.length
-        .mobile_data_item.text-center      
-          .mobile_data_link
-            a(href=url_for(config.category_dir) + '/')
-              .headline= _p('aside.categories') 
-              .length_num= site.categories.length
-
-    hr
-    .menus_items
-      each value, label in theme.menu
-        if !Array.isArray(value)
-          .menus_item
-            a.site-page(href=value.split('||')[0])
-              i.fa-fw(class=value.split('||')[1])
-              span=' '+label
-        else
-          .menus_item
-            a.site-page
-              i.fa-fw(class=label.split('||')[1] aria-hidden="true")
-              span=' '+label.split('||')[0]
-              i.fa.fa-chevron-down.menus-expand(aria-hidden="true")
-            ul.menus_item_child
-              each i in value
-                li
-                  a.site-page(href=i.split('||')[1])
-                    i.fa-fw(class=i.split('||')[2])
-                    span=' '+i.split('||')[0]
-
-
-      script.
-        document.body.addEventListener('touchstart', function(){ });
-  span.pull-right
-    if (theme.algolia_search.enable || theme.local_search && theme.local_search.enable)
-        a.site-page.social-icon.search
-          i.fa.fa-search.fa-fw
-          span=' '+_p('search')
+#header  
+  #page-header
+    span#blog_name.pull-left
+      a#site-name.blog_title(href=url_for('/')) #[=config.title]
+    i.fa.fa-bars.fa-fw.toggle-menu.pull-right.close(aria-hidden="true")
+    span.pull-right.menus
+      .menus_items
+        include menu_item.pug
+    span#search_button.pull-right
+      if (theme.algolia_search.enable || theme.local_search && theme.local_search.enable)
+          a.site-page.social-icon.search
+            i.fa.fa-search.fa-fw
+            span=' '+_p('search')