nemunaire/nemhugo
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

added social share links

Browse source
This commit is contained in:
Jeronimo F. Martinez Sanchez 2018-02-11 23:44:52 -06:00
commit 9fc9b05c68
3 changed files with 84 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
exampleSite/config.toml
View file

@ -23,6 +23,7 @@ pygmentsCodefencesGuessSyntax = true
comments = true
readingTime = true
useHLJS = true
socialShare = true
# gcse = "012345678901234567890:abcdefghijk" # Get your code from google.com/cse. Make sure to go to "Look and Feel" and change Layout to "Full Width" and Theme to "Classic"
#[[Params.bigimg]]

8
layouts/_default/single.html
View file

@ -4,6 +4,14 @@
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<article role="main" class="blog-post">
{{ .Content }}
{{ if .Site.Params.socialShare }}
<hr/>
<section id="social-share">
<ul class="list-inline footer-links">
{{ partial "share-links" . }}
</ul>
</section>
{{ end }}
</article>
{{ if ne .Type "page" }}

75
layouts/partials/share-links.html Normal file
View file

@ -0,0 +1,75 @@
<!-- Social Share Button HTML -->
<!-- Twitter -->
<li>
<a href="//twitter.com/share?url={{ .Permalink }}&amp;text={{ .Title }}&amp;via={{ .Site.Author.twitter }}"
target="_blank" alt="">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<!-- Google Plus -->
<li>
<a href="//plus.google.com/share?url={{ .Permalink }}" target="_blank" class="share-btn google-plus">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<!-- Facebook -->
<li>
<a href="//www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<!-- Reddit -->
<li>
<a href="//reddit.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" class="share-btn reddit">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-reddit fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<!-- LinkedIn -->
<li>
<a href="//www.linkedin.com/shareArticle?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank"
class="share-btn linkedin">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<!-- StumbleUpon -->
<li>
<a href="//www.stumbleupon.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank"
class="share-btn stumbleupon">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-stumbleupon fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<!-- Pintrest -->
<li>
<a href="//www.pinterest.com/pin/create/button/?url={{ .Permalink }}&amp;description={{ .Title }}" target="_blank"
class="share-btn pinterest">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-pinterest fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>