track3 / hermit Goto Github PK
View Code? Open in Web Editor NEWA minimal & fast Hugo theme for bloggers
Home Page: https://hugo-theme-hermit.netlify.com/
License: MIT License
A minimal & fast Hugo theme for bloggers
Home Page: https://hugo-theme-hermit.netlify.com/
License: MIT License
Should it be? I don't see it being passed into the scss as I'd expect.
I just see it in the layouts/_default/baseof.html
:
{{- with .Site.Params.themeColor }}
<meta name="theme-color" content="{{.}}">
<meta name="msapplication-TileColor" content="{{.}}">
{{- end }}
I created a workaround in the layouts/partials/extra-head.html
:
{{- with .Site.Params.themeColor }}
<style>
html {background-color: {{.}};}
</style>
{{- end }}
Thanks for creating the theme!
It would be great if the h1, h2, h3 and so on had clickable links with hashes(for example like this: https://github.com/Track3/hermit#features) in content. I know that TOC has something similar, but it would be great if this is available in headlines(on hover). Also it would be great if this looks somewhat similar like github:
In the default configuration, the bottom bar displays the correct links to the subcatgories. However, if you switch to a different language, the links got confused with different subcategories merged into the path. E.g. if the link
http://localhost:1313/license/
does work well, the link in the german version looks like:
http://localhost:1313/de/literatur/lizenz
though it should look like
http://localhost:1313/de/lizenz
while another link should look like
http://localhost:1313/de/literatur/
Any idea why it is generated like this? Thanks for your help!
In the 404 layout there are two buttons Home and Archives.
Line 11 in 1da63e3
I'm wondering if the Archives button should be called Posts, since by default it goes there anyway.
I'm trying to activate disqus comments for blog posts, it works correctly in development, but when try to deploy the site it gave me this error
Error: Error building site: failed to render pages: render of "page" failed: execute of template failed: template: posts/single.html:48:5: executing "main" at <partialCached "disqu...>: error calling partialCached: "/opt/build/repo/themes/hermit/layouts/partials/disqus.html:10:36": execute of template failed: template: partials/disqus.html:10:36: executing "partials/disqus.html" at <.Site.DisqusShortnam...>: can't evaluate field Site in type string
also there's styling matter you would deal with:
the width of the panel of disqus is wider than the post, you may restyle it to be more beautiful
Can you add a readme section on how to change theme colours? It's scattered across the issue pages.
Hello,
I am windering if we could add a tag menu in the homepage and show all the tags when we add them in the blogs.
Thanks. :)
Here is my site and screenshot:
https://lenguyenthanh.com/about/
Firstly, Love the theme.
But I tried to do some small tweeking of the colour palette within the _predefined.css within the theme. Mainly just to do more personalisation of the site. Is this the correct place, as it does not seem to get populated out to the generated site?
Commit 1e17ccb somehow changed the behaviour of featuredImg so that it's no longer referencing relative paths correctly. Have a look at my page New Year, New Beginnings and see the developer console.
It is trying to load the featuredImg from https://www.coderfrontline.com/city-night-explosion-firework.jpg rather than https://www.coderfrontline.com/new-year-new-beginnings/city-night-explosion-firework.jpg.
My folder structure:
-- content
---- posts
------ 2018-12-30-new-year-new-beginnings
-------- index.md
-------- city-night-explosion-firework.jpg
-------- (other image files used in the post)
My front matter:
title: New Year, New Beginnings
date: 2018-12-31T09:00:00+13:00
featuredImg: city-night-explosion-firework.jpg
categories:
- General
I used git bisect
to determine that it started happening with commit 1e17ccb but I don't know enough about Hugo templates to advise the exact cause.
Appreciate your good work - love the template!
Hi @Track3, firstly, thank you for creating this excellent theme. Finding it made my decision to use Hugo for my site easy ๐
Today I spent some time adding a Content-Security-Policy
for my website. I blogged about the steps I took here, but in summary:
<script>let haveHeader = true;</script>
to execute I had to add the hash sha256-AnD4MU8ryLQfUOxyB+K8iDV82R0rMK6os4wCSP8Cqqo=
<script>let haveHeader = false;</script>
to execute I had to add the hash sha256-mzxFK7/AUlIhalqxiKcyRO9mSXWeALlmGjRumxphi9M=
<div id="mobile-menu" class="animated fast" style="display: none;">
. The suggested hash Chrome gave me (sha256-biLFinpqYMtWHmXfkA1BPeCY0/fNt46SAZ+BBk5YUog=
) did not work, so I had to add unsafe-inline
I see Hugo adds an integrity
attribute to other tags, but I am not sure if that only works if they are not inline?
Here is the version information for the version of Hugo I am using:
Hugo Static Site Generator v0.53/extended darwin/amd64 BuildDate: unknown
I have only just started to use Hugo, so please forgive me if I have missed something. Thanks in advance.
I followed the tutorial to host my site to github pages as a project. The site is reachable and working fine except that the background color is white on chrome and my home page isn't rendering properly.
I can see the bottom nav on the home page. This problem doesn't happen when I run the site locally using hugo serve, only on the github hosted site.
You can see the github source here: https://github.com/karanveersp/opened-light
SVG icons and fonts on windows are not rendering as they are supposed to render, refer to screenshots below.
Windows - https://i.imgur.com/AWcc1CD.png
Ubuntu 19.04 - https://i.imgur.com/xhIAxH0.png
Or more specifically, the initial splash page?
Hi, I've just started using the Hugo and your theme. I've encountered the problem #27 . So it interests me how you represent time. I mean, the way you define now in the [param] isn't very clear for users (I prefer using yyyy/mm/dd instead of using a specific time(2016-01-02), like DateTimeFormatter in Java). What's more, it doesn't support i18n (or you didn't add it #3). Any possibility to change it?
Hi, I love your theme, hovever I've found a small bug.
In config.yml I have:
params:
social:
- name: "email"
url: "[email protected]"
what I see as link to that email is localhost:1313/about/[email protected]
(I can only see social section in about page for now, since I don't have anything else). I have github and linkedin working fine with https://...
Hello,
First, great theme! I only seem to be running into a single issue and I have done a bit of troubleshooting and cannot run it down.
First, the details on my site:
Published Site
Github Repo
Netlify for hosting and deployment
Now, to the issue:
I put the site up and noticed that google analytics was not collecting stats. I checked my config and everything looked good. I walked the rendering of the site and it looks like the analytics.html
partial gets called, but for some reasons the Google Analytics template is not being rendered.โ
I am sure it is something basic that I am overlooking, but I need another set of eyes. Any assistance would be greatly appreciated.
Thanks!
Hi! Have you ever wondered to add tags to blog posts? I looked for them in your theme, but I couldn't find how to put them.
Hi, Would be a good idea to add pagination on the post list page, simply because if there are to much post the list is very long and can be very difficult to scroll through the page.
Hi - thanks for this great template! I have searched the other issues and couldn't find one for this.
Images won't display. I have tried storing the images in the public
, static
, and even an images
folder within a page directory. I am able to click on the image path and it displays the image, suggesting the file path is properly specified. Yet, when I "compile" the website in RStudio (using serve_site()
), the image doesn't appear. Any thoughts on what I am doing wrong here?
Thanks!
On Chromium (Firefox seems to be fine), link text is broken such that the text is difficult to read, which affects mobile users especially. This line seems to be the culprit:
hermit/assets/scss/_predefined.scss
Line 23 in 885bf2c
This is what occurs when we use word-break: break-all;
(current behaviour for Chromium)
This is what occurs when we use word-break: normal;
(expected behaviour, what happens on Firefox)
word-break: break-all;
has some other occurances in the stylesheets (for code and links on the 404 page I think), although I'm not sure if they work as intended or not
Currently I have a proof of concept partially implemented and would like to finish submitting as a pull request. However, due to my expertise not being in javascript, figured I'd submit here as an issue in case anyone feels like helping me out.
Goal is to have new configuration options as below
searchEnabled: true
searchProvider: algolia|lunrjs
Current half of ui is showing up on my site at sheldonhull.com based on efforts to reproduce what https://mmistakes.github.io/minimal-mistakes/ does so well with the search.
I have the algolia json correctly generating, and optional npm algolia package I can run that does a delta push of the latest content changes only to algolia. I have not yet configured the search overlay to correctly display results, or yet figured out how to ensure the close button triggers overlay hiding.
If anyone wants to help me finish this, feel free. I will submit pull request when I finish my work, but it take a while as I get it done in pieces.
Loving the new clickable header links (#36) but they're near invisible on mobile:
Hello,
Apologies if i'm missing something obvious.
The favicon get request always results in 404 if the baseURL is set to something like gitlab pages url.
i.e. https://user.gitlab.io/blog.
Page attempts to fetch the favicon from: https://user.gitlab.io/blog/blog/favicon-32x32.png.
Would you be able to offer some tips?
In style.scss
, links are set to break-all
:
a {
display: inline-block;
border: 2px solid $text;
border-radius: 5px;
padding: 5px;
transition-property: color, border-color;
word-break: break-all;
This is desirable when the link text is the full URL, but not when it is some shorter text, i.e. when I have a labelled link:
I want the words in [this link](http://example.com/some_long_url) formatted as normal text, not wrapped mid-word.
I have a server I'm running on AWS, where I use packetfilters to map incoming/outgoig packets on port 80 to localhost:8080.
So to hugo it looks like the server is on localhost:8080, but I can externally talk to http://AWS-IP:80.
So far so good. Now, if I put something like
baseURL="http:/1.2.3.4/"
in config.toml, then many links are correctly mapped, but some (esp the ones in the footer, like index.xml) are still pointing to "locahost:8080"
Now, I can apparently fix this by starting hugo with extra parameters, such as
hugo serve -p 8080 --baseURL="http://1.2.3.4/" --appendPort=false
but it seems like a kludge. I have not dug into the code enough to know why the .Site.BaseUrl in themes/hermit/layouts/index.html does not work, and I have not tried other themes, so this could be general a hugo problem. But it would help to rule out that it's a theme problem, so any help diagnosing or reproducing this would be great!
Many thanks in advance.
Hi, I really like your theme. However,
Building sites โฆ ERROR 2019/01/01 20:33:01 render of "section" failed: "/home/USER/Projects/myblog/themes/hermit/layouts/_default/list.html:21:50": execute of template failed: template: _default/list.html:21:50: executing "main" at <.Site.Params.datefor...>: invalid value; expected string
Total in 91 ms
Error: Error building site: failed to render pages: render of "page" failed: "/home/USER/Projects/myblog/themes/hermit/layouts/posts/single.html:16:54": execute of template failed: template: posts/single.html:16:54: executing "main" at <.Site.Params.datefor...>: invalid value; expected string
Any suggestion? Also, would you like to add MathJax & Highlight.js support? This theme is almost all I need.
I think having proper multilingual support would be a nice feature to have for this great theme, and it would help and ease the work for non-english speaker to use your theme.
I'd like to have automatically generated table of contents for blog posts, but find it hard to make the page looks right. So if anyone has ideas, feel free to let me know, thx!
Hugo docs: https://gohugo.io/content-management/toc/
My thinking is, only show ToC on large screens with it floating at right side of the content, there isn't too much point to display toc on a tiny screen, after all this theme is not made for extremely long geeky articles~
I'm create new post in 2019 but not show.
Sorry to disturb again. I'm trying to make a nested menu. Normally it should work if I add parent to config.yaml
menu:
main:
- identifier: a
url: a/
weight: 20
- identifier: b
url: b/
weight: 100
- identifier: c
parent: b
url: b/c/
weight: 100
But in the b
it doesn't have c
though I can access with localhost:1313/b/c
. So what's wrong?
Hi, thanks for creating this amazing theme. Wonder if it's possible to include tags for all pages, rather than just limit tags to blog posts? Currently, it seems like we can include tags in non-blog-post pages, but the tags don't show up on the page itself. However, when I click on a tag that has been tagged to a page (not post), posts and pages with those tags show up. Would it be possible to allow tags for normal pages too? Thanks!
There are many social media icons available, but I'm missing a stackoverflow icon: https://stackoverflow.com/company/logos It would be great if this could be added.
The footer copyright message is not appearing in the home page. It works in all other pages. You can see that on the demo site https://themes.gohugo.io/theme/hermit/
Hello,
Is there a way to enabling the emojis? I tried some of emojis in here but it looks plain text in posts, lilke :smiley:
Thank you kindly ๐
I just got started using Hugo and followed the quickstart tutorial. I installed the Hermit theme by moving the extracted folder from the .zip file downloaded from Github and moving the config.toml file from the exampleSite folder to my site's root folder.
I don't see any errors in the console when I navigate to localhost:1313. I don't know why it works in firefox just fine but not in Chrome.
Firstly, thanks for the great theme!
I have encountered an issue where I have used ## Header
format to create headers in my markdown.
I have created the following test page:
---
title: Test headers
date: 2019-02-13
published: true
---
Some tex to start the page.
## A Heading
some text after the heading
This causes the page to render with a huge svg:
This is the html that caused it:
<p>Some tex to start the page.</p>
<h2 id="a-heading">A Heading<a href="#a-heading" class="anchor" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg></a></h2>
<p>some text after the heading</p>
Any help with this would be awesome!
Hello @Track3
We are currently refactoring the content directory of the HugoBasicExample that is used in theme demos on the Hugo website.
Yesterday I committed an _index.md
under the post
section with the following content:
+++
aliases = ["posts","articles"]
+++
However your theme's demo no longer generates and in the console there is a panic:
1:57:30 AM: ==== PROCESSING hermit ======
1:57:30 AM: Building site for theme hermit using its own exampleSite to ../themeSite/static/theme/hermit/
1:57:30 AM: panic: runtime error: index out of range
1:57:30 AM: goroutine 89 [running]:
1:57:30 AM: github.com/gohugoio/hugo/hugolib.(*Page).prepareData(0xc000278f00, 0xc000305880, 0x0, 0x0)
1:57:30 AM: /root/project/hugo/hugolib/page.go:1778 +0xf39
1:57:30 AM: github.com/gohugoio/hugo/hugolib.(*Site).preparePages(0xc000305880, 0x0, 0x0)
1:57:30 AM: /root/project/hugo/hugolib/site.go:1600 +0x132
1:57:30 AM: github.com/gohugoio/hugo/hugolib.(*Site).render(0xc000305880, 0xc000759900, 0x0, 0x0
1:57:30 AM: , 0x1)
1:57:30 AM: /root/project/hugo/hugolib/site.go:1076 +0x211
1:57:30 AM: github.com/gohugoio/hugo/hugolib.(*HugoSites).render(0xc0000d6b00, 0xc000759900, 0xc0000d6b00, 0xc000718360)
1:57:30 AM: /root/project/hugo/hugolib/hugo_sites_build.go:302 +0x350
1:57:30 AM: github.com/gohugoio/hugo/hugolib.(*HugoSites).Build(0xc0000d6b00, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, ...)
1:57:30 AM: /root/project/hugo/hugolib/hugo_sites_build.go:97 +0x4ce
1:57:30 AM: github.com/gohugoio/hugo/commands.(*commandeer).buildSites(0xc0001400c0, 0x429932, 0x8)
1:57:30 AM: /root/project/hugo/commands/hugo.go:630 +0x79
1:57:30 AM: github.com/gohugoio/hugo/commands.(*commandeer).fullBuild.func3(0x8, 0xfe2f98)
1:57:30 AM: /root/project/hugo/commands/hugo.go:305 +0x2a
1:57:30 AM: golang.org/x/sync/errgroup.(*Group).Go.func1(0xc000717800, 0xc000493250)
1:57:30 AM: /go/pkg/mod/golang.org/x/[email protected]/errgroup/errgroup.go:58 +0x57
1:57:30 AM: created by golang.org/x/sync/errgroup.(*Group).Go
1:57:30 AM: /go/pkg/mod/golang.org/x/[email protected]/errgroup/errgroup.go:55 +0x66
1:57:30 AM: FAILED to create exampleSite for hermit
I have looked into and tried adding more front matter like date
, title
just in case your theme requires these parameters but unfortunately I am unable to solve the problem.
Also note that this issue can be easily reproduced on your end. Simply add the _index.md
under your post section in the exampleSite and execute hugo server
.
Note that we really need to have the aliases of the post section in theme demos. Also your theme demo is the only one affected by this change as far as I can tell.
If you cannot find a solution feel free to open a topic at the Hugo Discussion Forum so that hopefully others can have a look at this.
Thanks.
Hello @Track3
I am one of the people who maintain the Hugo Themes repository and I noticed that links on the index page of the theme demo do not work.
As stated in the README of the Hugo Themes repository if a forward slash /
is used in the beginning of a URL
, it will point to the host root and Hugo will not generate the correct URL
for the demo's assets because it is published in a subdirectory of the Hugo Themes website.
You need to remove the first forward slashes from line 68 and line 73 in exampleSite/config.toml
for the menu links to work properly.
Please look into this issue and let me know.
Thank you.
It should be possible to use discourse as a commenting system.
When using this theme across multiple URLs, any integrity checking requires crossorigin="anonymous"
, so all CSS and JS can be properly loaded.
Hello,
Just wanted to say that I'm a big fan of your theme! ๐
I have a feature request: it would be great if hermit could support the related content feature as listed in the official Hugo docs:
https://gohugo.io/content-management/related/
Maybe providing a default implementation and allowing users to override the related content partial to customize it to their liking? That would be my preference!
Thank you so much!
Am I missing something? I can't find how to set a description for the website/posts.
I know I could add this by overriding the page, but this seems quite essential?
Hi.
Like the title says, I can't get disqus to work on my blog.
The site source is here: https://github.com/Skarlso/blogsource
The config is here: https://github.com/Skarlso/blogsource/blob/master/config.toml
I have disqus handle set and there appears to be nothing else required for it to work?
Yet on the site, there is no error, it just simply doesn't get loaded at all.
Cheers.
Hello. Can you add an amazon.com social link?
Or perhaps a custom link that can be added along with the social icons with a custom icon?
Can't figure out the right css for this.
On desktop I want the TOC to show by default. Got this working by adjusting the style.scss contents I believe that contained that.
However, if it's mobile, I'd like to have it shift to the top of the post instead of disappearing, allowing the mobile user to use it to navigate , but not taking horizontal space.
Is this possible?
Thanks for the fantastic work on this theme. I've gotten 90% of what I want done in my site so far, and your clean minimalist approach gave me the perfect starting point. I really appreciate the unique approach to tags as well, as it's not just a giant count of tags, but still shows in a chronological grouping, which I find very useful.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.