图标调整+iOS平滑滚动

This commit is contained in:
结发受长生 2019-05-24 10:03:54 +08:00
parent ed30d8779f
commit 195d807808
16 changed files with 77 additions and 35 deletions

View File

@ -17,18 +17,24 @@ menu:
# SubNav # SubNav
subnav: subnav:
github: "https://github.com/sookie2010" github:
weibo: "https://weibo.com/2633013641" url: https://github.com/sookie2010
rss: "/atom.xml" icon: github-alt
alt: github_homepage
weibo:
url: https://weibo.com/2633013641
icon: weibo
alt: weibo
rss:
url: /atom.xml
icon: rss
alt: rss_subscription
#zhihu: "#" #zhihu: "#"
#qq: "#"
#weixin: "#"
#jianshu: "#"
#douban: "#"
#segmentfault: "#" #segmentfault: "#"
#bilibili: "#" mail:
#acfun: "#" url: mailto:colorfulsweet@gmail.com
mail: "mailto:colorfulsweet@gmail.com" icon: mail
alt: email
#facebook: "#" #facebook: "#"
#google: "#" #google: "#"
#twitter: "#" #twitter: "#"
@ -42,7 +48,7 @@ rss: /atom.xml
# 打赏type设定0-关闭打赏; 1-文章对应的md文件里有reward:true属性才有打赏 2-所有文章均有打赏 # 打赏type设定0-关闭打赏; 1-文章对应的md文件里有reward:true属性才有打赏 2-所有文章均有打赏
reward_type: 1 reward_type: 1
# 打赏wording # 打赏wording
reward_wording: '谢谢你请我吃糖果' reward_wording: 谢谢你请我吃糖果
# 支付宝二维码图片地址,跟你设置头像的方式一样。比如:/assets/img/alipay.jpg # 支付宝二维码图片地址,跟你设置头像的方式一样。比如:/assets/img/alipay.jpg
alipay: alipay:
# 微信二维码图片地址 # 微信二维码图片地址
@ -54,7 +60,7 @@ toc: 2
# 根据自己的习惯来设置如果你的目录标题习惯有标号置为true即可隐藏hexo重复的序号否则置为false # 根据自己的习惯来设置如果你的目录标题习惯有标号置为true即可隐藏hexo重复的序号否则置为false
toc_hide_index: true toc_hide_index: true
# 目录为空时的提示 # 目录为空时的提示
toc_empty_wording: '目录,不存在的…' toc_empty_wording: 目录,不存在的…
# 是否有快速回到顶部的按钮 # 是否有快速回到顶部的按钮
top: true top: true

View File

@ -20,3 +20,7 @@ archives: Archives
all_articles: All Articles all_articles: All Articles
friends_link: Friends Link friends_link: Friends Link
about_me: About Me about_me: About Me
github_homepage: Github Homepage
weibo: Weibo
rss_subscription: Rss subscription
email: Email

View File

@ -20,3 +20,7 @@ archives: Archives
all_articles: Tous les articles all_articles: Tous les articles
friends_link: Lien amical friends_link: Lien amical
about_me: À propos de moi about_me: À propos de moi
github_homepage: Github homepage
weibo: Weibo
rss_subscription: Abonnement Rss
email: Boîte aux lettres

View File

@ -20,3 +20,7 @@ archives: アーカイブ
all_articles: すべての記事 all_articles: すべての記事
friends_link: フレンドリーリンク friends_link: フレンドリーリンク
about_me: 私について about_me: 私について
github_homepage: Githubホームページ
weibo: ウェイボ
rss_subscription: RSS購読
email: メールボックス

View File

@ -20,3 +20,7 @@ archives: Архив
all_articles: Все статьи all_articles: Все статьи
friends_link: Дружеская ссылка friends_link: Дружеская ссылка
about_me: Обо мне about_me: Обо мне
github_homepage: Домашняя страница Github
weibo: Weibo
rss_subscription: RSS подписка
email: почтовый ящик

View File

@ -20,3 +20,7 @@ archives: 归档
all_articles: 所有文章 all_articles: 所有文章
friends_link: 友情链接 friends_link: 友情链接
about_me: 关于我 about_me: 关于我
github_homepage: Github主页
weibo: 微博
rss_subscription: Rss订阅
email: 邮箱

View File

@ -20,3 +20,7 @@ archives: 彙整
all_articles: 所有文章 all_articles: 所有文章
friends_link: 友情鏈接 friends_link: 友情鏈接
about_me: 關於我 about_me: 關於我
github_homepage: Github主頁
weibo: 微博
rss_subscription: Rss訂閱
email: 郵箱

View File

@ -29,7 +29,10 @@
<nav class="header-nav"> <nav class="header-nav">
<div class="social"> <div class="social">
<% for (let navName in theme.subnav){ %> <% for (let navName in theme.subnav){ %>
<a class="<%= navName %>" target="_blank" href="<%- url_for(theme.subnav[navName]) %>" @mouseover="linkMouseover('<%=navName %>')" title="<%= navName %>"><i class="icon icon-<%= navName %>"></i></a> <a class="<%= navName %>" target="_blank" href="<%- url_for(theme.subnav[navName].url) %>"
@mouseover="linkMouseover('<%=navName %>')" title="<%= __(theme.subnav[navName].alt) %>">
<i class="icon icon-<%= theme.subnav[navName].icon || navName %>"></i>
</a>
<% } %> <% } %>
</div> </div>
</nav> </nav>

View File

@ -15,9 +15,12 @@
var ulWidth = count > 2 ? '70%' : '50%' %> var ulWidth = count > 2 ? '70%' : '50%' %>
<nav class="header-nav"> <nav class="header-nav">
<div class="social"> <div class="social">
<% for (var i in theme.subnav){ %> <% for (let navName in theme.subnav){ %>
<a class="<%= i %>" target="_blank" href="<%- url_for(theme.subnav[i]) %>" title="<%= i %>"><i class="icon icon-<%= i %>"></i></a> <a class="<%= navName %>" target="_blank" href="<%- url_for(theme.subnav[navName].url) %>"
<%}%> title="<%= __(theme.subnav[navName].alt) %>">
<i class="icon icon-<%= theme.subnav[navName].icon %>"></i>
</a>
<% } %>
</div> </div>
</nav> </nav>

View File

@ -155,3 +155,12 @@
.icon-angle-left:before { .icon-angle-left:before {
content: "\f104"; content: "\f104";
} }
.icon-github-alt:before {
content: "\f113";
}
.icon-linkedin-square:before {
content: "\f08c";
}
.icon-linkedin:before {
content: "\f0e1";
}

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 36 KiB

View File

@ -21,6 +21,8 @@ html, body, #container {
position:relative; position:relative;
min-height:100%; min-height:100%;
background: linear-gradient(200deg,#5aa5c6,#a4854b); background: linear-gradient(200deg,#5aa5c6,#a4854b);
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
.anm-canvas { .anm-canvas {
display: none; display: none;
} }

View File

@ -49,10 +49,10 @@
} }
} }
a.github { a.github {
background: #afb6ca; background: #767c8d;
border:1px solid #afb6ca; border:1px solid #767c8d;
&:hover { &:hover {
border:1px solid #909ab6; border:1px solid #666d80;
} }
} }
a.facebook { a.facebook {
@ -83,6 +83,7 @@
border:1px solid #006b98; border:1px solid #006b98;
} }
} }
/*
a.acfun { a.acfun {
background: #fd4c5d; background: #fd4c5d;
border:1px solid #fd4c5d; border:1px solid #fd4c5d;
@ -96,7 +97,7 @@
&:hover { &:hover {
border:1px solid #e15280; border:1px solid #e15280;
} }
} }*/
a.zhihu { a.zhihu {
background: #0078d8; background: #0078d8;
border:1px solid #0078d8; border:1px solid #0078d8;
@ -118,6 +119,7 @@
border:1px solid #006b98; border:1px solid #006b98;
} }
} }
/*
a.jianshu { a.jianshu {
background: #ff5722; background: #ff5722;
border:1px solid #ff5722; border:1px solid #ff5722;
@ -138,13 +140,6 @@
&:hover { &:hover {
border:1px solid #34baad; border:1px solid #34baad;
} }
} }*/
a.psn {
background: #086ef6;
border:1px solid #086ef6;
&:hover {
border:1px solid #086ef6;
}
}
} }
} }