summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--README.md17
-rw-r--r--layouts/_default/single.html24
-rw-r--r--layouts/partials/disqus.html14
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