diff --git a/_config.yml b/_config.yml index cb6dbf5..0a84e52 100755 --- a/_config.yml +++ b/_config.yml @@ -49,21 +49,18 @@ loading_img: https://cdn.jsdelivr.net/gh/xaoxuu/assets@master/avatar/avatar.png home_cover: title: "xaoxuu" logo: - search_placeholder: 'la víspera de la tormenta' + search_placeholder: ' ' # 主页封面菜单 menu: - name: 近期文章 icon: fas fa-clock url: '#posts' - - name: 开源库 - icon: fas fa-code-branch - url: https://github.com/xaoxuu/ - name: 应用程序 icon: fas fa-cube - url: https://xaoxuu.com/wiki/ + url: wiki/ - name: 归档 icon: fas fa-archive - url: archives/ + url: blog/archives/ - name: 关于 icon: fas fa-info-circle url: about/ @@ -72,13 +69,13 @@ home_cover: menu: - name: Cocoa Dev icon: fab fa-apple - url: categories/cocoa-dev/ + url: blog/categories/cocoa-dev/ - name: Dev icon: fas fa-laptop-code - url: categories/dev/ + url: blog/categories/dev/ - name: Life icon: fas fa-coffee - url: categories/life/ + url: blog/categories/life/ # 侧边栏小部件 @@ -96,7 +93,7 @@ sidebar: url: https://xaoxuu.com/wiki/ - name: 文章归档 icon: fas fa-archive - url: archives/ + url: blog/archives/ - name: 我的友链 icon: fas fa-link url: friends/ @@ -109,12 +106,12 @@ sidebar: - widget: category more: icon: fas fa-expand-arrows-alt - url: categories/ + url: blog/categories/ - widget: tagcloud icon: fas fa-fire more: icon: fas fa-expand-arrows-alt - url: tags/ + url: blog/tags/ - widget: related_posts - widget: music icon: fas fa-compact-disc diff --git a/source/less/_base.less b/source/less/_base.less index 64883cf..7cbbbd8 100755 --- a/source/less/_base.less +++ b/source/less/_base.less @@ -58,15 +58,19 @@ body { align-content: center; padding: @gap; .title{ - font-size: @fontsize_h1*2; + font-size: @fontsize_h1*3; margin-top: 30vh; align-self: center; + font-weight: bold; + @media(max-width: @on_phone){ + margin-top: 24vh; + } } .m_search{ margin-top: 5vh; position: relative; height: @height_navbar - @gap; - width: 1.2*@width_sidebar; + width: 1.1*@width_sidebar; @media(max-width: @on_laptop){ width: 1.2*@width_sidebar_m; } @@ -92,11 +96,13 @@ body { } .input { display:block; + color: @color_text_main; font-size: @fontsize_base; line-height: @fontsize_base*2.2; margin: 0; width: 100%; padding-left: @fontsize_base + @gap; + padding-right: @gap; padding-top: 2px; @media(max-width: @on_phone){ padding-left: @fontsize_base + @gap; @@ -109,7 +115,6 @@ body { box-shadow: none; border: 1px dashed transparent; .enable-trans(); - color: fade(@theme_main, 60%); border-radius: @height_navbar; ~ .icon{ line-height: @fontsize_base*2.2+4px; @@ -125,7 +130,7 @@ body { ~ .icon{ color: @theme_main; } - color: @theme_main; + color: @color_text_main; border: 1px solid @theme_main; } } @@ -140,6 +145,11 @@ body { display: flex; flex-wrap: wrap; align-items: center; + justify-content: center; + @media(max-width: @on_phone){ + flex-direction: column; + align-items: baseline; + } li { display: flex; flex-wrap: wrap; diff --git a/source/less/_fonts.less b/source/less/_fonts.less index 5b9fbf4..586de59 100755 --- a/source/less/_fonts.less +++ b/source/less/_fonts.less @@ -4,18 +4,6 @@ font-weight: normal; font-style: normal; } -@font-face{ - font-family: 'Monaco'; - src: url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/Monaco/Monaco.ttf); - font-weight: normal; - font-style: normal; -} -@font-face{ - font-family: 'Skranji'; - src: url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/Skranji/Skranji-Regular.ttf); - font-weight: normal; - font-style: normal; -} @font-face{ font-family: 'Source Sans Pro'; src: url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@master/SourceSansPro/SourceSansPro-Regular.ttf); @@ -28,7 +16,7 @@ // 代码字体 @fontfamily_code: Menlo, Monaco, monospace, "Lucida Console", 'Source Code Pro', "Microsoft YaHei", Helvetica, Arial, sans-serif, 'Ubuntu'; // LOGO字体 -@fontfamily_logo: Skranji, @fontfamily_base; +@fontfamily_logo: @fontfamily_base; // 字号 diff --git a/source/less/_header.less b/source/less/_header.less index c71b3bb..21c8900 100755 --- a/source/less/_header.less +++ b/source/less/_header.less @@ -253,12 +253,12 @@ } .m_search { .input { - color: fade(@theme_main, 60%); + color: @color_text_main; background: @theme_background; ~ .icon{ - color: fade(@theme_main, 60%); + color: fade(@color_text_main, 60%); } - .set-placeholder({color: fade(@theme_main, 60%)}); + .set-placeholder({color: fade(@color_text_main, 60%)}); &:hover{ border: 1px dashed fade(@theme_main, 60%); } @@ -266,7 +266,7 @@ ~ .icon{ color: @theme_main; } - color: @theme_main; + color: @color_text_main; background: fade(@theme_main, 15%); border: 1px solid fade(@theme_main, 60%); }