├── .gitignore ├── exampleSite ├── data │ └── .gitkeep ├── layouts │ └── partials │ │ └── adsense │ │ ├── content.html │ │ └── sidebar.html ├── static │ └── images │ │ └── 2016 │ │ └── 05 │ │ └── 03 │ │ ├── list.png │ │ └── screenshot.png ├── content │ └── post │ │ └── 2016 │ │ └── 05 │ │ ├── sample-post1.md │ │ ├── sample-post2.md │ │ ├── sample-post3.md │ │ ├── sample-post4.md │ │ ├── sample-post5.md │ │ ├── sample-post6.md │ │ ├── sample-post7.md │ │ ├── sample-post8.md │ │ ├── sample-post9.md │ │ ├── sample-post10.md │ │ └── how-to-install-Geppaku-theme.md └── config.toml ├── layouts ├── index.html ├── 404.html ├── partials │ ├── tags.html │ ├── footer.html │ ├── sidebar.html │ ├── header.html │ └── share.html └── _default │ ├── list.html │ ├── rss.xml │ └── single.html ├── images ├── list.png ├── tn.png └── screenshot.png ├── static ├── images │ └── favicon.ico └── css │ └── style.css ├── archetypes └── default.md ├── theme.toml ├── LICENSE.md └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /exampleSite/data/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /layouts/index.html: -------------------------------------------------------------------------------- 1 | {{ template "theme/_default/list.html" . }} 2 | -------------------------------------------------------------------------------- /images/list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/masa0221/hugo-theme-geppaku/HEAD/images/list.png -------------------------------------------------------------------------------- /images/tn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/masa0221/hugo-theme-geppaku/HEAD/images/tn.png -------------------------------------------------------------------------------- /images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/masa0221/hugo-theme-geppaku/HEAD/images/screenshot.png -------------------------------------------------------------------------------- /static/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/masa0221/hugo-theme-geppaku/HEAD/static/images/favicon.ico -------------------------------------------------------------------------------- /archetypes/default.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "" 3 | draft = false 4 | title = "" 5 | slug = "" 6 | categories = [""] 7 | tags = [""] 8 | +++ 9 | -------------------------------------------------------------------------------- /exampleSite/layouts/partials/adsense/content.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | -------------------------------------------------------------------------------- /exampleSite/layouts/partials/adsense/sidebar.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | -------------------------------------------------------------------------------- /exampleSite/static/images/2016/05/03/list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/masa0221/hugo-theme-geppaku/HEAD/exampleSite/static/images/2016/05/03/list.png -------------------------------------------------------------------------------- /exampleSite/static/images/2016/05/03/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/masa0221/hugo-theme-geppaku/HEAD/exampleSite/static/images/2016/05/03/screenshot.png -------------------------------------------------------------------------------- /layouts/404.html: -------------------------------------------------------------------------------- 1 | {{ partial "header.html" . }} 2 |

404 Page Not Found!

3 | Sorry, This page is not exist. 4 | {{ partial "footer.html" . }} 5 | -------------------------------------------------------------------------------- /layouts/partials/tags.html: -------------------------------------------------------------------------------- 1 | {{if .Params.tags }} 2 |
3 | 10 |
11 | {{ end }} 12 | -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | name = "Geppaku" 2 | license = "MIT" 3 | licenselink = "https://github.com/masa0221/hugo-theme-geppaku/blob/master/LICENSE.md" 4 | description = "Geppaku is bluish white theme for Hugo" 5 | homepage = "https://github.com/masa0221/hugo-theme-geppaku" 6 | tags = ["blog", "personal"] 7 | features = ["blog"] 8 | min_version = 0.15 9 | 10 | [author] 11 | name = "Masashi Tsuru" 12 | homepage = "http://2626.info/" 13 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post1.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T00:01:00+09:00" 3 | draft = false 4 | title = "Sample Post 1" 5 | slug = "sample-post-1" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post2.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T02:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 2" 5 | slug = "sample-post-2" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post3.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T03:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 3" 5 | slug = "sample-post-3" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post4.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T04:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 4" 5 | slug = "sample-post-4" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post5.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T05:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 5" 5 | slug = "sample-post-5" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post6.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T06:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 6" 5 | slug = "sample-post-6" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post7.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T07:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 7" 5 | slug = "sample-post-7" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post8.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T08:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 8" 5 | slug = "sample-post-8" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post9.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T09:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 9" 5 | slug = "sample-post-9" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /layouts/partials/footer.html: -------------------------------------------------------------------------------- 1 | 2 | {{ partial "sidebar.html" . }} 3 | 4 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/sample-post10.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T10:00:00+09:00" 3 | draft = false 4 | title = "Sample Post 10" 5 | slug = "sample-post-10" 6 | categories = ["sample"] 7 | tags = [ 8 | "Hugo theme", 9 | "Go lang" 10 | ] 11 | +++ 12 | This is sample post. 13 | 14 | ## H2 sample 15 | This is H2 tag. 16 | 17 | ### H3 sample 18 | 19 | > This is quotation 20 | > This is quotation 21 | > This is quotation 22 | via http://www.example.com/ 23 | 24 | It is quotation sample. 25 | 26 | 27 | #### H4 sample 28 | 29 | ```go 30 | package main 31 | 32 | import "fmt" 33 | 34 | func main() { 35 | fmt.Println("Hello, Hugo!") 36 | } 37 | ``` 38 | [Try Go](https://golang.org/) 39 | 40 | It is codehighlight. 41 | 42 | -------------------------------------------------------------------------------- /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | {{ partial "header.html" . }} 2 |
3 | {{ if not .IsHome }} 4 |
5 |

Archive: {{ .Title }}

6 |
7 | {{ end }} 8 | {{ $paginator := .Paginate (where .Data.Pages "Type" "post") }} 9 | {{ range $paginator.Pages }} 10 |
11 |

{{ .Title }}

12 |
13 | {{ .Date.Format "2006/01/02" }} 14 | {{ partial "tags.html" . }} 15 |
16 |
17 | {{ end }} 18 | 24 |
25 | {{ partial "footer.html" . }} 26 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Masashi Tsuru (@masa0221) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /exampleSite/config.toml: -------------------------------------------------------------------------------- 1 | baseurl = "http://your-site-here/" 2 | languageCode = "en-us" 3 | title = "your site title" 4 | theme= "hugo-theme-geppaku" 5 | googleAnalytics = "" # Optional 6 | disqusShortname = "" # Optional 7 | 8 | [author] 9 | # If you want to display author information set these 10 | # This is Optional values 11 | name = "Your name" 12 | 13 | # Please set account ids 14 | # This is Optional values 15 | twitter = "your twitter id" 16 | linkedin = "your linkedin id" 17 | github = "your github id" 18 | 19 | [params] 20 | [params.sharebutton] 21 | # If you want to display share buttons set these 22 | # This is Optional values 23 | twitter = true 24 | # facebook = true 25 | # hatena = true # hatena is Japanese social media 26 | google = true 27 | # pocket = true 28 | # Please set id when you want to display facebook 29 | # facebookAppId = "your app id" 30 | 31 | [params.adsense] 32 | # If you want to display Google adsense set these 33 | # This is Optional values 34 | # 1. Create file written of the adsense tag into the directory "layouts/partials" 35 | # 2. Please set file path name omitted "layouts/partials" 36 | # sidebar = "adsense/sidebar.html" 37 | content = "adsense/content.html" 38 | -------------------------------------------------------------------------------- /layouts/_default/rss.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ with .Title }}{{ . }} on {{ end }}{{ .Site.Title }} 4 | {{ .Permalink }} 5 | Recent content {{ with .Title }}in {{ . }} {{ end }}on {{ .Site.Title }} 6 | Hugo -- gohugo.io{{ with .Site.LanguageCode }} 7 | {{ . }}{{ end }}{{ with .Site.Author.email }} 8 | {{ . }}{{ with $.Site.Author.name }} ({{ . }}){{ end }}{{ end }}{{ with .Site.Author.email }} 9 | {{ . }}{{ with $.Site.Author.name }} ({{ . }}){{ end }}{{ end }}{{ with .Site.Copyright }} 10 | {{ . }}{{ end }}{{ if not .Date.IsZero }} 11 | {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}{{ end }} 12 | 13 | {{ range first 15 .Data.Pages }} 14 | 15 | {{ .Title }} 16 | {{ .Permalink }} 17 | {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }} 18 | {{ with .Site.Author.email }}{{ . }}{{ with $.Site.Author.name }} ({{ . }}){{ end }}{{ end }} 19 | {{ .Permalink }} 20 | {{ .Summary | html }} 21 | 22 | {{ end }} 23 | 24 | 25 | -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{ partial "header.html" . }} 2 |
3 |
4 |
5 |

{{ .Title }}

6 |
7 | {{ .Date.Format "2006/01/02" }} 8 | {{ partial "tags.html" . }} 9 |
10 |
11 | {{ partial "share.html" . }} 12 |
13 |
14 | {{ .Content }} 15 |
16 | 45 |
46 | {{ partial "footer.html" . }} 47 | -------------------------------------------------------------------------------- /layouts/partials/sidebar.html: -------------------------------------------------------------------------------- 1 |
2 | {{ with .Site.Params.adsense.sidebar }} 3 |
4 |
5 | Sponsored link 6 |
7 |
8 | {{ partial . }} 9 |
10 |
11 | {{ end }} 12 | {{ if .Site.Author }} 13 |
14 |
15 | Author 16 |
17 |
18 | {{ .Site.Author.name }} 19 |
20 | {{ with .Site.Author.twitter }} 21 | 22 | {{ end }} 23 | {{ with .Site.Author.github }} 24 | 25 | {{ end }} 26 | {{ with .Site.Author.linkedin }} 27 | 28 | {{ end }} 29 | {{ with .Site.Author.tumblr }} 30 | 31 | {{ end }} 32 |
33 |
34 |
35 | {{ end }} 36 | {{ with .Site.Taxonomies.categories }} 37 |
38 |
39 | Categories 40 |
41 |
42 | 49 |
50 |
51 | {{ end }} 52 |
53 |
54 | RSS 55 |
56 |
57 | 58 | 59 | 60 |
61 |
62 |
63 | -------------------------------------------------------------------------------- /layouts/partials/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {{ .Hugo.Generator }} 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | {{ if .Site.Params.mathjax }} 18 | 31 | 32 | {{ end }} 33 | 34 | {{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }} 35 | 36 | 37 |
38 | {{ template "_internal/google_analytics.html" . }} 39 |
40 |
41 | {{ .Site.Title }} 42 |
43 |
44 |
45 |
46 | -------------------------------------------------------------------------------- /layouts/partials/share.html: -------------------------------------------------------------------------------- 1 | {{ if .Site.Params.sharebutton }} 2 |
3 |
    4 | {{ if .Site.Params.sharebutton.twitter }} 5 |
  • 6 | 7 | 8 |
    • 9 | {{ end }} 10 | {{ if .Site.Params.sharebutton.facebook }} 11 | {{ with .Site.Params.sharebutton.facebookAppId }} 12 |
  • 13 | 14 |
    • 15 | {{ end }} 16 | {{ end }} 17 | {{ if .Site.Params.sharebutton.hatena }} 18 |
  • 19 | このエントリーをはてなブックマークに追加 20 |
    • 21 | {{ end }} 22 | {{ if .Site.Params.sharebutton.google }} 23 |
  • 24 |
    25 |
    • 26 | {{ end }} 27 | {{ if .Site.Params.sharebutton.pocket }} 28 |
  • 29 | 30 | 31 |
    • 32 | {{ end }} 33 | {{ if .Site.Params.sharebutton.tumblr }} 34 |
  • 35 | 36 | 37 |
    • 38 | {{ end }} 39 |
40 |
41 | {{ end }} 42 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Geppaku 2 | ============================= 3 | Geppaku is bluish white theme for [Hugo](http://gohugo.io/). 4 | 5 | Note that it is not in the "Seppuku". 6 | I'm not Samurai. 7 | 8 | Please check [http://2626.info/](http://2626.info/), if you are interested in this theme. 9 | 10 | ## Screenshot 11 | ### Index page 12 | ![list](https://github.com/masa0221/hugo-theme-geppaku/blob/master/images/list.png) 13 | 14 | ### Post page 15 | ![post](https://github.com/masa0221/hugo-theme-geppaku/blob/master/images/screenshot.png) 16 | 17 | ## Installation 18 | 19 | ``` 20 | $ mkdir themes 21 | $ cd themes 22 | $ git clone https://github.com/masa0221/hugo-theme-geppaku hugo-theme-geppaku 23 | ``` 24 | See the Hugo documentation for more information. 25 | 26 | 27 | ## Config 28 | 29 | Example of config.toml file: 30 | ```toml 31 | baseurl = "http://your-site-here/" 32 | languageCode = "en-us" 33 | title = "your site title" 34 | theme= "hugo-theme-geppaku" 35 | googleAnalytics = "" 36 | disqusShortname = "" 37 | 38 | [author] 39 | # If you want to display author information set these 40 | # This is Optional values 41 | name = "Your name" 42 | 43 | # Please set account ids 44 | # This is Optional values 45 | twitter = "your twitter id" 46 | linkedin = "your linkedin id" 47 | github = "your github id" 48 | tumblr = "your tumblr id" 49 | 50 | [params] 51 | [params.sharebutton] 52 | # If you want to display share buttons set these 53 | # This is Optional values 54 | twitter = true 55 | facebook = true 56 | tumblr = true 57 | # hatena = true # hatena is Japanese social media 58 | google = true 59 | pocket = true 60 | # Please set id when you want to display facebook 61 | facebookAppId = "your app id" 62 | 63 | [params.adsense] 64 | # If you want to display Google adsense set these 65 | # This is Optional values 66 | # 1. Create file written of the adsense tag into the directory "layouts/partials" 67 | # 2. Please set file path name omitted "layouts/partials" 68 | sidebar = "adsense/sidebar.html" 69 | content = "adsense/content.html" 70 | ``` 71 | You can delete optional parameter. 72 | Please delete unnecessary parameter. 73 | 74 | ### Post 75 | 76 | Create markdown file: 77 | ```sh 78 | hugo new post/2016/05/hello-hugo.md 79 | ``` 80 | 81 | Example of the markdown file: 82 | ```md 83 | +++ 84 | date = "2016-04-30T16:44:45+09:00" 85 | draft = false 86 | title = "Hello Hugo!" 87 | slug = "hello-hugo" 88 | categories = ["tech"] 89 | tags = [ 90 | "hugo", 91 | "golang", 92 | ] 93 | +++ 94 | Hello Hugo! 95 | ``` 96 | 97 | ### Example 98 | 99 | Please check sample. 100 | [https://github.com/masa0221/hugo-theme-geppaku/tree/master/exampleSite]( 101 | https://github.com/masa0221/hugo-theme-geppaku/tree/master/exampleSite) 102 | -------------------------------------------------------------------------------- /exampleSite/content/post/2016/05/how-to-install-Geppaku-theme.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2016-05-03T11:03:05+09:00" 3 | draft = false 4 | title = "How to install Geppaku theme" 5 | slug = "how-to-install-geppaku-theme" 6 | categories = ["technology"] 7 | tags = [ 8 | "Hugo", 9 | "Hugo theme", 10 | ] 11 | +++ 12 | Geppaku is bluish white theme for [Hugo](http://gohugo.io/). 13 | It is color name in Japan. Chinese character is "月白". 14 | 15 | > 月白（げっぱく）とは、月の光を思わせる薄い青みを含んだ白色のことです。 16 | via http://irocore.com/geppaku/ 17 | 18 | Geppaku is the white color including a thin blue that reminiscent of the light of the moon. 19 | (If that translate is wrong, please inform me using PullRequest.) 20 | 21 | ## Screenshot 22 | ### Index page 23 | ![list](/images/2016/05/03/list.png) 24 | 25 | ### Post page 26 | ![post](/images/2016/05/03/screenshot.png) 27 | 28 | 29 | ## Installation 30 | 31 | ``` 32 | $ mkdir themes 33 | $ cd themes 34 | $ git clone https://github.com/masa0221/hugo-theme-geppaku hugo-theme-geppaku 35 | ``` 36 | See the Hugo documentation for more information. 37 | 38 | 39 | ### Config 40 | 41 | Example of config.toml file: 42 | ```toml 43 | baseurl = "http://your-site-here/" 44 | languageCode = "en-us" 45 | title = "your site title" 46 | theme= "hugo-theme-geppaku" 47 | googleAnalytics = "" # Optional 48 | disqusShortname = "" # Optional 49 | 50 | [author] 51 | # If you want to display author information set these 52 | # This is Optional values 53 | name = "Your name" 54 | 55 | # Please set account ids 56 | # This is Optional values 57 | twitter = "your twitter id" 58 | linkedin = "your linkedin id" 59 | github = "your github id" 60 | 61 | [params] 62 | [params.sharebutton] 63 | # If you want to display share buttons set these 64 | # This is Optional values 65 | twitter = true 66 | facebook = true 67 | # hatena = true # hatena is Japanese social media 68 | google = true 69 | pocket = true 70 | # Please set id when you want to display facebook 71 | facebookAppId = "your app id" 72 | 73 | [params.adsense] 74 | # If you want to display Google adsense set these 75 | # This is Optional values 76 | # 1. Create file written of the adsense tag into the directory "layouts/partials" 77 | # 2. Please set file path name omitted "layouts/partials" 78 | sidebar = "adsense/sidebar.html" 79 | content = "adsense/content.html" 80 | ``` 81 | You can delete optional parameter. 82 | Please delete unnecessary parameter. 83 | 84 | 85 | ### New Post 86 | #### Create markdown file 87 | ```sh 88 | hugo new post/2016/05/hello-hugo.md 89 | ``` 90 | 91 | #### Example of the toml file 92 | 93 | ``` 94 | +++ 95 | date = "2016-04-30T16:44:45+09:00" 96 | draft = false 97 | title = "Hello Hugo!" 98 | slug = "hello-hugo" 99 | categories = ["tech"] 100 | tags = [ 101 | "hugo", 102 | "golang", 103 | ] 104 | +++ 105 | Hello Hugo! 106 | ``` 107 | -------------------------------------------------------------------------------- /static/css/style.css: -------------------------------------------------------------------------------- 1 | /** 2 | * init 3 | */ 4 | * { 5 | margin: 0px; 6 | padding: 0px; 7 | } 8 | 9 | html, body { 10 | height: 100%; 11 | } 12 | 13 | body { 14 | font-family: sans-serif; 15 | } 16 | 17 | img { 18 | max-width: 100%; 19 | height: auto; 20 | } 21 | 22 | a { 23 | color: #303030; 24 | } 25 | 26 | a:hover { 27 | color: #4078C0; 28 | } 29 | 30 | #wrap { 31 | width: 100%; 32 | position: relative; 33 | height:auto !important; 34 | height: 100%; 35 | min-height: 100%; 36 | } 37 | 38 | .container { 39 | width: 1000px; 40 | margin-right: auto; 41 | margin-left: auto; 42 | padding-bottom:50px; 43 | overflow: hidden; 44 | } 45 | 46 | /** 47 | * header 48 | */ 49 | .site-header { 50 | background: #F6F7F8; 51 | height: 60px; 52 | margin-bottom: 40px; 53 | } 54 | 55 | .site-header a { 56 | color: #303030; 57 | text-decoration: none; 58 | font-size: 20px; 59 | } 60 | 61 | .site-header-left { 62 | padding: 15px 0px 12px 20px; 63 | width: 1000px; 64 | margin: 0 auto; 65 | } 66 | 67 | .site-header-title { 68 | font-weight: bold; 69 | } 70 | 71 | /** 72 | * main content 73 | */ 74 | #main { 75 | clear: left; 76 | float: left; 77 | margin-bottom: 50px; 78 | } 79 | 80 | /** 81 | * articles 82 | */ 83 | .article { 84 | width: 590px; 85 | padding: 0px 20px 20px 20px; 86 | clear: left; 87 | overflow: hidden; 88 | } 89 | 90 | .article-meta { 91 | overflow: hidden; 92 | } 93 | 94 | .article .posttime { 95 | color: #747474; 96 | font-size: 12px; 97 | float: left; 98 | margin-right: 10px; 99 | margin-top: 4px; 100 | } 101 | 102 | .article .content { 103 | clear: left; 104 | color: #303030; 105 | margin-bottom: 10px; 106 | } 107 | 108 | .article .content ol, 109 | .article .content ul 110 | { 111 | padding-left: 40px; 112 | } 113 | 114 | .article .content a { 115 | font-size: 14px; 116 | } 117 | 118 | .article .content a:hover { 119 | font-size: 14px; 120 | } 121 | 122 | .article .tags a { 123 | font-size: 10px; 124 | } 125 | 126 | .article .tags a:hover { 127 | font-size: 10px; 128 | } 129 | 130 | /** 131 | * sidebar 132 | */ 133 | .sidebar { 134 | width: 310px; 135 | float: right; 136 | min-height:200px; 137 | height: 200px; 138 | height: auto !important; 139 | overflow: hidden; 140 | } 141 | 142 | .sidebar-content { 143 | margin-bottom: 30px; 144 | } 145 | 146 | .sidebar-header { 147 | padding: 5px 0px 5px 10px; 148 | margin-bottom: 15px; 149 | border-bottom: 1px solid #B4B3BA; 150 | } 151 | 152 | .sidebar-header span { 153 | color: #747474; 154 | margin-bottom: 4px; 155 | padding-left: 5px; 156 | } 157 | 158 | /** 159 | * tags 160 | */ 161 | .tags { 162 | overflow: hidden; 163 | } 164 | 165 | .tags li { 166 | float: left; 167 | list-style: none; 168 | margin-right: 5px; 169 | margin-bottom: 2px; 170 | } 171 | 172 | .tags a { 173 | text-decoration: none; 174 | color: #303030; 175 | font-size: 14px; 176 | padding: 2px 3px; 177 | border: 1px solid #747474; 178 | } 179 | 180 | .tags a:hover { 181 | background: #F6F7F8; 182 | color: #303030; 183 | font-size: 14px; 184 | padding: 2px 3px; 185 | } 186 | 187 | /** 188 | * categories 189 | */ 190 | .categories { 191 | clear: left; 192 | } 193 | 194 | .categories li { 195 | list-style: none; 196 | margin-bottom: 3px; 197 | white-space: nowrap; 198 | } 199 | 200 | .categories span { 201 | display: inline-block; 202 | background: #B4B3BA; 203 | width: 6px; 204 | height: 6px; 205 | margin-bottom: 3px; 206 | margin-right: 10px; 207 | } 208 | 209 | .categories a { 210 | color: #747474; 211 | text-decoration: none; 212 | padding: 5px 20px; 213 | text-align: center; 214 | } 215 | 216 | .categories a:hover { 217 | color: #4078C0; 218 | list-style: none; 219 | } 220 | 221 | /** 222 | * author 223 | */ 224 | #author { 225 | margin-left: 14px; 226 | } 227 | 228 | #author span { 229 | display: inline-block; 230 | margin-bottom: 5px; 231 | } 232 | 233 | #author a { 234 | color: #747474; 235 | margin-right: 5px; 236 | list-style: none; 237 | } 238 | 239 | #author a:hover { 240 | color: #4078C0; 241 | } 242 | 243 | /** 244 | * RSS 245 | */ 246 | #rss a { 247 | color: #747474; 248 | margin-left: 14px; 249 | } 250 | 251 | #rss a:hover { 252 | color: #4078C0; 253 | } 254 | 255 | 256 | /** 257 | * footer 258 | */ 259 | #site-footer-wrap { 260 | position: absolute; 261 | width: 100%; 262 | bottom: 0; 263 | background: #F6F7F8; 264 | } 265 | 266 | #site-footer { 267 | clear: left; 268 | padding-top: 10px; 269 | min-height:50px; 270 | height: 50px; 271 | padding: 25px 0px 0px 20px; 272 | 273 | width: 1000px; 274 | margin:0 auto; 275 | } 276 | 277 | #site-footer span { 278 | display: inline-block; 279 | color: #303030; 280 | font-size: 12px; 281 | } 282 | 283 | #site-footer a { 284 | color: #303030; 285 | } 286 | 287 | #site-footer a:hover { 288 | color: #4078C0; 289 | } 290 | 291 | h1 { 292 | margin-top: 10px; 293 | margin-bottom: 10px; 294 | } 295 | 296 | h2 { 297 | position: relative; 298 | padding: 20px 0px 20px 41px; 299 | color: #303030; 300 | font-size: 25px; 301 | min-height: 40px; 302 | line-height: 40px; 303 | } 304 | 305 | h2:before { 306 | position: absolute; 307 | top: 30px; 308 | left: 6px; 309 | width: 14px; 310 | height: 14px; 311 | border: 4px solid #B4B3BA; 312 | content: ""; 313 | } 314 | 315 | h2:after { 316 | position: absolute; 317 | top: 20px; 318 | left: -4px; 319 | width: 17px; 320 | height: 17px; 321 | border: 4px solid #747474; 322 | content: ""; 323 | } 324 | 325 | h3 { 326 | position: relative; 327 | padding: 10px 0px 10px 30px; 328 | color: #303030; 329 | font-size: 20px; 330 | min-height: 33px; 331 | line-height: 33px; 332 | } 333 | 334 | h3:before { 335 | position: absolute; 336 | top: 15px; 337 | left: 0px; 338 | width: 13px; 339 | height: 13px; 340 | border: 4px solid #747474; 341 | content: ""; 342 | } 343 | 344 | h4 { 345 | position: relative; 346 | padding: 10px 0px 10px 25px; 347 | color: #303030; 348 | font-size: 16px; 349 | min-height: 25px; 350 | line-height: 25px; 351 | content: ""; 352 | } 353 | 354 | h4:before { 355 | position: absolute; 356 | top: 12px; 357 | left: 0px; 358 | width: 10px; 359 | height: 10px; 360 | border: 4px solid #B4B3BA; 361 | content: ""; 362 | } 363 | 364 | .article-header { 365 | margin-bottom: 20px; 366 | } 367 | 368 | .article .adsense { 369 | margin-top: 25px; 370 | margin-bottom: 30px; 371 | display:inline-block; 372 | } 373 | 374 | .article .content { 375 | word-break: break-word; 376 | } 377 | 378 | .article .content ul, 379 | .article .content ol, 380 | .article .content p { 381 | margin-bottom: 20px; 382 | } 383 | 384 | .article .content pre { 385 | overflow: auto; 386 | white-space: pre-wrap; 387 | word-wrap: break-word; 388 | margin-bottom: 20px; 389 | } 390 | 391 | .article .content blockquote { 392 | position: relative; 393 | 394 | background: #F6F7F8; 395 | padding: 20px 25px 10px 45px; 396 | margin: 5px 17px 20px 0px; 397 | 398 | font-size: 13px; 399 | font-style: italic; 400 | } 401 | 402 | .article .content blockquote:before{ 403 | position: absolute; 404 | left: 5px; 405 | top: 0px; 406 | 407 | content: "\201C"; 408 | font-size: 60px; 409 | color: #747474; 410 | } 411 | 412 | .article .content blockquote p { 413 | margin-bottom: 5px; 414 | } 415 | 416 | .article .content blockquote small { 417 | display: block; 418 | text-align:right; 419 | margin-top: 10px; 420 | } 421 | 422 | /** 423 | * article-list 424 | */ 425 | #articles-list-header h1 { 426 | font-size: 25px; 427 | color: #303030; 428 | text-decoration: none; 429 | padding-left: 20px; 430 | } 431 | 432 | #articles-list-header { 433 | border-bottom: 2px solid #F6F7F8; 434 | margin-bottom: 50px; 435 | } 436 | 437 | #article-list .article { 438 | padding: 0px 0px 48px 20px; 439 | margin: 50px 0px 0px 0px; 440 | border-bottom: 2px solid #F6F7F8; 441 | } 442 | 443 | #article-list h2 { 444 | font-size: 18px; 445 | padding: 0; 446 | min-height: 18px; 447 | line-height: 18px; 448 | } 449 | 450 | #article-list h2:before { 451 | border: none; 452 | } 453 | 454 | #article-list h2:after { 455 | border: none; 456 | } 457 | 458 | #article-list h2 a { 459 | color: #303030; 460 | text-decoration: none; 461 | } 462 | 463 | #article-list h2 a:hover { 464 | color: #4078C0; 465 | } 466 | 467 | /** 468 | * pager 469 | */ 470 | #pager { 471 | margin-top: 20px; 472 | margin-bottom: 30px; 473 | overflow: hidden; 474 | padding-top: 20px; 475 | margin: 20px auto 30px auto; 476 | width: 60%; 477 | } 478 | 479 | #pager .pagination li { 480 | float: left; 481 | list-style: none; 482 | } 483 | 484 | #pager .pagination a { 485 | display: inline-block; 486 | text-decoration: none; 487 | color: #303030; 488 | font-size: 14px; 489 | padding: 10px 8px; 490 | margin-bottom: 10px; 491 | margin-right: 10px; 492 | border: 1px solid #747474; 493 | } 494 | 495 | #pager .pagination a:hover { 496 | background: #F6F7F8; 497 | color: #303030; 498 | font-size: 14px; 499 | padding: 10px 8px; 500 | margin-right: 10px; 501 | } 502 | 503 | #pager .pagination .active a { 504 | padding: 10px 8px; 505 | background: #747474; 506 | color: #F6F7F8; 507 | } 508 | 509 | .adsense .sponsor-label { 510 | display: block; 511 | font-size: 13px; 512 | color: #747474; 513 | } 514 | 515 | #share-buttons { 516 | clear: left; 517 | margin-bottom: 20px; 518 | overflow: auto; 519 | } 520 | 521 | #share-buttons li { 522 | float: left; 523 | list-style: none; 524 | margin-right: 10px; 525 | } 526 | 527 | .article-footer { 528 | clear: left; 529 | padding-top: 30px; 530 | } 531 | 532 | .article-footer .adsense { 533 | margin-bottom: 30px; 534 | } 535 | 536 | .article-footer .tags { 537 | margin-bottom: 70px; 538 | } 539 | 540 | #disqus_thread { 541 | margin-bottom: 30px; 542 | } 543 | 544 | #pagenavigation-next-prev { 545 | clear: left; 546 | } 547 | 548 | #pagenavigation-next { 549 | margin-bottom: 15px; 550 | } 551 | 552 | #pagenavigation-next-prev span { 553 | display: block; 554 | font-size: 13px; 555 | font-weight: bold; 556 | } 557 | 558 | #pagenavigation-next-prev a { 559 | color: #747474; 560 | font-size: 14px; 561 | } 562 | 563 | #pagenavigation-next-prev a:hover { 564 | color: #4078C0; 565 | font-size: 14px; 566 | } 567 | 568 | /** 569 | * responsive styles 570 | */ 571 | @media screen and (max-width: 950px) { 572 | img { 573 | float: none; 574 | } 575 | 576 | .site-header-left { 577 | padding: 15px 0px 12px 20px; 578 | width: auto; 579 | } 580 | 581 | #main { 582 | float: none; 583 | width: auto; 584 | margin-bottom: 5px; 585 | } 586 | 587 | .container { 588 | width: auto; 589 | } 590 | 591 | .content { 592 | width: auto; 593 | } 594 | 595 | .article { 596 | width: auto; 597 | padding: 0px 10px 30px 10px; 598 | } 599 | 600 | #article-list .article { 601 | padding-right: 20px; 602 | } 603 | 604 | #pager { 605 | width: 50%; 606 | } 607 | 608 | .sidebar { 609 | clear: left; 610 | float: none; 611 | margin-left: 10px; 612 | width: auto; 613 | padding: 0px; 614 | margin: 0 auto 70px auto; 615 | } 616 | 617 | .sidebar-header { 618 | width: auto; 619 | } 620 | 621 | .sidebar-content { 622 | width: auto; 623 | } 624 | 625 | .sidebar .adsense { 626 | margin-left: 20px; 627 | } 628 | 629 | #site-footer { 630 | padding-left: 20px; 631 | width: auto; 632 | } 633 | 634 | #articles-list-header h1 { 635 | padding-left: 10px; 636 | } 637 | } 638 | 639 | @media screen and (max-width: 600px) { 640 | h1 { 641 | font-size: 25px; 642 | } 643 | 644 | .site-header-left { 645 | padding-left: 10px; 646 | } 647 | 648 | #articles-list-header h1 { 649 | font-size: 16px; 650 | } 651 | 652 | #articles-list-header { 653 | margin-bottom: 20px; 654 | } 655 | 656 | #article-list h2 { 657 | font-size: 14px; 658 | } 659 | 660 | #article-list { 661 | margin-bottom: 20px; 662 | padding-bottom: 20px; 663 | } 664 | 665 | #article-list .article { 666 | padding: 0px 10px 18px 10px; 667 | margin: 20px 0px 0px 0px; 668 | } 669 | 670 | #pager { 671 | width: 100%; 672 | padding-left: 10px; 673 | } 674 | 675 | .sidebar .adsense { 676 | margin-left: 10px; 677 | } 678 | 679 | #site-footer { 680 | padding: 10px 0px 10px 10px; 681 | } 682 | } 683 | 684 | --------------------------------------------------------------------------------