diff options
| -rw-r--r-- | README.md | 17 | ||||
| -rw-r--r-- | layouts/_default/single.html | 24 | ||||
| -rw-r--r-- | layouts/partials/disqus.html | 14 |
3 files changed, 45 insertions, 10 deletions
diff --git a/README.md b/README.md index 0ddc6d5..70a57ec 100644 --- a/README.md +++ b/README.md @@ -13,6 +13,7 @@ It pairs a prominent sidebar with uncomplicated content. - [Sticky sidebar content](#sticky-sidebar-content) - [Themes](#themes) - [Reverse layout](#reverse-layout) + - [Disqus](#disqus) - [Development](#development) - [Author](#author) - [Ported by](#ported-by) @@ -92,6 +93,22 @@ Hyde's page orientation can be reversed with a single class. </body> ``` +### Disqus + +You can optionally enable a comment system powered by Disqus for the posts. Simply add the variable `disqusShortname` to the `params` in your config file. + +**TOML** +```toml +[params] + disqusShortname = "spf13" +``` + +**YAML** +```yaml +params: + disqusShortname: "spf13" +``` + ## Author **Mark Otto** - <https://github.com/mdo> diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 9f4f603..6bd2524 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,15 +1,19 @@ -{{ partial "head.html" . }} -<body class="{{ .Site.Params.themeColor }}"> + {{ partial "head.html" . }} + <body class="{{ .Site.Params.themeColor }}"> + {{ partial "sidebar.html" . }} -{{ partial "sidebar.html" . }} + <div class="content container"> + <div class="post"> + <h1>{{ .Title }}</h1> + <span class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span> + {{ .Content }} + </div> - <div class="content container"> -<div class="post"> - <h1>{{ .Title }}</h1> - <span class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span> - {{ .Content }} -</div> -</div> + {{ if and (isset .Site.Params "disqusShortname") (ne .Site.Params.disqusShortname "") }} + <h2>Comments</h2> + {{ partial "disqus" . }} + {{ end }} + </div> </body> </html> diff --git a/layouts/partials/disqus.html b/layouts/partials/disqus.html new file mode 100644 index 0000000..323ae04 --- /dev/null +++ b/layouts/partials/disqus.html @@ -0,0 +1,14 @@ +<div id="disqus_thread"></div> +<script type="text/javascript"> + /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ + var disqus_shortname = '{{ .Site.Params.disqusShortname }}'; // Required - Replace '<example>' with your forum shortname + + /* * * DON'T EDIT BELOW THIS LINE * * */ + (function() { + var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; + dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; + (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); + })(); +</script> +<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> +</div> \ No newline at end of file |