blob: 6239df4e8fe0d5a0b1f862782dde86b1fe9bfee6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
purehugo
========
Hugo theme based on [purecss](http://purecss.io/) from Yahoo. The theme is based on [the purecss blog layout example](http://purecss.io/layouts/blog/), is responsive and has a few more features: pagination (if enabled), responsive images (through a shortcode), google analytics, disqus comments and even a mini-asset-pipeline using gulp. If you end up using it, I'd love to see what you do with it so please give me a shout on [twitter](https://twitter.com/dragos_plesca).
### Installation
Navigate to your Hugo site's theme folder
```
$ cd themes
$ git clone https://github.com/dplesca/purehugo.git
```
### Config file
The config file for the demo site looks like this:
```toml
baseurl = "http://dplesca.github.io/purehugo/"
languageCode = "en-us"
title = "purehugo"
theme = "purehugo"
Paginate = 10
disqusShortname = "xxxx"
[params]
twitterName = "dragos_plesca"
githubName = "dplesca"
stackOverflowId = "#######"
linkedinName = "dragos-plesca-52797444"
description = "Demo site for a hugo theme"
google_analytics = "UA-xxxxxx-xx"
```
Notice the configuration necessary for disqus comments (just setting the disqusShortname); the twitter, github, stack overflow and linkedin handlers (for the site sidebar); the site description and enabling Google Analytics reporting.
### Responsive Images
For responsive images you could use the built-in responsive image shortcode (without the `/**/` characters):
```
{{%/* img-responsive "http://example.com/image.jpg" */%}}
```
### Hide Share Options
If you would like to hide the share options in the single post view, you can add this option in the `params` section of your config file.
```toml
[params]
# ... other options ...
hideShareOptions = true
```
### Hide Sidebar icons text Options
If you would like to hide the text next to the icons on the sidebar, you can add this option in the `params` section of your config file.
```toml
[params]
# ... other options ...
hideSidebarIconText = true
```
### Screenshot
![Screenshot](https://i.imgur.com/Dsj41Rz.png)
|