- 社交分享就是把这篇文章分享到社交网站上去,实际上很多网站表现出来的形式是一排社交网站的浮动按钮,这个浮动按钮不用自己做,有很多的第三方软件提供,比如国外addthis,国内的bshare
- 以addthis为例,注册addthis,选择社交网站比如wechat,fb,twitter,Qzone,申请完毕后得到一行代码
```
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5dc9230b5e0b9007"></script>
```
- 把这行代码添加到模板layouts/_default/single.html
```
{{ define "main" -}}
<div class="post">
<h1>{{ .Title }}</h1>
<time datetime={{ .Date.Format "2006-01-02T15:04:05Z0700" }} class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</time>
{{ .Content }}
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxxxxxxx"></script>
```
- 【入门】1:Hugo介绍
- 【入门】2:Hugo网站和主题演示
- 【入门】3:Hugo跟Wordpress和Hexo对比
- 【入门】4:20分钟快速搭建Hugo网站
- 【入门】5:免费网站托管到Gitpages
- 【入门】6:图标icon/robot.txt/404页面创建和设置
- 【入门】7:网站地图sitemap
- 【进阶】8:自定义菜单
- 【进阶】9:自定义Tag/category
- 【进阶】10:页面Meta keyword
- 【进阶】12:创建页面摘要
- 【进阶】11:创建列表【进行中...】
- 【进阶】13:创建分页
- 【进阶】14:创建统计
- 【进阶】15:创建rss
- 【高级】16:创建页面目录
- 【高级】17:创建站内搜索
- 【高级】18:创建多语言支持
- 【高级】19:显示相关内容
- 【高级】20:显示当前页面所有Tag
- 【高级】21:创建社交联系方式
- 【高级】22:创建社交分享
- 【高级】23:创建评论gitalk
- 【高级】24:自动化部署-netlify
- 【高级】25:自动化部署-Github actions