vaga / hugo-theme-m10c Goto Github PK

Awesome theme man. Nice work. I'm using it here -> https://polleyg.dev/

Is there any way to have the title seperate from what's displayed on the top of the blog posts? I my case, it display "polleyg.dev" twice.

My config:

Hello, I want to add "about", "topics", "contact" buttons to my home page, how can I achieve that?

Hi, first off thanks for your work on this theme!

When using the highlight shortcode with linenos=table, the left-hand border appears in both tables.
In addition, a border appears around the table whereas it does not for linenos=inline or linenos=false:

I work around this with the following SCSS:

 // get rid of duplicate padding element in pre-formatted content
.post-content td:nth-child(2) pre {
  border: 0;
}

// border around pre-formatted tables
.post-content div.highlight div {
  background-color: unset !important;
}

Result:

I think it is more visually consistent to only have the border on the first cell.
There is probably a better way of doing this (especially the !important hack - I couldn't get it to work otherwise), but I'm not so good with styling.

I wanted to set up a social link for my soundcloud (using the params like I did for github, twitter, et al) and I noticed that FA had a headphones icon. That seemed good enough for me. I was able to get it to work mostly, but the icon doesn't look quite right. I'm not sure if you have instructions on how you were able to get the other icons or if you wouldn't mind fixing up my code for it to make the image look a little cleaner.

I used this icon: https://fontawesome.com/icons/headphones?style=solid
And here's the code I came up with and put into layouts/partials/icon.html (didn't want to just do a PR since it didn't come out quite right)

<svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"  class="icon icon-headphones"><path d="M12 1.5c-6.633 0-12 5.367-12 12v2.25c0 .566.32 1.086.828 1.34l.676.34A5.248 5.248 0 0 0 6.75 22.5h1.125C8.496 22.5 9 21.996 9 21.375v-8.25C9 12.504 8.496 12 7.875 12H6.75A5.236 5.236 0 0 0 3 13.578V13.5c0-4.96 4.04-9 9-9s9 4.04 9 9v.078A5.236 5.236 0 0 0 17.25 12h-1.125c-.621 0-1.125.504-1.125 1.125v8.25c0 .621.504 1.125 1.125 1.125h1.125a5.248 5.248 0 0 0 5.246-5.07l.676-.34c.508-.254.828-.774.828-1.34V13.5c0-6.633-5.367-12-12-12zm0 0"></path></svg>

I think Telegram should be added to the list of icons.

Hey I'd like to feature your theme on https://builtatlightspeed.com/category/hugo but I need a working demo url.

The telegram icon works in efa65a4 but then the RSS icon doesn't work. Also the telegram icon doesn't work outside of efa65a4.

I have to find a solution to add custom icons.

• #83
• #86

With --minify

Without --minify

As @pamubay said

That's correct behavior, it's <div> vs <div> elements. div is block-element

gohugoio/hugo#10424

Hi!

I tried to add quote block into one of my posts and I found out that the theme does not have a quote block CSS style. I haven't done PR to this change, since I do not know if the style suits the developer.
Anyway here is the idea for quote block style (I did change the code block as well so both of them look the same):

blockquote {
  border-left: 0.4em solid rgba($primary-color, .8);
  border-radius: 5px;
  padding: .5em 1em;
  color: rgba($light-color, .8);
  font-family: monospace,monospace;
  font-size: 1em;
  margin: 10px 0;
  background: #272822;
}

blockquote:before {
  color: rgba($light-color, .8);
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.3em;
}

blockquote p {
  display: inline;
}

Preview:

Hopefully something similar gets added as it looks a bit better this way.

What is the default network port for hugo-theme-m10c ? The default test website http://localhost:1313/ is invalid.

• Add new cover
• Add list with all features

1. Not much experience in the frontend dev field, but think the framework needs to be extended with a functionality to add a always display footer. This is important for adding on-click content such as the classic "contact us" link or the so called "impressum" which is even a legal requirement in some countries (e.g. Germany)

   Here a "prototype" that I just made for easier explanation:

   

2. Would like to have the opportunity, to integrate images into blogposts. Maybe shortcode could be a means to do that "shortcodes" offered by HUGO

Lemme know what you think?

I've been trying to use the alternative example styles in my config.toml however no matter how I use them (per your example or otherwise) I cannot get the theme to show anything other than green and grey.

Is this a known issue?

Article search

Sorry, i don’t know much about this, i tried to do it myself and didn't do it well

Add top N topics (tags) to the menu section below the blog description.

I get the error "module "m10c" not found; either add it as a Hugo Module or store it in "/Users/myname".: module does not exist" when I run the hugo server command. Can you tell me how to fix it?

Hello, if I move an R markdown with plots on the server, the index file in the post folder will not be checked off. This is the case with .Rmd or .Rmarkdown.

With New Post markdown it works, but without plots.

e.g. with the following plot (default for R Markdown)

title: R Markdown
author: Oliver Gansser
date: '2019-05-11'
slug: r-markdown
categories: []
tags: []

knitr::opts_chunk$set(echo = TRUE)

R Markdown

This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see http://rmarkdown.rstudio.com.

When you click the Knit button a document will be generated that includes both content as well as the output of any embedded R code chunks within the document. You can embed an R code chunk like this:

summary(cars)

Including Plots

You can also embed plots, for example:

plot(pressure)

Note that the echo = FALSE parameter was added to the code chunk to prevent printing of the R code that generated the plot.

i am new to all that hugo stuff and came up with your template, which i like very much.

I just was wondering that there is no XING icon. LinkedIn is present. Is there a way to add an icon in the same look and feel for xing? Or is there a description how you did that for the other icons?

Thank you.

It seems that footnote references, when placed in a markdown file, do not redirect the user to the relevant footnote but, instead, back to the home page.

It also seems that the return link in a footnote also redirects to the home page instead of redirecting back to the correct reference

e.g. if we had a post with the address blog.com/posts/example that contained the following:

I am referencing a footnote[^1]


[^1]: I am the footnote

Then both links, the reference and the return link, would be displayed correctly. However, the reference would redirect to blog.com/#fn:1 instead of blog.com/posts/example/#fn:1 and the return link would redirect to blog.com/#fnref:1 instead of blog.com/posts/example/#fnref:1.

Thanks for your help.

Would be great to add pagination.

For now, there is none, only latest 10 posts are visible:

Probably I failed to enable it?

• Add icon property
• Use name property in <a> tag title attribute

Example:

[[params.social]]
  name = "Github"
  icon = "github"
  url = "https://github.com/vaga"

How do I add HTML to the index and have it persist after a hugo build ?
Thank you!

hey thanks for the theme, however i couldnt change color theme to brown one. its color values is not present in config.toml

Hello, thanks for this theme.

I got the same issue : #5.

I'm unable to change the colors of the theme.
Best regards.

I'm a complete hugo beginner, and I'm starting with this theme. Thank you for your design.
I don't know in which directory I must store my avatar image. assets? static?

It would be helpful to say this in the README and to add an avatar image in the example site.

In hugo, where should the avatar image be placed (which default directory)?

Hi,
i try to run m10c with RStudio. It works but I cannot replace the avatar with my picture. Instead, there is the author name with a link to the committed server.

Here is the config.toml:

baseURL = "https://www.gansser.info"
title = "my Site"
theme = "hugo-theme-m10c"
paginate = 10

[params]
author = "Oliver Gansser"
description = "Marketing - Research - Communication - Sales - Consumer-Typology"
[[params.social]]
name = "github"
url = "https://github.com/gohugoio"
[[params.social]]
name = "twitter"
url = "https://twitter.com/gohugoio"

Hi 👋

Thanks for this beautiful hugo theme!
I noticed the twitter icon is not showing on the bio sidebar

  [[params.social]]
    icon = "twitter"
    name = "Twitter"
    url = "https://twitter.com/matthieugouel"

Example with your blog:

Hi, I've noticed something else. The green circle around the avatar should be a bit tighter because otherwise there are white spots on all sides. See www.gansser.de. Maybe the circle should be round?

How to configure custom navigation items such as About, tags or categories?

See #61

baseURL = "https://tonyyang924.github.io/blog"
languageCode = "zh-TW"
title = "tonyyang924's programmer blog"
theme = "m10c"
disqusShortname = "tonyyang924"
paginate = 5
[params]
  author = "Tony Yang"
  description = "I'm an Android developer, based in Taipei, TW."
  [[params.social]]
    name = "github"
    url = "https://github.com/tonyyang924"
  [[params.social]]
    name = "linkedin"
    url = "https://www.linkedin.com/in/tonyyang924/"

https://tonyyang924.github.io/blog/index.html

The social icon "linkedin" only show up on local when I type hugo server -D or open on my local.

but I upload static html to github pages that the linkedin icon didn't show up.

what happens to this? the icon not references by the other site, only use it by svg. It's weird... lol

I still have a question about How to customize font and font size ? It seems that what I can change now is the color.

 # Green theme
  #[params.style]
  #  darkestColor = "#315659"
  #  darkColor = "#253031"
  #  primaryColor = "#dad865"
  #  lightColor = "#96a879"
  #  lightestColor = "#fff"  

Heyhey! I'd like to have this feature:

https://gohugo.io/templates/rss/#reference-your-rss-feed-in-head

However, I couldn't find a way to extend the <head> tag from outside the theme context in my own project, so I was blocked, and I also believe this should just be the part of the theme, so I thought I'll open an issue about it.

I tested it, and it works if I just add it to layouts/_default/baseof.hml below the stylesheet link, or something, I just can't version control it properly, if I want to use this theme without altering it.

What do you think?

I'd probably do it but I don't know how to do that, so if you'd like me to, tell me how.

I'm fairly new to Hugo but trying themes out I love this one the most, but I can't get Google Analytics to work.

In the other themes I have tried, just putting either of the below into the config.toml has GA working fine, but not with this theme.

googleAnalytics = "G-123456789

or

gtagId = "G-123456789

Any ideas please?

Dear @vaga ,
Appreciate if you can enable a way to display the Front Matter "Description" under the title, so I can display a brief about an article .
Thank you so much for the theme, its perfect :) .
Amr

Hi @vaga!
I am trying to put the about section on the home page so people will know about myself before moving to other content. Which parts of coding should I need to edit?

How to make tags(list and count the number of articles) like the demo blog at https://themes.gohugo.io//theme/hugo-theme-m10c/tags/

Hello.

docker run -dit --name hugo ubuntu:18.04
docker exec -it hugo bash

apt update && apt upgrade
apt-get install hugo git vim

mkdir /srv/www/; cd $_

hugo new site quickstart
cd quickstart/
hugo new posts/my-first-post.md
vim ./content/posts/my-first-post.md
git init
git submodule add https://github.com/vaga/hugo-theme-m10c.git themes/m10c

root@1efdba1d0741:/srv/www/quickstart# cat ./config.toml 
baseURL = "https://example.com"
languageCode = "en-us"
title = "Title test1"
theme = "m10c"

root@1efdba1d0741:/srv/www/quickstart# hugo server -D --bind="0.0.0.0"`
ERROR 2019/04/21 09:40:17 Current theme does not support Hugo version 0.40.1. Minimum version required is 0.43
Building sites … ERROR 2019/04/21 09:40:17 Failed to add template "theme/404.html" in path "/srv/www/quickstart/themes/m10c/layouts/404.html": template: /srv/www/quickstart/themes/m10c/layouts/404.html:6: function "hugo" not defined
ERROR 2019/04/21 09:40:17 Failed to add template "theme/_default/list.html" in path "/srv/www/quickstart/themes/m10c/layouts/_default/list.html": template: /srv/www/quickstart/themes/m10c/layouts/_default/list.html:6: function "hugo" not defined
ERROR 2019/04/21 09:40:17 Failed to add template "theme/_default/single.html" in path "/srv/www/quickstart/themes/m10c/layouts/_default/single.html": template: /srv/www/quickstart/themes/m10c/layouts/_default/single.html:6: function "hugo" not defined
Total in 48 ms
Error: Error building site: logged 4 error(s)
root@1efdba1d0741:/srv/www/quickstart# 
root@1efdba1d0741:/srv/www/quickstart# 

root@1efdba1d0741:/srv/www/quickstart# dpkg -l|grep hugo
ii  hugo                       0.40.1-1                          amd64        Fast and flexible Static Site Generator written in Go
root@1efdba1d0741:/srv/www/quickstart#

As the title says.
Tried a barebones config and an the example site.
Local server works fine, generate sources appear like raw HTML.

Hugo v0.101+extended
Arch Linux

I think the current version of the m10c and Hugo is not compatible.

Perhaps more of a suggestion. It would be nice to display author beneath the avatar and above the description instead of the page title.

Can't use
or
or
{: "height = 200" "width = 200"}
or
<img src= "image_url" style= "zoom:90" / >
I can use those in vs code or typora, but can't in hugo!

How to configure support for disqus comments?

I'm using your theme for my blog, and recently, I tried to insert a markdown table, but it does not look like a table; instead, it looks like standard text. It doesn't matter if I copy-paste one from a working page or if I create one from scratch.
I have upload 2 picture, where you can see how I have created the tables and how it look like

Do you have a hint on how to create tables in this theme?

#27 first version