add iconfont and show profile at article bottom.

README.md

@@ -24,6 +24,8 @@ Features
 - Custom article cover supporting
 - Article share supporting (thanks [@jianyuanzh](https://github.com/jianyuanzh))
 - [Twitter Card](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary) supporting
+- Builtin iconfont (3KB)
+- Display author profile at article bottom
 
 Preview the exampleSite:
 
@@ -364,6 +366,30 @@ cover = "01.png"
 +++
 ```
 
+### Display author profile at article bottom
+
+Edit `config.toml`
+
+```toml
+[params.author]
+ enable = true
+ avatar = "/img/avatar.jpg"
+ name = "XXX"
+ bio = "XXX" # support markdown syntax
+
+[params.author.twitter]
+ name = "XXX" # https://twitter.com/XXX
+
+[params.author.github]
+ name = "XXX" # https://github.com/XXX
+
+[params.author.docker]
+ name = "XXX" # https://hub.docker.com/u/XXX
+
+[params.author.email]
+ name = "[email protected]" # mailto:[email protected]
+```
+
 ## Thanks
 
 - [**Hugo**](https://gohugo.io/)

assets/css/iconfont.css

@@ -0,0 +1,38 @@
+@font-face {
+ font-family: "iconfont";
+ src: url('/assets/fonts/iconfont.ttf?t=1588390362269') format('truetype');
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-pagenext:before {
+ content: "\e66b";
+}
+
+.icon-pagepreview:before {
+ content: "\e66c";
+}
+
+.icon-twitter:before {
+ content: "\e655";
+}
+
+.icon-github:before {
+ content: "\e732";
+}
+
+.icon-email:before {
+ content: "\e651";
+}
+
+.icon-article:before {
+ content: "\e67d";
+}
+
+.icon-docker:before {
+ content: "\e521";
+}

assets/css/style.css

@@ -422,6 +422,7 @@ b {
 
 .article.labels,
 .article.license,
+.article.author,
 .article.navigation,
 .article.discussion,
 .article.share {
@@ -447,8 +448,6 @@ b {
 
 .article.navigation .li {
  display: inline-block;
- font-size: 85%;
- opacity: .5;
  margin-right: 5px;
 }
 
@@ -460,6 +459,36 @@ b {
  border: 2px dashed #ddd;
 }
 
+.article.author {
+ text-align: center;
+}
+
+.article.author>* {
+ margin-top: 16px;
+}
+
+.article.author .avatar {
+ display: block;
+ max-width: 260px;
+ margin: auto;
+ border-radius: 3px;
+}
+
+.article.author .name {
+ font-size: 1.125em;
+}
+
+.article.author .bio {
+ color: #999;
+}
+
+.article.author .details .item {
+ display: inline-block;
+ font-size: 1.375em;
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
 .slogan,
 .date,
 .license {

layouts/partials/article-author.html

@@ -1,3 +1,29 @@
-<!--
- for user-side override
--->
+{{- with site.Params.author -}}
+{{- if .enable -}}
+<section class="article author">
+ {{- with .avatar -}}<img class="avatar" src="{{- . | relURL -}}" alt>{{- end -}}
+
+ {{- with .name -}}<p class="name">{{- . | safeHTML -}}<p>{{- end -}}
+
+ {{- with .bio -}}<div class="bio">{{- . | markdownify -}}</div>{{- end -}}
+
+ <div class="details">
+ {{- with .github -}}
+ <a class="item" href="/{{- .name | safeURL -}}" target="_blank"><span class="iconfont icon-github"></span></a>
+ {{- end -}}
+
+ {{- with .docker -}}
+ <a class="item" href="https://hub.docker.com/u/{{- .name | safeURL -}}" target="_blank"><span class="iconfont icon-docker"></span></a>
+ {{- end -}}
+
+ {{- with .twitter -}}
+ <a class="item" href="https://twitter.com/{{- .name | safeURL -}}" target="_blank"><span class="iconfont icon-twitter"></span></a>
+ {{- end -}}
+
+ {{- with .email -}}
+ <a class="item" href="mailto:{{- .name | safeURL -}}" target="_blank"><span class="iconfont icon-email"></span></a>
+ {{- end -}}
+ </div>
+</section>
+{{- end -}}
+{{- end -}}

layouts/partials/article-bottom-navigation.html

@@ -1,10 +1,10 @@
 {{- if and (not (eq .Params.single true)) (or .PrevInSection .NextInSection) -}}
 <section class="article navigation">
  {{- with .NextInSection -}}
- <p><a class="link" href="{{- .RelPermalink -}}"><span class="li">&larr;</span>{{- .Title | safeHTML -}}</a></p>
+ <p><a class="link" href="{{- .RelPermalink -}}"><span class="li iconfont icon-article"></span>{{- .Title | safeHTML -}}</a></p>
  {{- end -}}
  {{- with .PrevInSection -}}
- <p><a class="link" href="{{- .RelPermalink -}}"><span class="li">&rarr;</span>{{- .Title | safeHTML -}}</a></p>
+ <p><a class="link" href="{{- .RelPermalink -}}"><span class="li iconfont icon-article"></span>{{- .Title | safeHTML -}}</a></p>
  {{- end -}}
 </section>
 {{- end -}}

layouts/partials/pagination.html

@@ -13,7 +13,7 @@
 <div class="pagination">
  <ul>
  {{- if gt $row 1 -}}
- <li><a href="{{- $paginator.Prev.URL -}}" class="previous_page">&laquo;</a></li>
+ <li><a href="{{- $paginator.Prev.URL -}}"><span class="iconfont icon-pagepreview"></span></a></li>
  {{- end -}}
 
  {{- range $paginator.Pagers -}}
@@ -27,7 +27,7 @@
  {{- end -}}
 
  {{- if lt $row $rows -}}
- <li><a href="{{- $paginator.Next.URL -}}" class="next_page">&raquo;</a></li>
+ <li><a href="{{- $paginator.Next.URL -}}"><span class="iconfont icon-pagenext"></span></a></li>
  {{- end -}}
  </ul>
 </div>

layouts/partials/style.html

@@ -63,9 +63,12 @@
 {{- end -}}
 
 {{- if $syntaxCSS -}}
-{{- $coreCSS = slice $coreCSS $syntaxCSS | resources.Concat "css/tmp_core.css" -}}
+ {{- $coreCSS = slice $coreCSS $syntaxCSS | resources.Concat "css/tmp_core.css" -}}
 {{- end -}}
 
+{{- $iconfontCSS := (resources.Get "css/iconfont.css") -}}
+{{- $coreCSS = slice $coreCSS $iconfontCSS | resources.Concat "css/tmp_iconfont_core.css" -}}
+
 {{- with partial "custom-css.html" . -}}
  {{- if ne . "" -}}
  {{- $coreCSS = slice $coreCSS . | resources.Concat "css/custom_core.css" -}}