🚧 ✨ 🔧 Add social links setting with map structure because of the array structure can't sort by source.
This commit is contained in:
凡梦星尘
parent
cf923ad102
commit
a58145a05f
@ -6,7 +6,7 @@
|
||||
}
|
||||
|
||||
.sidebar-inner {
|
||||
padding: 10px 10px 0 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.site-author-image {
|
||||
|
||||
@ -81,13 +81,30 @@ params:
|
||||
# If true, the avatar will be rotated with the cursor.
|
||||
rotated: true
|
||||
|
||||
# Social Links
|
||||
# Usage: `Key: permalink || icon`
|
||||
# Key is the link label showing to end users.
|
||||
# Value before `||` delimiter is the target permalink, value after `||` delimiter is the name of Font Awesome icon.
|
||||
socials: [
|
||||
{ "GitHub": "https://github.com/yourname || fab fa-github" },
|
||||
{ "E-Mail": "mailto:yourname@gmail.com || fa fa-envelope" }
|
||||
# {"Weibo": "https://weibo.com/yourname || fab fa-weibo"},
|
||||
# {"Google": "https://plus.google.com/yourname || fab fa-google"},
|
||||
# {"Twitter": "https://twitter.com/yourname || fab fa-twitter"},
|
||||
# {"FB Page": "https://www.facebook.com/yourname || fab fa-facebook"},
|
||||
# {"StackOverflow": "https://stackoverflow.com/yourname || fab fa-stack-overflow"},
|
||||
# {"YouTube": "https://youtube.com/yourname || fab fa-youtube"},
|
||||
# {"Instagram": "https://instagram.com/yourname || fab fa-instagram"},
|
||||
# {"Skype": "skype:yourname?call|chat || fab fa-skype"}
|
||||
]
|
||||
|
||||
# Creative Commons 4.0 International License.
|
||||
# See: https://creativecommons.org/about/cclicenses/
|
||||
creativeCommons:
|
||||
# Available values: by | by-nc | by-nc-nd | by-nc-sa | by-nd | by-sa | cc-zero
|
||||
license: by-nc-nd
|
||||
# Available values: big | small
|
||||
size: big
|
||||
size: small
|
||||
sidebar: true
|
||||
post: true
|
||||
# You can set a language value if you prefer a translated version of CC license, e.g. deed.zh
|
||||
|
||||
@ -8,6 +8,10 @@
|
||||
other = "Categories"
|
||||
[SiteTagsTitle]
|
||||
other = "Tags"
|
||||
[TableOfContents]
|
||||
other = "TOC"
|
||||
[SiteInfo]
|
||||
other = "Site Info"
|
||||
[RSSTitle]
|
||||
other = "RSS Subscribe"
|
||||
[CCLinkTitle]
|
||||
|
||||
@ -8,6 +8,10 @@
|
||||
other = "分类"
|
||||
[SiteTagsTitle]
|
||||
other = "标签"
|
||||
[TableOfContents]
|
||||
other = "文章目录"
|
||||
[SiteInfo]
|
||||
other = "站点概览"
|
||||
[RSSTitle]
|
||||
other = "RSS 订阅"
|
||||
[CCLinkTitle]
|
||||
|
||||
@ -34,69 +34,5 @@
|
||||
<span class="toggle-line"></span>
|
||||
<span class="toggle-line"></span>
|
||||
</div>
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-inner sidebar-overview-active">
|
||||
<ul class="sidebar-nav">
|
||||
<li class="sidebar-nav-toc">
|
||||
文章目录
|
||||
</li>
|
||||
<li class="sidebar-nav-overview">
|
||||
站点概览
|
||||
</li>
|
||||
</ul>
|
||||
<div class="sidebar-panel-container">
|
||||
|
||||
<div class="post-toc-wrap sidebar-panel">
|
||||
</div>
|
||||
|
||||
<div class="site-overview-wrap sidebar-panel">
|
||||
<div class="site-author site-overview-item animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||||
<img class="site-author-image" itemprop="image" alt="John Doe" src="{{ .Site.Params.avatar.url }}">
|
||||
<p class="site-author-name" itemprop="name">{{ .Site.Params.author }}</p>
|
||||
<div class="site-description" itemprop="description">{{ .Site.Params.description }}</div>
|
||||
</div>
|
||||
<div class="site-state-wrap site-overview-item animated">
|
||||
<nav class="site-state">
|
||||
<div class="site-state-item site-state-posts">
|
||||
<a href="/archives/">
|
||||
<span class="site-state-item-count">2</span>
|
||||
<span class="site-state-item-name">{{ T "SitePostsTitle" }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="site-state-item site-state-categories">
|
||||
<span class="site-state-item-count">3</span>
|
||||
<span class="site-state-item-name">{{ T "SiteCatesTitle" }}</span>
|
||||
</div>
|
||||
<div class="site-state-item site-state-tags">
|
||||
<span class="site-state-item-count">3</span>
|
||||
<span class="site-state-item-name">{{ T "SiteTagsTitle" }}</span>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="rss-link">
|
||||
<a href="/index.xml" rel="alternate" type="application/rss+xml" target="_blank">
|
||||
<i class="fa fa-rss"></i>
|
||||
{{ T "RSSTitle" }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="links-of-author site-overview-item animated">
|
||||
<span class="links-of-author-item">
|
||||
<a href="https://github.com/yourname" title="GitHub → https://github.com/yourname" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i>GitHub</a>
|
||||
</span>
|
||||
<span class="links-of-author-item">
|
||||
<a href="mailto:yourname@gmail.com" title="E-Mail → mailto:yourname@gmail.com" rel="noopener" target="_blank"><i class="fa fa-envelope fa-fw"></i>E-Mail</a>
|
||||
</span>
|
||||
</div>
|
||||
{{ $cc := .Site.Params.creativeCommons }}
|
||||
{{ if and $cc $cc.sidebar }}
|
||||
<div class="cc-license animated" itemprop="license">
|
||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.{{ substr .Site.Language 0 2 }}" class="cc-opacity" rel="noopener" target="_blank" title="{{ T "CCLinkTitle" }}">
|
||||
<img src="/imgs/cc/{{ $cc.size }}/{{ replace $cc.license "-" "_" }}.svg" alt="{{ T "CCLinkTitle" }}">
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
{{ partial "header/sidebar.html" . }}
|
||||
<div class="sidebar-dimmer"></div>
|
||||
66
layouts/partials/header/sidebar.html
Normal file
66
layouts/partials/header/sidebar.html
Normal file
@ -0,0 +1,66 @@
|
||||
{{- $SP := .Site.Params -}}
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-inner sidebar-overview-active">
|
||||
<ul class="sidebar-nav">
|
||||
<li class="sidebar-nav-toc">{{ T "TableOfContents" }}</li>
|
||||
<li class="sidebar-nav-overview">{{ T "SiteInfo" }}</li>
|
||||
</ul>
|
||||
<div class="sidebar-panel-container">
|
||||
|
||||
<div class="post-toc-wrap sidebar-panel">
|
||||
</div>
|
||||
|
||||
<div class="site-overview-wrap sidebar-panel">
|
||||
<div class="site-author site-overview-item animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||||
<img class="site-author-image" itemprop="image" alt="John Doe" src="{{ .Site.Params.avatar.url }}">
|
||||
<p class="site-author-name" itemprop="name">{{ $SP.author }}</p>
|
||||
<div class="site-description" itemprop="description">{{ $SP.description }}</div>
|
||||
</div>
|
||||
<div class="site-state-wrap site-overview-item animated">
|
||||
<nav class="site-state">
|
||||
<div class="site-state-item site-state-posts">
|
||||
<a href="/archives/">
|
||||
<span class="site-state-item-count">2</span>
|
||||
<span class="site-state-item-name">{{ T "SitePostsTitle" }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="site-state-item site-state-categories">
|
||||
<span class="site-state-item-count">3</span>
|
||||
<span class="site-state-item-name">{{ T "SiteCatesTitle" }}</span>
|
||||
</div>
|
||||
<div class="site-state-item site-state-tags">
|
||||
<span class="site-state-item-count">3</span>
|
||||
<span class="site-state-item-name">{{ T "SiteTagsTitle" }}</span>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="rss-link">
|
||||
<a href="/index.xml" rel="alternate" type="application/rss+xml" target="_blank">
|
||||
<i class="fa fa-rss"></i>
|
||||
{{ T "RSSTitle" }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="links-of-author site-overview-item animated">
|
||||
{{- range $SP.socials }}
|
||||
{{- range $name,$val := . }}
|
||||
{{- $vals := split $val "||" }}
|
||||
{{- $url := trim (index $vals 0) " " }}
|
||||
{{- $icon := trim (index $vals 1) " " }}
|
||||
<span class="links-of-author-item">
|
||||
<a href="{{- $url }}" title="{{- $name }} → {{- $url }}" rel="noopener" target="_blank"><i class="{{- $icon }}"></i>{{- $name }}</a>
|
||||
</span>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
{{ $cc := $SP.creativeCommons }}
|
||||
{{ if and $cc $cc.sidebar }}
|
||||
<div class="cc-license animated" itemprop="license">
|
||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.{{ substr .Site.Language 0 2 }}" class="cc-opacity" rel="noopener" target="_blank" title="{{ T "CCLinkTitle" }}">
|
||||
<img src="/imgs/cc/{{ $cc.size }}/{{ replace $cc.license "-" "_" }}.svg" alt="{{ T "CCLinkTitle" }}">
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
Loading…
Reference in New Issue
Block a user