]> njoseph.me Git - hyde.git/commitdiff
Added Disqus support
authordigitalcraftsman <digitalcraftsman@users.noreply.github.com>
Fri, 17 Jul 2015 10:21:50 +0000 (12:21 +0200)
committerdigitalcraftsman <digitalcraftsman@users.noreply.github.com>
Fri, 17 Jul 2015 10:23:59 +0000 (12:23 +0200)
README.md
layouts/_default/single.html
layouts/partials/disqus.html [new file with mode: 0644]

index 0ddc6d56f0398565711441eb51b3704db8bba10e..70a57ec927008ea8cccbbd584dc5fb94b8620cad 100644 (file)
--- 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)
   - [Sticky sidebar content](#sticky-sidebar-content)
   - [Themes](#themes)
   - [Reverse layout](#reverse-layout)
+  - [Disqus](#disqus)
 - [Development](#development)
 - [Author](#author)
 - [Ported by](#ported-by)
 - [Development](#development)
 - [Author](#author)
 - [Ported by](#ported-by)
@@ -92,6 +93,22 @@ Hyde's page orientation can be reversed with a single class.
 </body>
 ```
 
 </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>
 ## Author
 **Mark Otto**
 - <https://github.com/mdo>
index 9f4f6034985f1849d1e8b31c18e8cda38cb88cd7..6bd252422c96b2edc90916a4979f6db4119f947b 100644 (file)
@@ -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>
 
   </body>
 </html>
diff --git a/layouts/partials/disqus.html b/layouts/partials/disqus.html
new file mode 100644 (file)
index 0000000..323ae04
--- /dev/null
@@ -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