ribice / kiss Goto Github PK

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

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?

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'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?

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.

• Environment
  • Hugo version: 0.65.0
  • kiss commit id: 2b18ebb

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.

• Reproduction Gif

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.

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

The website label is wrong, click on a label, and irrelevant articles will also be listed.

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:

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 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.

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'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"

Screenshot:

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.

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.

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.

It seems <meta name="description" content=""> is completely missing.

So we should add <meta name="description" content="{{ partial "data/description" . }}">

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.

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 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:

• Create new hugo site with hugo new site mysite
• Clone kiss into themes (git clone https://github.com/ribice/kiss.git)
• Copy the exampleSite config.toml file to mysite/config.toml
• Running hugo server fails.

Hope it is an actual problem and not just caused by some type of wrong use 😄

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 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?).

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

The arrow should be narrower and aligned with 'Older'.

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/.

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:

It seems you use h1 for all titles on the list template whch is not correct. These should be h2 or h3.

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.

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?

I really like this theme, but the lack of code highlighting is preventing me from switching over.

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.

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"

The following is generally better (do a git initin the root folder before doing this step):
git submodule add [email protected]:ribice/kiss.git themes/kiss

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

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

How do I add canonical URL to this theme ?

Syntax.css styles are overwritten, not allowing users to use chroma. Also, /layouts/partials/header.html does not load syntax.css. Awesome theme!

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?

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:

• Environment
  • Hugo version: 0.59.1
  • kiss commit id: 073016f

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.

• Reproduction Gif

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

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

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>

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

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

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.

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. :)