vbatts/hugo-theme-hyde-hyde
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updates README, fonts, adds GraphComment

Browse source
This commit is contained in:
Huy Tran 2018-04-05 16:17:04 +10:00
parent f830530c5a
commit d49f6bf471
6 changed files with 20 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
README.md
View file

@ -9,9 +9,10 @@ You can see a real site in action [here](https://htr3n.github.io).
![hyde-hyde main screen](https://github.com/htr3n/hyde-hyde/blob/master/images/posts.png)
## Notable Changes
* Migrated to [Font-Awesome 5](https://fontawesome.com)
* The color tone is inspired by [Nate Finch's blog](https://npf.io)
* Main font [Fira-Sans](https://fonts.google.com/specimen/Fira+Sans)
* Using [highlight.js](https://highlightjs.org) for highlighting code
* Using [Font-Awesome 5](https://fontawesome.com) for icons
* Color tones are inspired by [Nate Finch's blog](https://npf.io)
* Main font [Fira-Sans](https://fonts.google.com/specimen/Fira+Sans) + fixed width font [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono)
## Installation

6
exampleSite/config.toml
View file

@ -5,8 +5,8 @@ languageCode = "en"
theme = "hyde-hyde"
## Hugo Built-in Features
# disqusShortname = ""
# googleAnalytics = ""
# disqusShortname = "your-disqus-shortname"
# googleAnalytics = "your-google-analytics-id"
# enableRobotsTXT = true
## Site Settings
@ -18,6 +18,8 @@ theme = "hyde-hyde"
dateformat = "Jan 2, 2006"
highlightjs = true
# highlightjsstyle = "github"
# please choose either GraphComment or Disqus
# GraphCommentId = "your-graph-comment-id"
## Social Accounts
[params.social]

16
layouts/partials/header.html
View file

@ -1,10 +1,10 @@
<link href="http://gmpg.org/xfn/11" rel="profile">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{{ "<!-- Enable responsiveness on mobile devices -->" | safeHTML }}
{{ "<!-- Enable responsiveness on mobile devices -->" | safeHTML }}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
{{ with .Site.Params.meta.description -}}<meta name="description" content="{{ . }}">{{- end }}
{{ with .Site.Params.meta.keywords -}}<meta name="keywords" content="{{.}}">{{- end }}
{{ with .Site.Params.meta.keywords -}}<meta name="keywords" content="{{.}}">{{- end }}
{{ .Hugo.Generator }}
{{ if .IsHome -}}
<title>{{ .Site.Title }}</title>
@ -12,20 +12,20 @@
<title>{{ .Title }} &middot; {{ .Site.Title }}</title>
{{- end }}
<meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }}" property="og:title">
<meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Site.Params.meta.description }}{{ if eq $isHomePage false }} - {{ .Description }}{{ end }}" property="og:description">
{{ "<!-- CSS -->" | safeHTML }}
<meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Site.Params.meta.description }}{{ if eq $isHomePage false }} - {{ .Description }}{{ end }}" property="og:description">
{{ "<!-- CSS -->" | safeHTML }}
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i|Roboto+Mono:300,300i,400,400i" rel="stylesheet">
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/print.css" media="print">
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css">
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> -->
{{ "<!-- Font-Awesome -->" | safeHTML }}
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
{{ if .Site.Params.highlightjs -}}
{{ "<!-- highlight.js-->" | safeHTML }}
{{ "<!-- highlight.js-->" | safeHTML }}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/{{ .Site.Params.highlightjsstyle | default "default" }}.min.css">
{{- end }}
{{ if .Site.Params.PygmentsUseClasses -}}
{{ "<!-- Pygments Syntax -->" | safeHTML }}
{{ "<!-- Pygments Syntax -->" | safeHTML }}
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/syntax.css">
{{- end }}
{{- "<!-- Customised CSS -->" | safeHTML }}
@ -39,7 +39,7 @@
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
<link rel="shortcut icon" href="/favicon.png">
{{ if .RSSLink -}}
{{ "<!-- RSS -->" | safeHTML }}
{{ "<!-- RSS -->" | safeHTML }}
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
<link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
{{- end }}

2
layouts/partials/post_content.html
View file

@ -30,6 +30,8 @@
{{ end }}
{{ end }}
{{ end }}
<br/>
<i class="fas fa-clock"></i> {{ .ReadingTime }} min read
</span>
</div>
{{ end }}

4
layouts/partials/post_footer.html
View file

@ -14,9 +14,7 @@
<h2>Comments</h2>
{{ partial "post_disqus.html" . }}
{{ end }}
{{- end }}
{{ if .Site.Params.GraphCommentId -}}
{{ else if .Site.Params.GraphCommentId -}}
<div id="graphcomment"></div>
<script type="text/javascript">
window.graphcomment_id = '{{ .Site.Params.GraphCommentId }}';

2
theme.toml
View file

@ -2,7 +2,7 @@ name = "hyde-hyde"
license = "MIT"
licenselink = "https://github.com/htr3n/hyde-hyde/blob/master/LICENSE.md"
description = "A forked/derived version of Hyde"
tags = ["blog", "theme", "hyde", "highlight.js", "font-awesome", "google analytics", "disqus", "personal", "syntax highlighting", "responsive"]
tags = ["blog", "theme", "hyde", "highlight.js", "font-awesome", "google analytics", "disqus", "personal", "syntax highlighting", "responsive", "graphcomment"]
features = ["blog", "theme", "highlight.js", "font-awesome"]
min_version = "0.33"