htr3n / hyde-hyde Goto Github PK

It looks like there's a file missing in the repo. On a fresh hugo install, after installing this theme, hugo reports:

% hugo
Building sites … ERROR 2019/10/29 16:41:04 render of "home" failed: execute of template failed: template: index.html:2:5: executing "header" at <partial "header.html" .>: error calling partial: "/private/tmp/quickstart/themes/hyde-hyde/layouts/partials/header.html:14:7": execute of template failed: template: partials/header.html:14:7: executing "partials/header.html" at <partial "header/custom.html">: error calling partial: partial "header/custom.html" not found
ERROR 2019/10/29 16:41:04 render of "taxonomyTerm" failed: execute of template failed: template: _default/list.html:2:7: executing "header" at <partial "header.html" .>: error calling partial: "/private/tmp/quickstart/themes/hyde-hyde/layouts/partials/header.html:14:7": execute of template failed: template: partials/header.html:14:7: executing "partials/header.html" at <partial "header/custom.html">: error calling partial: partial "header/custom.html" not found
Total in 84 ms
Error: Error building site: failed to render pages: render of "taxonomyTerm" failed: execute of template failed: template: _default/list.html:2:7: executing "header" at <partial "header.html" .>: error calling partial: "/private/tmp/quickstart/themes/hyde-hyde/layouts/partials/header.html:14:7": execute of template failed: template: partials/header.html:14:7: executing "partials/header.html" at <partial "header/custom.html">: error calling partial: partial "header/custom.html" not found

I can work around this with touch themes/hyde-hyde/layouts/partials/header/custom.html but I don't know what should be in that file.

After this change you can no longer specify a list of additional languages to include in the config.toml

f4aa888#diff-50f77d49a876973d54d356c7d6f08517L3

As I'm quite new to Hugo and especially themes I've got to ask: I found the shortcodes folder and in it five html files. Does this mean, hyde-hyde defines five new shortcodes in addition to the built-in Hugo shortcodes?
And how would these (fig, kbd, menu, note, warning) work, how would I use them? They aren't documented anywhere, right?
I was able to find out that the warning shortcode produces a red block with a small red stripe on the left and the text inside this block. But I wasn't able to produce one or two whole paragraphs, just one-lines worked. 😳
Any help much appreciated! Thx!

This code {{ range (where .Data.Pages "Type" "!=" "page").GroupBy "Section" }} in hyde-hyde layouts/index.html makes content-type "pages" show up on the home page, listed before "posts".

Was that its intention? I'm new to Hugo, but I thought "!=page" would eliminate pages being listed?

To get posts only to be listed, I had to change it to:

{{ range (where .Data.Pages "Type" "post").GroupBy "Section" }}

See https://diabeticsbc.ca

Hello,

Thank you for great theme. I would like to ask you if it is possible to get the same template but as pure HTML file? I would like to re-write it to another CMS solution and it would save my time to do it directly from clean files.

Thanks

@htr3n thanks for building this nice theme .

1.I wonder will hyde-hyde support on phone ? or you have any tip how i could change this ?
given that more traffic will come from phone reader this days.

for example open this site on iphone
https://github.com/gcushen/hugo-academic
or https://laozhu.me/

It will collapse the categoy into a collapse bottom on top right corner so that phone reader can see the content.

after some reading it should belong to Media Query Responsive Web Layouts

hide left part of the page and only show content to iphone(<=400 px ) reader
I should add something on the bottom of [ hyde-hyde.css] ?
and what should I add to hide hide left part of the page?

@media (max-width: 400px) {

}

2.How may i add the page number on the bottom of home page ? all posts show on my home page.Seems that yours is 3 posts per page

thank you
Tony D

Hi guys,

Trying to build the theme on Netlify, I encountered a Error: failed to prune cache "assets" that blocks deployment. With a quick search, this is caused by the fact that the theme has a resource folder committed.

This is the main bug: gohugoio/hugo#5745
This is a similar bug in the hell-friend-ng theme: rhazdon/hugo-theme-hello-friend-ng#10

The docs say

• Most of the customisable SCSS styles in static-src/scss/hyde-hyde and Hugo templates in hyde-hyde/layouts are modularised and can be altered/adapted easily.

What is the recommended way to do that? I am happy with the overall theme, I just want to tweak a few styles here and there. I've read https://gohugo.io/themes/theme-components/ but can't get overrides to work (hugo docs are really weak on this...). I don't want to edit the files you have created in fear of becoming incompatible with future updates.

I am thinking of just hacking the header partial to include my own stylesheet but I don't know if that is the recommended way.

I can't work out for the life of me how to change the colour of the sidebar.

I'm using RStudio's blogdown to set up my blog.

So far I've found 4 files that contain the #300030 colour:
\themes\hyde-hyde\static\css\hyde-hyde.css
\themes\hyde-hyde\assets\scss\hyde-hyde\_variables.scss
\themes\hyde-hyde\resources\_gen\assets\scss\scss\hyde-hyde.scss_4fddb88d50abca04f2e7ef77f0bb1c3b.content
\themes\hyde-hyde\resources\_gen\assets\scss\scss\hyde-hyde.scss_6a9b89851c76ccc96568016ff9eba049.content

If I change the colour at these four files, the mobile site works but the desktop site breaks.

Any suggestions on how to adjust the colour on this?

this theme is a very good theme except that when I use a 1080p display, the article tag elemets' size is fixed at 630. I want to make this value bigger or reponsive. Can I get some Help? Thanks!

Hi,

first of all thank you for the theme! I really like the simplicity.

I don't like to use 3rd party scripts or other data on my site. What would be the best way to achieve this?

Thanks!

Hi,
I have the problem with 'integrity' of the css files. These are the errors that i found in the browser console.

I found a Github issue alanorth/hugo-theme-bootstrap4-blog#53 about this. I also use Windows so the problem may be the same as that issue.

I can solve the problem by removing the integrity attributes in the styles.html. However, I wonder if this is good or not.

What do you think about this?

When there are less posts then projects, home page lists items belonging to portfolio instead of posts.

For example from the example site I deleted all posts except "creating a new theme" and "migrate from jekyll".
If I restart the server, portfolio items are displayed.

I don't know if it is the intended behavior, but for me it's confusing. At least it should be specified in the readme how to always show posts.

A method was expalined in issue #19, but code has changed, so it's no longer valid.
In my opinion it should be explained in the documentation.

Hi,

Using the hyde-hyde theme on gitlab pages, I got an error if I try to add toc in my posts.

Here is the message:

Submodule 'themes/hyde-hyde' (https://github.com/htr3n/hyde-hyde.git) registered for path 'themes/hyde-hyde'
Cloning into '/builds/gsalvatovallverdu/gsalvatovallverdu.gitlab.io/themes/hyde-hyde'...
Submodule path 'themes/hyde-hyde': checked out '3551425f3f3f8044ff541113075537583f485c8c'
Entering 'themes/hyde-hyde'
$ hugo
Building sites … ERROR 2019/05/29 07:47:46 error: failed to transform resource: TOCSS: failed to transform "scss/hugo-toc.scss" (text/x-scss): this feature is not available in your current Hugo version, see https://goo.gl/YMrWcn for more information
Total in 80 ms
Error: Error building site: logged 1 error(s)
ERROR: Job failed: exit code 255

The error disappear if I remove the toc, that is if I do not set this variable in config.toml.

Locally, it works. I run hugo version 0.55.6. It seems, gitlab use version 56 or higher (later).

I copied the files and folders in exampleSite/contents to mysite/contents and then replaced the config.toml file with the one provided in the exampleSite/contents folder. Now when I "hugo server" the site then everything works fine except the Posts page. It shows a blank page. Not even 404 error. What am I missing ?

Hi there, thanks for your theme! I was trying to change the favicon from the "H" to something else, but can't seem to find where the setting of the favicon is located, or even where the favicon file is even located.

Any help and information you'd be able to share would be much appreciated. Thanks!

Hello!

$subj, when trying to run this theme against my blog source I get following:

Building sites … ERROR 2018/03/20 20:35:56 Error while rendering "page" in "": template: /srv/hugo/themes/hyde-hyde/layouts/_default/single.html:6:7: executing "content" at <partial "post_conten...>: error calling partial: template: theme/partials/post_content.html:22:21: executing "theme/partials/post_content.html" at <len .Params.tags>: error calling len: len of untyped nil
ERROR 2018/03/20 20:35:56 Error while rendering "page" in "post/": template: /srv/hugo/themes/hyde-hyde/layouts/_default/single.html:6:7: executing "content" at <partial "post_conten...>: error calling partial: template: theme/partials/post_content.html:22:21: executing "theme/partials/post_content.html" at <len .Params.tags>: error calling len: len of untyped nil

The reason is absent .Params.tags parameter for some unknown post but you can't tell by which from error message, I guess input parameters handling could be improved. cboettig/hugo-now-ui#9 might be used as reference point.
My suggestion is to threat tags absence as zero-length array.

Hello @htr3n,
I am trying to use hyde-hyde theme on my website https://github.com/amitt001/kakku.org
But the build is failing with

⇒ hugo --gc --minify Total in 37 ms Error: failed to prune cache "assets": remove /Users/amittripathi/codes/del/kakku.org/resources/_gen/assets/scss/scss/hyde-hyde.scss_4fddb88d50abca04f2e7ef77f0bb1c3b.content: no such file or directory

The same thing happens on netlify also. Content of my /resources folder is different and I tried removing and running the command again but that also fails.
I see a similar issue open here gohugoio/hugo#5745

Is this a bug? What's the workaround?

Edit 1:

1. I have a custom theme color, for that, I have my own assets directory with its own scss
2. Removing rm themes/hyde-hyde/resources/_gen/assets/scss/scss/* solves the issue locally but it won't solve it on netlify as hyde-hyde is added as a submodule in my project

Edit 2:

1. I renamed the generated content and json file in my projects resources directory and this "works" on the first run but the hugo gc command removes the files and generates a new one. So any subsequent runs fail.

I am new to Hugo and was following the guide on this page: https://gohugo.io/getting-started/quick-start/

It seems to be working all fine. Later, I changed my theme to hyde from this repository and I encounter this error below on running hugo server:

ankurs@ankur-pc:~/Playground/hugo-blog-test/quickstart$ hugo server -D
Building sites … ERROR 2018/09/21 20:28:18 Failed to add template "theme/partials/highlight-js.html" in path "/home/ankurs/Playground/hugo-blog-test/quickstart/themes/hyde-hyde/layouts/partials/highlight-js.html": template: theme/partials/highlight-js.html:3: function "newScratch" not defined
ERROR 2018/09/21 20:28:19 Failed to add template "theme/shortcodes/fig.html" in path "/home/ankurs/Playground/hugo-blog-test/quickstart/themes/hyde-hyde/layouts/shortcodes/fig.html":template: theme/shortcodes/fig.html:1: function "newScratch" not defined
ERROR 2018/09/21 20:28:19 theme/partials/highlight-js.html : template: theme/partials/highlight-js.html:3: function "newScratch" not defined
ERROR 2018/09/21 20:28:19 theme/shortcodes/fig.html : template: theme/shortcodes/fig.html:1: function "newScratch" not defined
Total in 59 ms
Error: Error building site: logged 4 error(s)

I am not able to quite get my head around this, been quite a while already. Can someone help me here? I am on Ubuntu 18.04 LTS if that matters.

It seems that the about layout is lacking font awesome icons to proper render social link section fix in #36

I have configured my blog of posts exported from a WordPress site, with a configuration file almost identical to your site's.

When I use your theme with the example site, it generates a summaries page. When I use it with my own site, it generates a sidebar, but no summaries.

I can share access to a private Git repository of the site content, if necessary to diagnose.

@htr3n thanks for the great theme. I'm new to hugo and html and used your base to get more into it!

I encountered a little thing, that i think wasn't intentional!? In sidebar.html you hardcoded the copyright part.

<!-- Sidebar -->
<div class="sidebar">
  <div class="container {{ with .Site.Params.sidebarSticky }}sidebar-sticky{{ end }}">
    <div class="sidebar-about">
      <span class="site__title">
        <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
      </span>
      {{ with .Site.Params.authorimage }}
      {{ $strippedSlash := ($.Site.Params.authorimage | replaceRE "^(/)+(.*)" "$2") }}
      {{ $authorImage := (printf "%s/%s" $.Site.BaseURL $strippedSlash) }}
      <div class="author-image">
        <img src="{{$authorImage}}" alt="Author Image" class="img--circle img--headshot element--center"> 
      </div>
      {{ end }}
      <p class="site__description">
        {{ with .Site.Params.description }} {{.}} {{end}}
      </p>
    </div>
    <div class="collapsible-menu">
      <input type="checkbox" id="menuToggle">
      <label for="menuToggle">{{ .Site.Title }}</label>
      <div class="menu-content">
        {{ partial "sidebar/menu.html" . }}
        {{ partial "sidebar/social.html" . }}
      </div>
    </div>
    <p class="copyright">
      {{ with .Site.Params.copyright }}{{.|safeHTML}}{{ else }}&copy; {{ now.Format "2006"}} {{.Site.Params.author}}.
      <a href="https://creativecommons.org/licenses/by-sa/4.0">Some Rights Reserved</a>.
      <br/>Built with
      <a href="https://gohugo.io">Hugo</a> ❤️ <a href="https://github.com/htr3n/hyde-hyde">hyde-hyde</a>.
      {{end}}
    </p>
  </div>
  <div>
  </div>
</div>

Shouldn't that be done by the partial you created?

<!-- Sidebar -->
<div class="sidebar">
  <div class="container {{ with .Site.Params.sidebarSticky }}sidebar-sticky{{ end }}">
    <div class="sidebar-about">
      <span class="site__title">
        <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
      </span>
      {{ with .Site.Params.authorimage }}
      {{ $strippedSlash := ($.Site.Params.authorimage | replaceRE "^(/)+(.*)" "$2") }}
      {{ $authorImage := (printf "%s/%s" $.Site.BaseURL $strippedSlash) }}
      <div class="author-image">
        <img src="{{$authorImage}}" alt="Author Image" class="img--circle img--headshot element--center"> 
      </div>
      {{ end }}
      <p class="site__description">
        {{ with .Site.Params.description }} {{.}} {{end}}
      </p>
    </div>
    <div class="collapsible-menu">
      <input type="checkbox" id="menuToggle">
      <label for="menuToggle">{{ .Site.Title }}</label>
      <div class="menu-content">
        {{ partial "sidebar/menu.html" . }}
        {{ partial "sidebar/social.html" . }}
      </div>
    </div>
    {{ partial "sidebar/copyright.html" . }}
  </div>
  <div>
  </div>
</div>

Hi, this is the author of halogenica/beautifulhugo#222.

Anyone using this theme would like to have support for Staticman?

Gitment and Utterance support GitHub only, but Staticman now supports GitLab.

Portfolio screenshots are quite small. What about making them clickable in order to see them at full size?

I found https://photoswipe.com/ javascript library that has no dependencies.
the demo on their website is really nice, this is what I have in mind.

I found this https://www.xianmin.org/hugo-theme-jane/post/image-preview/, that integrated https://github.com/liwenyip/hugo-easy-gallery project, which ports this javascript library to hugo.

On some pages the <title> is repeated. With some digging I found

Hello @htr3n

I saw in your theme's README that since version 0.2 the main styles were refactored and redeveloped using SCSS.

However you have not committed the generated resources of your theme and as a result your theme's demo fails to generate on the Hugo website.

To fix this issue please have a look at the updated README of Hugo Themes: https://github.com/gohugoio/hugoThemes#resources You need to commit the /resources/ directory and its contents in your theme's repository.

If you have any questions do not hesitate to ask me or @digitalcraftsman

Is there any more configuration required to configure code blocks properly (with highlight.js)? I have a very simple page which after rendering looks like this:

The HTML seems correct (I think):

<div class="post">
<div class="paragraph">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlightjs highlight"><code data-lang="kotlin" class="language-kotlin hljs">public suspend fun ddd() {
    return@ddd Unit
}

I haven't used any custom configuration, just highlightjs = true in the config.toml file under [params]. Note that when I change highligh style I do get different styles (e.g. dark background with monokai style. It's just the code block position and width that are completely off. Am I doing something wrong, missing something obvious?

I am trying to add image to every post that would appear on the home page.

I have been trying to follow these articles:
https://gohugo.io/content-management/shortcodes/
https://gohugo.io/content-management/image-processing/

For example, the home page lists let's say 10 articles, and for all of them there would be some relevant image that I want to add via my markdown file. So, the home page would have image followed by the permalink of the article, and the description as usual.

I tried adding this to the index.html:
<img src="{{ .Resources.ByType "image" }}" />

And I tried the following combinations in my MD file:

image: "/images/book.jpg"
thumbnail: "/images/book.jpg"
image: "/book.jpg"
thumbnail: "/book.jpg"

None of them worked. My images are located under static in images/book.jpg

Since I am fairly new to Hugo and Golang itself if it matters, I am wondering how to go about on what I want to achieve. I cannot seem to get my head around this.

First of all - great theme! Really a pleasure using!

I seem to have a slight problem with drafts - even though setting draft: true in the yaml header of a new post, it seems to appear in my "posts" home page.
I was able to solve this by making a "drafts" folder, but these posts are still available with /drafts/ - I thought this isn't really a problem, but they also seem to pop-up in automatic RSS feed generators, such as feedly.com.

What am I doing wrong? Any suggestions?

Thanks!

Hi.

Sorry if this is more of a Hugo issue instead of an issue with the theme. If I'm wrong posting this here, please point me to the right direction.

I just noticed that the published pages on my website are using the date of my articles instead of the publishDate.

---
title: "Understanding Property Wrappers in Swift"
date: 2019-11-23T16:26:13-04:00
draft: false
publishDate: 2019-11-27T07:00:00-04:00
highlightjslanguages:
 - swift
 - objectivec
tags:
 - swift
 - programming
 - apple
 - property wrappers
categories:
 - development
description: "Learn and understand what Property Wrappers are in Swift and how to use them."
keywords:
 - swift
 - programming
 - apple
 - property wrappers
---

That page is this one which, as you can see, says it was posted on November 23 Date instead of November 27 (publishDate)

I know that the workaround is as easy as replacing date with what I wrote in publishDate, but I want my markdown files to keep the original time in which a file was created. Is there any way I can make my websites show the publishDate by default, and only show the date when no publishDate is found?

I keep a weekly blog and I publish new articles every Wednesday, so I want the dates to reflect that. More often than not I start writing my articles well in advance so I just need to deploy the website when Wednesday comes around.

Hello,

Thanks for the nice theme.
I'm trying to hide a page from the posts list.

I've tried moving it out of the posts folder but it is still listed on the home page.
I've also tried adding "hidden: true" to the front matter, but it didn't go away either.

I'm not too sure I understand everything in here: https://discourse.gohugo.io/t/unwanted-pages-show-up-in-my-list-view/6656
But it looks like the theme should check for whether the hidden flag is set to true or false; is it done by this theme?

Any help is appreciated :)

I'm pretty new to Hugo. Is it possible to make the about page or the portfolio the default page the user sees when they visit the website?

Hi,

I love the hyde-hyde theme. I'm new to Hugo and I'm trying to set up my blog so that I can send a feed to the R-bloggers website.

I've been fiddling with this for a long time now, and I haven't managed to get it so that I can display the full content. More specifically, I changed the default RSS template as described here, so that it shows the full Content of the posts.

I then pasted the new RSS file to:
...\themes\hyde-hyde\layouts\_default

When I render the site in Rstudio and locally, I can see that the index.xml files are now showing full content, but after pushing the webite to my host (through netlify to rbind.io), I get the following error message:

"This page contains the following errors:
error on line 2 at column 6: XML declaration allowed only at the start of the document
Below is a rendering of the page up to the first error."

Below are the links to my site and how I'm trying to view the XML file.

I'm quite lost on what is going wrong, and haven't been able to figure it out from the net. I was curious if you might have a quick answer to this. I'd appreciate any help. Thanks!

https://mentalbreaks.rbind.io/
https://mentalbreaks.rbind.io/posts/index.xml

Hi guys,
i'm making a blog with this beautifull layout. I want to use portuguese and english as base languages. it's possible? Or is necessary to change the theme?

It can be possible with this documentation guides for this specific theme?
https://gohugo.io/content-management/multilingual/#multilingual-themes-support
https://regisphilibert.com/blog/2018/08/hugo-multilingual-part-1-managing-content-translation/

Regards,
João

Hi there, something that I've noticed is that when navigating between pages, the social icons seem to "flash", which suggests they may be reloading each time?

I've looked at your personal live site and this occurs there too, so it doesn't seem to be an issue specific to my environment/machine. Interestingly enough, the demo site doesn't experience this issue: https://themes.gohugo.io/theme/hyde-hyde/.

I've looked at some other themes/sites derived from the original hyde theme for Hugo, and they don't seem to have this issue:

• https://npf.io/ (running a fork of the original hyde theme)
• https://enten.github.io/hugo-boilerplate/ (a demo site running the hyde-y theme

This is by no means a critical issue, I was just wondering if there's a simple way to change this.

Thanks!

When I create a new post, the date is displayed correctly (Mar 28) in the posts list:

But when I go to the post, the wrong date is shown (Mar 03):

The same behavior occurs on @htr3n 's blog.

Hi guys,
Not so much an issue, more a couple of questions:

1. I cannot for the life of me find out where to change/set the width of the sidebar?
2. Likewise, how do I get the sidebar to scroll. In the "old" Hyde theme on Jekyll there was an overflow "property".

Thank You!

Niels

Author image can't display when I deployed it. But it can display on Hugo local server when I open http://localhost:1313. I think some things might be wrong in the layout folder. By the way, I fix it by changing the theme version to v2.0.2.

Hi

It doesn't seem to be possible to navigate back to the start page on mobile.

On desktop you can click the Title to navigate back to the start page, but it's not the same behaviour on mobile.

Is this the intended behaviour? If that is the case what is the recomended solution to navigate back to the start page?

Thanks!

How would I add a new boolean parameter for my config.toml file of my hugo blog that would switch between (all) links opening in a new browser tab (target="_blank") or in the same tab? 😳

How to set up pagination on this theme with Hugo

I am also facing the similar issue.. I am unable to see the summary in my homepage. content/post folder is completely blank in my case. I generated html file of all rmd in content and pasted there still that didnt work.. the layout/index.html also seems fine with same as what I have in examplesite layout
plus the contact option I cant see in disqus, its saying some error in loading that
any idea what should i do here?

Originally posted by @Anu-kriti in #39 (comment)

Is there a way to configure the table of content (hugo mode, i.e. toc = "hugo" in the config.toml file) in a way that it is not opened but closed initially? 😳

It seems that the Hyde’s option layoutReverse = true is not honoured?

On a new/clean deployment, when adding the theme and creating a "welcome" post, getting:

WARNING: calling IsSet with unsupported type "invalid" (<nil>) will always return false.

If I change to a different theme, it goes away.

This is on latest hugo from brew 0.53

same as
rstudio/blogdown#21

it can be slightly modified in .md documents by adding a tag below content you wish to be included. This tag doesn't seem to work on blogdown-generated .Rmd files, causing the default summary to be the first 70 words of the post (which often includes the table of contents and other materials that aren't appropriate for a summary).

Can you give a short guide to using the functionality of the Portfolio items?

If you build the website with hugo server --minify the space between fontawesome icon and text in posts is not enough.

similar issue I have found that could be useful:
HugoBlox/hugo-blox-builder#1219

Hey there,

I wanted to send out some shouts for your great template. I have used it in my site here:

https://superdotnet.run/

Thank you for your great work!
-Michael