Added Disqus support
This commit is contained in:
parent
a874cebd98
commit
62ef2ef06f
3 changed files with 45 additions and 10 deletions
17
README.md
17
README.md
|
@ -13,6 +13,7 @@ It pairs a prominent sidebar with uncomplicated content.
|
||||||
- [Sticky sidebar content](#sticky-sidebar-content)
|
- [Sticky sidebar content](#sticky-sidebar-content)
|
||||||
- [Themes](#themes)
|
- [Themes](#themes)
|
||||||
- [Reverse layout](#reverse-layout)
|
- [Reverse layout](#reverse-layout)
|
||||||
|
- [Disqus](#disqus)
|
||||||
- [Development](#development)
|
- [Development](#development)
|
||||||
- [Author](#author)
|
- [Author](#author)
|
||||||
- [Ported by](#ported-by)
|
- [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
|
## Author
|
||||||
**Mark Otto**
|
**Mark Otto**
|
||||||
- <https://github.com/mdo>
|
- <https://github.com/mdo>
|
||||||
|
|
|
@ -1,15 +1,19 @@
|
||||||
{{ partial "head.html" . }}
|
{{ partial "head.html" . }}
|
||||||
<body class="{{ .Site.Params.themeColor }}">
|
<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">
|
{{ if and (isset .Site.Params "disqusShortname") (ne .Site.Params.disqusShortname "") }}
|
||||||
<div class="post">
|
<h2>Comments</h2>
|
||||||
<h1>{{ .Title }}</h1>
|
{{ partial "disqus" . }}
|
||||||
<span class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
|
{{ end }}
|
||||||
{{ .Content }}
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
14
layouts/partials/disqus.html
Normal file
14
layouts/partials/disqus.html
Normal file
|
@ -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>
|
Loading…
Reference in a new issue