ribice / kiss Goto Github PK
View Code? Open in Web Editor NEWStupidly simple Hugo blogging theme
Home Page: https://themes.gohugo.io/theme/kiss/
License: MIT License
Stupidly simple Hugo blogging theme
Home Page: https://themes.gohugo.io/theme/kiss/
License: MIT License
I found that I can't access social base URL via $.Site.Data.theme.social.base
.
Should I copy it to my own data folder?
If the answer is yes, maybe it is good to write it into README file. :)
The following is generally better (do a git init
in the root folder before doing this step):
git submodule add [email protected]:ribice/kiss.git themes/kiss
I would like to make some changes to the structure of the site, but is kind of difficult to guess what are the css classes doing without any documentation.
Are you using any css framework in particular?
It seems <meta name="description" content="">
is completely missing.
So we should add <meta name="description" content="{{ partial "data/description" . }}">
I tried to deploy a site using Kiss on Netify but the deploy failed with the following message: failed: execute of template failed: template: index.html:7:23: executing "index.html" at <$pctx.RegularPages>: can't evaluate field RegularPages in type *hugolib.PageOutput
I have used your original index.html without change.
Netlify deploy log attached.
deploylog.txt
How can i set the order of the menu items, i add in [params.sections_left] or [params.sections_right].
It seems to the alphabetical, and i cannot find a way to change it.
I've been using this theme for one of my personal Hugo-based websites. I just upgraded the submodule oI had of this theme from d6a5676 to master
and found that running hugo build
via the blogdown
R package (via blogdown::build_site()
) is now broken, with error
Rscript -e "blogdown::build_site()"
Building sites … ERROR 2018/06/18 11:47:45 Error while rendering "taxonomy" in "": html/template:_default/list.html:1:12: no such template "theme/index.html"
In investigating this, I found that the source of the error is the presence of the style file layouts/_default/list.html
. As far as I can tell, simply removing this file resolves the problem. This file has apparently been around for quite a while but I had not encountered any error caused by this when using previous versions of Hugo. Is this a known issue? If so, is the fix provided in #38 appropriate?
Hey, I really like your theme, but have one question; Is it possible to add sections / categories in this theme like other hugo themes? (posts, projects, about, et.c.) Either top left next to site name or top right instead of social buttons. (The social buttons could be moved to bottom center for example)
How hard would this be to achieve?
The website label is wrong, click on a label, and irrelevant articles will also be listed.
hello, i got this error with the latest version of hugo and kiss:
ERROR 2019/09/06 19:43:19 Failed to add template "index.html" in path "index.html": template: index.html:5: function "site" not defined
ERROR 2019/09/06 19:43:19 index.html : template: index.html:5: function "site" not defined
Building sites … ERROR 2019/09/06 19:43:19 Error while rendering "home" in "": template: "index.html" is an incomplete or empty template
ERROR 2019/09/06 19:43:19 Error while rendering "section" in "": html/template:_default/list.html:1:12: "index.html" is an incomplete or empty template
ERROR 2019/09/06 19:43:19 Error while rendering "taxonomyTerm" in "": html/template:_default/list.html:1:12: "index.html" is an incomplete or empty template
Total in 27 ms
Error: Error building site: logged 5 error(s)
after rename "site" to ".Site" in layouts/index.html, it works.
I guess this else
closes the IfPage
block:
https://github.com/ribice/kiss/blob/master/layouts/partials/social/opengraph.html#L38
It should be probably moved under the og:image
:
{{- with .Params.image -}}
<meta property='og:image' content='{{ . | absURL }}'>
{{- else -}}
{{- with .Site.Params.Social.email -}}
<meta property='og:image' content='https://www.gravatar.com/avatar/
{{- . | md5 -}}
?s=256'>
{{- end -}}
{{- end -}}
I really like this theme, but the lack of code highlighting is preventing me from switching over.
When I press nav's link, page view isn't change after nav's page transition.
In Hugo's reference(maybe since v0.57.2..?),
.Site.RegularPages
return Collection of only regular pages, and
.RegularPages
return Collection of only regular pages under the current list page .
In kiss, layouts/_default/list.html called index.html, and in index.html .Site.RegularPages
only used. So I fix RegularPages's context, and sent PR.
Best Regards.
After the footer is complete, the background is set to transparent and in firefox it is picking up the standard browser background color. If this is set to anything other than #fff the design fails, in my case I have set it to solorized light.
The inspector points to style.css line 5549. Changing this to #fff instead of transparent fixes the issue.
I have set the paginate setting to 6 for my site. It is respected for the home page but not for pages lists by tag. For example, the SpecFlow tag on my site lists all 18 posts. Navigating to the next pages lists the same 18 posts. You can see the issue here: https://joebuschmann.com/tags/specflow/.
The source for the site is https://github.com/joebuschmann/joebuschmann.com.
Hi,
according to Feed Validation Service, we have some issues with our feed xml.
-> https://validator.w3.org/feed/check.cgi?url=https%3A%2F%2Fribice.ba%2Findex.xml
Can open a PR if you like.
Cheers and happy easter
midzer
Hello, I've got an error when compiling with hugo server
:
Building sites … ERROR 2018/06/24 13:25:27 Error while rendering "taxonomy" in "": html/template:theme/_default/list.html:1:12: no such template "index.html"
But it works with an older index.html
I'm runnig Hugo v.0.41
I wanted to add syntax highlighting to my pages.
In config.toml
I have these lines:
pygmentsCodeFences = true
pygmentsUseClasses = true
pygmentsStyle = "monokai"
Then in one of my post's markdown files I'll have snippets like this:
{{< highlight cpp "linenos=table" >}}
#include <iostream>
using namespace std;
int main() {
cout << "hello world!" << endl;
}
{{< /highlight >}}
I then run hugo server -D
to see my post at http://localhost:1313/posts/<my-post>
.
The code block just ends up looking like this:
Hi,
great theme first of all! According to theme.toml
this theme features favicons. But it's not implemented yet I think.
How about adding them in header
partial directly? I suggest providing several favicons to support all browsers. Something like https://github.com/midzer/eisolzried/blob/master/_includes/meta.html for example. Will do a PR if you like.
Cheers midzer
Hi, I'm new to hugo - kiss theme.
I'm writing my blog with kiss theme.
At homepage, I can see summary of each of my post.
But some text block enclosed with ```
, which represents code block, exists in my summary therefore makes summary dirty. For example, see post Hugo Tips
.
I was adding ```
block but it's content (which is dirty command line results) appears directly in summary of post.
Is there any way to avoid this?
Thanks,
Jaewan
I'm trying to use monokai theme for syntax highlighting but the dark theme is coming as background but kiss theme's style sheet overrides the background over the code text as show below.
config.toml settings:
theme = "kiss"
pygmentsCodefences = true
pygmentsUseClasses = false
pygmentsStyle = "monokai"
I was wondering if it would be possible to get Staticman integration with this theme. I personally don't want to use Disqus for comments and would like a more open-source alternative. I tried getting this to work myself, but was unsuccessful.
Thank you for your time.
Hi Ribice, let me start off wit that I really like this theme, great job!
I'm only struggling with a few things.
I tried to add a icon to the theme (from the feather icon pack) but it isn't working correctly. I see you are using the path value, but where did you extract the path value from the svg?
Set custom syntax highlighting for code snippets
Greetings Bart
It seems you use h1
for all titles on the list template whch is not correct. These should be h2 or h3.
With the recent addition of sections (#23) it would be good to have the option to hide pages from the list view (such as About page etc) using something in the frontmatter such as hidden: true
.
If this if deemed to be a good idea, I'm happy to create a pull request.
Any idea what is going on here? In my config.toml
I have
pygmentsUseClasses = true
pygmentsCodeFences = true
I generated style.css with:
hugo gen chromastyles --style=monokailight > syntax.css
And created a code block. If I enable any kind of syntax highlighting for the code block, it changes font size to an unpleasant small font. The raw code block without syntax highlighting has the same font size as the text though.
Hi there,
I tried to add my own custom social media icon to the navbar. The SVG part works like a charm, but the resulting href is incorrect.
To data/theme.toml I added
xmpp = 'xmpp:'
In my site's config, I set the corresponding links and order:
[params.social]
email = "[email protected]"
xmpp = "[email protected]"
[params.social.config]
platforms = ["email","xmpp"]
So in theory the corresponding href should be xmpp:[email protected]. But instead the generated HTML is something like:
<a class="level-item" aria-label="xmpp" href='#ZgotmplZ' target='_blank' rel='noopener'> svg stuff </a>
Something else that I found: https://github.com/ribice/kiss/blob/master/layouts/partials/header.html#L5
link and meta are void elements and not self-closing.
See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#Examples and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#Examples
I will try to provide a PR in a few days when I find the time.
I tried to change the language of my site to spanish, but the dates of the post won't change, they are still in english.
On my config.yml
languageCode = "es-es"
Hi there; love that theme all along with hugo; only thing I possibly could wish for: Would it be possible to, all along with instagram and twitter, add an icon for the mastodon social network (https://joinmastodon.org/) to the upper right icon bar and configuration?
Thanks a bunch and all the best,
Kristian
I would like to use a defined description instead of the automatic one generated from the content. It would be great to have this as simple option without having to change the template files.
Hello!
$subj, when I'm building my blog source for Cyrillic font I see the picture which drastically different from the Latin characters render:
Also preview missing HTML formatting (like line breaks), that's what could be seen on screenshot.
When I do hugo serve --theme=kiss
, I get the following bunch of errors:
Building sites … ERROR 2018/05/22 02:27:43 Failed to read data from theme.toml/theme.toml: Near line 2, key 'social.base.codepen': Near line 2: Expected value but found '\'' instead.
ERROR 2018/05/22 02:27:43 Error while rendering "page" in "post/": template: theme/_default/single.html:2:3: executing "theme/_default/single.html" at <partial "nav" .>: error calling partial: template: theme/partials/nav.html:11:80: executing "theme/partials/nav.html" at <index $.Site.Data.th...>: error calling index: index of untyped nil
ERROR 2018/05/22 02:27:43 Error while rendering "taxonomy" in "": template: theme/index.html:2:3: executing "theme/index.html" at <partial "nav" .>: error calling partial: template: theme/partials/nav.html:11:80: executing "theme/partials/nav.html" at <index $.Site.Data.th...>: error calling index: index of untyped nil
ERROR 2018/05/22 02:27:43 Error while rendering "taxonomyTerm" in "": template: theme/index.html:2:3: executing "theme/index.html" at <partial "nav" .>: error calling partial: template: theme/partials/nav.html:11:80: executing "theme/partials/nav.html" at <index $.Site.Data.th...>: error calling index: index of untyped nil
ERROR 2018/05/22 02:27:43 Error while rendering "home" in "": template: theme/index.html:2:3: executing "theme/index.html" at <partial "nav" .>: error calling partial: template: theme/partials/nav.html:11:80: executing "theme/partials/nav.html" at <index $.Site.Data.th...>: error calling index: index of untyped nil
ERROR 2018/05/22 02:27:43 Error while rendering "section" in "": template: theme/index.html:2:3: executing "theme/index.html" at <partial "nav" .>: error calling partial: template: theme/partials/nav.html:11:80: executing "theme/partials/nav.html" at <index $.Site.Data.th...>: error calling index: index of untyped nil
my config:
baseurl: "https://lucynaess.github.io/disconnected/"
languageCode: "en-us"
title: "Disconnected"
copyright: "Copyright Lucrèce Skylar Næss 2018."
enableRobotsTXT: true
author:
name: "Lucrèce Skylar Næss"
email: "[email protected]"
params:
assets:
customCSS: ["css/custom.css"]
info:
enableScoial: true
poweredby: true
homeTitle: "Disconnected"
social:
twitter: "@lucynaess"
github: "lucynaess"
instagram: "lucynaess"
email: "[email protected]"
opengraph:
twitter:
page: "@lucynaess"
AuthorName: "Lucrèce Skylar Næss"
description: "A blog"
enableGitinfo: true
preserveTaxonomyNames: true
taxonomies:
tag: "tags"
category: "categories"
series: "series"
using Hugo Static Site Generator v0.37.1 linux/amd64 BuildDate:
When I use https://cards-dev.twitter.com/validator to check my first blog post at https://www.normai.net/posts/meet-ava/, it pulls my Gravatar image instead of my specified cover photo, which is at https://www.normai.net/images/meet-ava-cover.jpg
My Markdown looks like this:
+++
title = "Meet Ava"
date = "2018-07-07"
menu = "main"
tags = ["chatbots", "marketing"]
adsenseTop = false
adsenseBottom = false
cover = "https://www.normai.net/images/meet-ava-cover.jpg"
+++
Should I be formatting the cover variable differently?
How do I add canonical URL
to this theme ?
Not sure why but there are so many definitions like .content
which uses 16 px but html
seems to use 14px (which is too small).
I guess there are many things that can be improved.
I am starting to use hugo + kiss and experienced an issue with the newest version of kiss on master. When using the v2.0.0 version, everything is fine.
When running hugo server
, I get this error:
port 1313 already in use, attempting to use an available port Total in 7 ms Error: Error building site: failed to render pages: render of "taxonomyTerm" failed: execute of template failed: template: index.html:7:23: executing "index.html" at <$pctx.RegularPages>: can't evaluate field RegularPages in type *hugolib.pageState
Exact steps to reproduce:
hugo new site mysite
git clone https://github.com/ribice/kiss.git
)mysite/config.toml
hugo server
fails.Hope it is an actual problem and not just caused by some type of wrong use 😄
I have the following setup but the link does not end up opening a new window:
post.md
:
[Telegram bots](https://telegram.org/)
config.toml
[blackfriday]
hrefTargetBlank = true
When I create a new post using hugo new post/post_name.md
, I get the following warning:
WARNING: date and/or title missing from archetype file "/home/frosty/Desktop/plogs/themes/kiss/archetypes/default.md".
From Hugo 0.24 this must be provided in the archetype file itself, if needed. Example:
---
title: "{{ replace .TranslationBaseName "-" " " | title }}"
date: {{ .Date }}
draft: true
---
/home/frosty/Desktop/plogs/content/post/building-hackers-chat.md created
When I press nav's link, page view isn't show collections after nav's page transition.
In hugo's reference(https://gohugo.io/variables/page/) (maybe since [v0.65.0]),
.Site.RegularPages
return Collection of only regular pages, and
.RegularPages
Collection of only regular pages under the current list page. This excludes regular pages in nested sections/list pages (those are subdirectories with an _index.md file.)
And in hugo's build option (https://gohugo.io/content-management/build-options/),
page collections were suggested as site.RegularPages
and $page.Pages
.
So I change page context's getting page collection function to .Pages
, and will send PR.
Best Regards.
I can't get AdSense ads to show on my site, and instead have an empty iframe on individual posts. Example post using adsenseTop = true
here. Example post using adsenseBottom = true
here.
My config.toml file is set to
[params.info]
adsense = "5124404914438454" # Adsense ID (ID only, without ca-pub-)
This is the correct ID number, and my ID works for my test site on Blogger. Am I missing something, or do you know if there's another step I need to make on the AdSense side to enable ads to show?
I looked into the theme files and I didn't understood how to draw icons for Telegram. If you could add an icon to an SVG file or at least explain how to do so (I know basics of drawing with GIMP and a bit of XML if it helps), I would really appreciate it.
target="_blank"
is bad for the accessibility and for the security, you also forgot to add noreferrer
to the rel
attribute.
See also https://blog.daniel-ruf.de/target-blank-considered-harmful/.
Hello,
nice theme and greate job
For some local reason, i need to change date format ans "Read more" texte.
maybe is possible to include this parameters in config to change it easyer.
Thanks
I've been trying to figure out how to change the partial nav.html to make the social icon jump down a line when the screen is smaller. On smaller screens the social icons hides the title. I don't know enough CSS (and I don't understand the style.css enough, is it taken from a particular framework?).
Using border-bottom will cause issues with fonts as letters which go through the line do not look like they should.
https://github.com/ribice/kiss/blob/master/static/css/style.css#L2477
Current behavior:
With text-decoration: underline:
Syntax.css styles are overwritten, not allowing users to use chroma. Also, /layouts/partials/header.html does not load syntax.css. Awesome theme!
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.