huyb1991 / hugo-lamp

A light Hugo AMP responsive theme for blogger ⚡.

@huyb1991 👋

---

Tech stacks

hugo-lamp's Issues

Posts disappeared with update?

Hi there,

I changed to version v0.76.3 a while ago. I can't remember what I had before. Though I do know that for some reason it can't see any new posts.

The sidebar and images load just fine. Though I do not see any posts. It just says to generate a new one with hugo new post. Though even with that they aren't there.

My directory is pretty generic.

├───archetypes
├───content
│   └───posts
├───data
├───layouts
├───public
│   ├───fonts
│   ├───img
│   ├───page
│   │   └───1
│   ├───post
│   │   ├───how-to-access-files-using-winscp
│   │   ├───how-to-access-minecraft-server-files
│   │   ├───how-to-create-a-minecraft-server
│   │   ├───how-to-setup-mcsh
│   │   └───page
│   │       └───1
│   ├───posts
│   │   └───page
│   │       └───1
│   └───support
│       ├───categories
│       │   └───page
│       │       └───1
│       ├───servertypes
│       │   └───page
│       │       └───1
│       └───tags
│           └───page
│               └───1
├───resources
│   └───_gen
│       ├───assets
│       └───images
├───static
│   └───img
└───themes
    └───hugo-lamp
        ├───.git
        │   ├───hooks
        │   ├───info
        │   ├───logs
        │   │   └───refs
        │   │       ├───heads
        │   │       └───remotes
        │   │           └───origin
        │   ├───objects
        │   │   ├───info
        │   │   └───pack
        │   └───refs
        │       ├───heads
        │       ├───remotes
        │       │   └───origin
        │       └───tags
        ├───archetypes
        ├───docs
        ├───exampleSite
        │   └───content
        │       ├───amp
        │       ├───hugo
        │       └───post
        ├───images
        ├───layouts
        │   ├───partials
        │   ├───post
        │   ├───shortcodes
        │   └───_default
        └───node_modules
            └───.bin

baseURL = "https://example.net/support"
languageCode = "en-us"
title = "Example"
theme = "hugo-lamp"

[[menu.main]]
  name = "Discord / Contact"
  weight = 1
  identifier = "hugo"
  url = "https://discord.gg/vzwCs8K"
[[menu.main]]
  name = "Plans"
  weight = 2
  identifier = "amp"
  url = "https://example.net/plans/index.html"

[params]
  mainSections = ["posts"]
  subtitle = "Support for our various services."
  author = "Samuel Walker"
  logo = "/support/img/icon-transparent.svg"
  description = "Support and articles."
  paginate = 10

[taxonomies]
  category = "/support/categories"
  servertype = "/support/servertypes"
  tag = "/support/tags"

Security Vulnerability - Github Warning

Hi, I got this note when I pushed to github:

"We found a potential security vulnerability in one of your dependencies.
A dependency defined in …/hugo-lamp/package-lock.json has known security vulnerabilities and should be updated.

Only the owner of this repository can see this message."

I deleted that package and everything seemed fine. Are you able to fix?

add emoji and a custom css

Hi. Any idea on how i can add emoji in the title/subtitle of my website? I know I can change the these parameters in the config.toml but is there a shortcut to add emoji?

Was also wondering how do I go to add a custom css on top of the default ones, just to change a few colors and backgrounds. I looked into the styles folder but I only see scss files and I'm not sure how I could load mine.

How to run exampleSite

Perhaps a really stupid question, but I'm new to HUGO. I created a new site and cloned your theme.

I see I have a package.json in \themes\hugo-lamp and in \themes\hugo-lamp\exampleSite
How to run exampleSite? Should I move the content of the folder to my root? Overwriting my (still empty) content folder? And run npm start from my root?

1

1

Robots.txt Enabling

Following the hugo instructions: https://gohugo.io/templates/robots/ I've added enableRobots.txt = true under [Params] in the config file. The robots.txt file was added to the layouts folder, but it is domain.com/robots.txt is currently 404ing. I don't know enough about the set up to know if this is a template-related issue or not. Do you know?

Fix icon for social networks

Refactor Layout with Grid

Questions about configuration

Hi,
thanks for this awesome theme.
I have some questions, but i don't known it these are theme related or hugo related.
I try to ask :

in config.toml i read

[taxonomies]
  tag = "tags"
  category = "categories"

what the meaning of this configuration?

then, i read

[[menu.main]]
  name = "Hugo"
  weight = 1
  identifier = "hugo"
  url = "/hugo/"
[[menu.main]]
  name = "AMP Project"
  weight = 2
  identifier = "amp"
  url = "/amp/"
[[menu.main]]
  name = "Tags"
  weight = 3
  identifier = "tags"
  url = "/tags/"

but the directory tree in the content directory is

/amp
/hugo
/post

and not

/amp
/hugo
/tags

so i understand

• every contents in post will not be present in the menu amp or the menu tags
• every contents in /amp will be present in /amp menu
• every contents in /hugo will be present in /hugo menu
• /tags is a reserved keyword

thanks

rss icon not showing up

Hi,

The rss icon is not showing up in the sidebar (but the rss link is there and you can click on it), and all the social network icons disappear from the sidebar when you are inside a post (although, once again, the links are there and you can click on them, it's just that they're invisible). This happens in the example site as well when I access it using Firefox (inside Ubuntu) or using the browser from my android phone.

Do you know how to fix this? I'm playing around with the files in the meanwhile, but I thought it wouldn't hurt to ask.

PS. The "share on facebook" etc icons also become invisible when you're inside a post (but not on the home page)

Support Dark Mode Toggle

The Amp way to add images to a Post

Hi,
what is the correct/amp way to add images to a post?
i see that

cover: "/img/cover.jpg"
will only used to set a post thumbnail, but cover is not used inside the article.

let's suppose i want to add some images, any suggestion to add in the right way?

thanks.

Side bar menu icon cannot be loaded.

Side bar menu icon cannot be loaded.

This should be similar to #34, but it can click normally.

Suggest

Sharing links in the summary are collect to a button.
Click on the button to select the sharing link.
Because users may join other sharing platforms, showing them all will have a negative impact, especially on small screen devices.

Can't find markdown syntax demo markdown source

Cannot find source markdown of markdown syntax demo , is there any possible to get it?

Chinese support??

I can not use Chinese for tags.

Why?

Yarn install fails on windows

https://gist.github.com/sfxworks/43192219a2c44acbe523da9948d26da6

quantomworks@DESKTOP-6VDCHBC:/mnt/c/users/shaba/documents/git/mcsh-support/themes/hugo-lamp$ yarn install
yarn install v1.21.1
[1/4] Resolving packages...
[2/4] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
[4/4] Building fresh packages...
Done in 57.77s.

Works fine on linux subsystem but errors out hard on windows 10.

PS C:\Users\shaba\Documents\git\mcsh-support\themes\hugo-lamp> yarn version
yarn version v1.21.1
info Current version: 1.0.2

quantomworks@DESKTOP-6VDCHBC:/mnt/c/users/shaba/documents/git/mcsh-support/themes/hugo-lamp$ yarn version
yarn version v1.21.1
info Current version: 1.0.2

Stylesheet not serving

I tried to modify the variable.scss and other sass but it didn't render.
I ran the command npm run watch as expected but got error;

$ npm run watch

[email protected] watch C:\Hugo\Sites\thewebdev.io\themes\hugo-lamp
nodemon -e scss -w ./ -x npm run build

'nodemon' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] watch: nodemon -e scss -w ./ -x npm run build
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] watch script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\user\AppData\Roaming\npm-cache_logs\2019-01-18T16_26_38_190Z-debug.log

what could be wrong please?
PS: I've tried npm install too

Change primary colors from config

Hi! Awesome, amazing theme! I've been searching for a easy, but good-looking, AMP theme.

I'm actually having trouble figuring out how to change the color scheme. I tried a find in replace in the variable.scss file and in the stylesheet.html. I was unable to affect the color - could you help me figure out how to do this?

One cool feature would be to be able to change the variables (ie; primary) from the config.

Thanks for the cool theme

Error on build

Hi, i am trying to build my site, which have been working for some time, y updated to the last build of hugo-lamp, and then i get a couple of errors when i try to build.

This is the output i get

Building sites … ERROR 2020/05/06 21:39:06 Failed to add template "theme/partials/head.html" in path "/home/gibranlp/site/themes/hugo-lamp/layouts/partials/head.html": template: theme/partials/head.html:41: function "hugo" not defined
ERROR 2020/05/06 21:39:06 theme/partials/head.html : template: theme/partials/head.html:41: function "hugo" not defined
ERROR 2020/05/06 21:39:06 Error while rendering "taxonomyTerm" in "": template: /home/gibranlp/site/themes/hugo-lamp/layouts/_default/list.html:26:7: executing "/home/gibranlp/site/themes/hugo-lamp/layouts/_default/list.html" at <partial "head.html" ...>: error calling partial: template: "theme/partials/head.html" is an incomplete or empty template.

I also tried to migrate my website to a new one but even on a new hugo site with the default config.toml and i get the same errors.

changing color [$green: #6aac0e] to $: #21abcd in variables.scss but does change color in theme

Hello huyb1991, thank you so much for your contribution, I liked a lot the theme Hugo Lamp and I started to use it regularly. But I have a small issue with the appearance, I want to change the baseline color of the theme from #6aac0e to #21abcd, but when I change this in the variables.scss file nothing changes when I do...

blogdown:::serve_site()

can you please help me out with these issues?

Thank you again,
Best regards,

Álvaro.

Social media enhancements

It would be nice to have an SVG icon for Reddit in the bottom social media container. I tried my hand at generating an SVG path, but I wasn't able to get anything looking as good as your icons.

Also, it would be helpful to add Reddit to the list of social media share buttons on posts, and to make the list of which buttons appear configurable (as opposed to editing them in post/summary.html).

Add syntax highlighting

Is there a way to add syntax highlighting to this theme? I followed the instructions from this post and added

pygmentsUseClasses = true             # Enable for syntax highlighting
pygmentsCodeFences = true             # Enable triple backtick 'code fence' markdown
pygmentsStyle = "dracula"

to the toml and this in my post (back tricks without parenthesis)

(```) r
library(tidyverse)
mtcars >%> filter(mpg == 200) 

but I still don't see any highlighting in the rendered html. I'm using RStudio and I write my posts in RMarkdown if that matters

Use pinterest icon

I'm customizing your great theme to meet my requirement.
As a social icon I want to add a pinterest icon.
Looking at variabless.scss I don't see pinterest listed.

What is the code for pinterest or do I need to add it to the font?
If I need to add it to the font, how should this be done. I have no experience with it.

I do have the pinterest icon as SVG from my current non-HUGO theme:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="28.5" viewbox="0 0 43 51">
  <title>pinterest</title>
  <path d="M8.134 18.748c0-1.6.2-3 .8-4.4.5-1.4 1.2-2.6 2.2-3.6.9-1 2-1.9 3.2-2.6 1.2-.8 2.5-1.3 3.9-1.7 1.5-.4 2.9-.5 4.4-.5 2.2 0 4.3.4 6.2 1.4 1.9.9 3.5 2.3 4.7 4.1 1.2 1.9 1.8 3.9 1.8 6.2 0 1.4-.1 2.7-.4 4-.2 1.3-.7 2.6-1.2 3.8-.6 1.2-1.3 2.3-2.2 3.2-.8.9-1.8 1.7-3.1 2.2-1.2.6-2.5.9-4 .9-1 0-1.9-.3-2.9-.7-.9-.5-1.6-1.1-2-1.9-.1.5-.3 1.4-.6 2.4-.3 1.1-.4 1.7-.5 2-.1.3-.2.9-.4 1.6-.3.7-.4 1.2-.6 1.5-.1.3-.4.7-.7 1.3-.3.6-.6 1.2-1 1.7-.3.5-.7 1.1-1.3 1.8l-.3.1-.2-.2c-.2-2.2-.3-3.6-.3-4 0-1.3.2-2.8.5-4.4.3-1.7.8-3.7 1.4-6.2.6-2.5 1-3.9 1.1-4.4-.5-.9-.7-2.1-.7-3.6 0-1.2.4-2.3 1.1-3.3.8-1.1 1.7-1.6 2.8-1.6.9 0 1.6.3 2.1.9.4.6.7 1.3.7 2.2 0 .9-.3 2.3-1 4.1-.6 1.8-.9 3.1-.9 4 0 .9.3 1.6 1 2.2.6.6 1.4.9 2.3.9.8 0 1.5-.2 2.2-.5.6-.4 1.2-.9 1.6-1.5.5-.6.9-1.3 1.2-2 .4-.8.6-1.5.8-2.4.2-.8.4-1.6.5-2.4.1-.7.1-1.4.1-2.1 0-2.5-.8-4.4-2.3-5.8-1.6-1.4-3.6-2.1-6.1-2.1-2.8 0-5.2 1-7.1 2.8-1.9 1.9-2.9 4.2-2.9 7.1 0 .6.1 1.2.3 1.8.2.6.4 1.1.6 1.4.2.3.4.7.5 1 .2.3.3.5.3.6 0 .4-.1.9-.3 1.6-.2.6-.5 1-.8 1 0 0-.1-.1-.4-.1-.7-.2-1.3-.6-1.9-1.2-.5-.6-1-1.3-1.3-2-.3-.8-.5-1.6-.7-2.4-.2-.7-.2-1.5-.2-2.2z"></path>
</svg>

Any help will be much appreciated.

The mandatory text inside tag 'head > style[amp-boilerplate]' is missing or incorrect.

using updated gohugo with last version of the theme,
if you check this page https://www.curare-emorroidi.it/ with one amp navigator you will get 'The mandatory text inside tag 'head > style[amp-boilerplate]' is missing or incorrect.'

but if i check this webpage https://themes.gohugo.io/theme/hugo-lamp/ , the amp validator pass. i didn't make any editing in the theme.

Someone can help me, please?

please can you help me with relative path (fonts and images not found)

if i push the website in a root folder like example

http://www.recensionifacili.it/

with this in toml

baseURL = "http://www.recensionifacili.it/"

it works.

if i move here

https://www.machenotizia.info/articoli/

with this toml

baseURL = "https://www.machenotizia.info/articoli/"

some file are not found.

i tried also with

baseURL = "https://www.machenotizia.info/articoli"

nothing changed

it look like it searching from the root of the website, without considering /articoli/ path.

can you help me?

thanks.

Can't seem to get resolution on #27

I am trying to use Yawn or NPM just to update the theme. I get this when I run Yarn watch

PS C:\Repos\Testing\themes\hugo-lamp> yarn watch
yarn run v1.17.3
$ nodemon -e scss -w ./ -x npm run build
[nodemon] 1.19.2
[nodemon] to restart at any time, enter `rs`
[nodemon] watching dir(s): **\*
[nodemon] starting `npm run build`

> [email protected] build C:\Repos\Testing\themes\hugo-lamp
> node ./index.js

internal/modules/cjs/loader.js:775
    throw err;
    ^

Error: Cannot find module 'node-sass'
Require stack:
- C:\Repos\Testing\themes\hugo-lamp\index.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:772:15)
    at Function.Module._load (internal/modules/cjs/loader.js:677:27)
    at Module.require (internal/modules/cjs/loader.js:830:19)
    at require (internal/modules/cjs/helpers.js:68:18)
    at Object.<anonymous> (C:\Repos\Testing\themes\hugo-lamp\index.js:4:14)
    at Module._compile (internal/modules/cjs/loader.js:936:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:947:10)
    at Module.load (internal/modules/cjs/loader.js:790:32)
    at Function.Module._load (internal/modules/cjs/loader.js:703:12)
    at Function.Module.runMain (internal/modules/cjs/loader.js:999:10) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ 'C:\\Repos\\Testing\\themes\\hugo-lamp\\index.js' ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `node ./index.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\SimplyTech\AppData\Roaming\npm-cache\_logs\2019-09-06T19_03_00_335Z-debug.log
[nodemon] app crashed - waiting for file changes before starting...

Then if I try running yarn build

PS C:\Repos\Testing\themes\hugo-lamp> yarn build
yarn run v1.17.3
$ node ./index.js
internal/modules/cjs/loader.js:775
    throw err;
    ^

Error: Cannot find module 'node-sass'
Require stack:
- C:\Repos\Testing\themes\hugo-lamp\index.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:772:15)
    at Function.Module._load (internal/modules/cjs/loader.js:677:27)
    at Module.require (internal/modules/cjs/loader.js:830:19)
    at require (internal/modules/cjs/helpers.js:68:18)
    at Object.<anonymous> (C:\Repos\Testing\themes\hugo-lamp\index.js:4:14)
    at Module._compile (internal/modules/cjs/loader.js:936:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:947:10)
    at Module.load (internal/modules/cjs/loader.js:790:32)
    at Function.Module._load (internal/modules/cjs/loader.js:703:12)
    at Function.Module.runMain (internal/modules/cjs/loader.js:999:10) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ 'C:\\Repos\\Testing\\themes\\hugo-lamp\\index.js' ]
}
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.