First time watching your video's, ill say you are explaining it very well. thanks for your time and efford to helping us out. allready made a website using hugo one time and fell in love with it. As u said, static sites are way faster. easy to manage and light. subbed.
A great starter for whom give it a try to HUGO. But i have very simple question :) My default config.toml(hugo.toml) file is toml. Is there a way(probably there is) to change default config to yml like yours? I lost while searching :D
Very clever stuff - thanks a ton for your excellent walk-thru Adi. I'm sure I can use a static website - I have to think just why and where - but now you've equipped me with all the dev insights I need. 👏🏻👏🏻
At 24:33 How do you replace the words instantly with the different cases? I've tried following / converting your shortcuts to windows shortcuts but I can't replicate it (or is it just clever video editing?)
Excellent video. Exactly the information I was looking for. I'm sure I'll come up with its limitations, like commenting or liking something. But for now, to get up and running for free, its awesome.
Thank you for this video. I want to ask for something. You wrote shell command in Visual Studio. I am using visual studio for Windows and I can't find this command. Which command should I use?
Awesome ! thanks for this great tutorial, i know web-dev but mostly used plain html-css-js or react.. and choose Hugo for my blog because it's fast and easy to use , thanks again
Just finished this course right now, and I feel it was really helpful. I want to start a new simple/personal blog now in 2024 and this tool will be very useful for that. Thank you for your time!
Wow, Hugo is very simple to use, very simple to understand and I will use it for my projects in the near future, netlify is very nice, too. Thank you so much for the video!
Lovely walk through. Very nice planing and pacing, inserting blocks of texts and clearly explaining the steps, rather than just typing and talking distractedly. Thoughtful work. "How cool is that," indeed!
I am learning and watching the video. Thank you very much. You've been through a lot this year. happy new year 2022 I hope that 2022 will be a year where your wishes come true.🌻
Someone that doesn't know how to use HTML, CSS, and JavaScript can create a website using just markdown with Hugo. It's very easy to use and there are many themes for it.
Hi! We’re glad you enjoyed the video. To achieve a smooth transition between light and dark mode in Hugo, you can use CSS transitions. Here’s a basic approach: Define the Light and Dark Modes: Set up your CSS to include styles for both light and dark modes. Use CSS Variables: Define color variables in your CSS for easier switching. Apply Transitions: Add CSS transitions to smoothly change the color properties when toggling modes. Here’s a quick example: :root { --background-color: #ffffff; --text-color: #000000; transition: background-color 0.5s ease, color 0.5s ease; } [data-theme="dark"] { --background-color: #000000; --text-color: #ffffff; } body { background-color: var(--background-color); color: var(--text-color); } JavaScript Toggle: Use JavaScript to toggle the data-theme attribute on the element. const toggleButton = document.getElementById('theme-toggle'); toggleButton.addEventListener('click', () => { document.body.dataset.theme = document.body.dataset.theme === 'dark' ? 'light' : 'dark'; }); This will create a smooth transition effect when toggling between light and dark modes. Hope this helps, cheers!
I published it to Github public repository in VS code but it shows no files in my GitHub hugo-demo repository. Stuck in at 40:59. Anyone can help, please?
Excellent video. Exactly the information I was looking for. I'm sure I'll come up with its limitations, like commenting or liking something. But for now, to get up and running for free, its awesome.
Newb here. I found the website updates best, or as expected, when i use "hugo server --disableFastRender". You should see that in the command line reponse if using "hugo server".
Wow. I started doing web "design" in the 1990's with ActiveX Server Pages (ASP) and hand-coded HTML. Style sheets didn't really do much back then either. Hugo gets rid of all the boilerplate coding and will let me put together a decent looking web site super fast. I can focus on the content instead of having to work on my out of date HTML and Javascript coding skills. Thanks very much for doing this class!
With a static site generator, you can have different parts that are repeated in different files (these are often called mix-ins). The generator puts everything together, translates from markdown or any other preprocessor, and creates the final page. If you need to change something that is on all pages, simply correct the one file with it and regenerate the site. It will be fixed everywhere needed (if your mix-ins were created well). If your site is just a few pages, using plain HTML and CSS might be enough. But with a blog of hundreds of pages, this will save a lot of time.
I just stumbled uppon HUGO yesterday and thought... looks like something cool... now I watched some videos, tried it our myself a little. And now I really dont get whats so great about HUGO? I mean if I want to build a static website in a simple way... isnt it by far easier to just use something like Dreamwaver and thats it? If I have to type so much code. Why wouldnt I just use a graphical interface of Dreamwaver and have a static website done in 5 minutes. Especially if you dont want to learn specific html code...
Whoever is having trouble with configuring YAML file. You can directly create a new file "config.yaml", or "hugo.yaml" and remove the .toml file.
thanks for the tip. i was wondering for a while why my config.yml does nothing lmao
Thanks for the tip. Can use hugo new site --format yml also as -f flag is no longer in use
@@praba.ponnambalam Thank you !
This man uses vscode in LIGHT MODE!!??
I tried to use the -f flag but it still create a .toml file. I tried:
-f yml
-f yaml
-f "yml"
-f "yaml"
--format hugo.yaml
instead of yml file i'm getting hugo.toml files havn't worked with those what should I do
I had the same problem
Run this command instead: hugo new site mysite --format yml
First time watching your video's, ill say you are explaining it very well. thanks for your time and efford to helping us out. allready made a website using hugo one time and fell in love with it.
As u said, static sites are way faster. easy to manage and light. subbed.
A great starter for whom give it a try to HUGO. But i have very simple question :) My default config.toml(hugo.toml) file is toml. Is there a way(probably there is) to change default config to yml like yours? I lost while searching :D
-f flag is no longer in use. Instead, use the --format flag. Eg: hugo new site --format yml
Very clever stuff - thanks a ton for your excellent walk-thru Adi. I'm sure I can use a static website - I have to think just why and where - but now you've equipped me with all the dev insights I need. 👏🏻👏🏻
At 24:33 How do you replace the words instantly with the different cases? I've tried following / converting your shortcuts to windows shortcuts but I can't replicate it (or is it just clever video editing?)
Excellent video. Exactly the information I was looking for. I'm sure I'll come up with its limitations, like commenting or liking something. But for now, to get up and running for free, its awesome.
Free tools are always preferable over licensed products.
Great course. Even yt ads are perfectly timed to not be too annoying 👍
Incredibly simple to follow from someone who had zero knowledge on all of this before, thank you!
You're very welcome!
Thank you for this video. I want to ask for something. You wrote shell command in Visual Studio. I am using visual studio for Windows and I can't find this command. Which command should I use?
very relaxing method of twaching
It's a bit dated, but thank you for walking me through the first 15 mins of the video!
Awesome ! thanks for this great tutorial, i know web-dev but mostly used plain html-css-js or react.. and choose Hugo for my blog because it's fast and easy to use , thanks again
Adi: thanks for this. Is the publishing to a "public" folder or can it be just to /var/www/html/? Thanks.
Excellent explanation. Gave me all the info and insights I needed to deploy my first Hugo website. Cheers man
i don't know why, but i'm having a problem to insert an image as cover, it just doesn't appear. What's wrong?
Hi, I'm trying to add an image but it didn't display it. I have toml file. Someone knows how to solve it? I'm new using hugo template.
Brilliant video, and suitable for a beginner. Took me a whole afternoon but learned loads along the way. Thanks!
Is it risky to add a theme as a submodule? Because what if that repo gets deleted?
Superb video, very well presented and really interesting, fabulous job. Thank you.
Just finished this course right now, and I feel it was really helpful. I want to start a new simple/personal blog now in 2024 and this tool will be very useful for that. Thank you for your time!
Wow, Hugo is very simple to use, very simple to understand and I will use it for my projects in the near future, netlify is very nice, too. Thank you so much for the video!
You are welcome!
Whats the difference between upload hugo by github actions than to do it by netlify?
Lovely walk through. Very nice planing and pacing, inserting blocks of texts and clearly explaining the steps,
rather than just typing and talking distractedly. Thoughtful work. "How cool is that," indeed!
Great video! Thank you :)
Dude Change the Vscode theme this light thing is going to make you blind 😊. BTW Great Course.
Please consider making a course about Eleventy, a simpler static site generator.
I am learning and watching the video.
Thank you very much.
You've been through a lot this year.
happy new year 2022
I hope that 2022 will be a year where your wishes come true.🌻
This guy is a legend , really loved the way he explained the topics , great work 👍
does this course cover how to create a hugo theme/template?
The video is good but I wouldnt say you dont need to know anything, and I wouldnt say everything is simple and for beginners.
Thank you for watching us and for your feedback, we will take it into account.
Cheers!
I really don't get what's so great about HUGO, I mean if I want to build a static website in a simple way.
Someone that doesn't know how to use HTML, CSS, and JavaScript can create a website using just markdown with Hugo. It's very easy to use and there are many themes for it.
Excellent video. I'm new to this and i have a question. How can I have a smooth transition of the light/dark toggle mode with this theme ?
Hi! We’re glad you enjoyed the video. To achieve a smooth transition between light and dark mode in Hugo, you can use CSS transitions. Here’s a basic approach:
Define the Light and Dark Modes: Set up your CSS to include styles for both light and dark modes.
Use CSS Variables: Define color variables in your CSS for easier switching.
Apply Transitions: Add CSS transitions to smoothly change the color properties when toggling modes.
Here’s a quick example:
:root {
--background-color: #ffffff;
--text-color: #000000;
transition: background-color 0.5s ease, color 0.5s ease;
}
[data-theme="dark"] {
--background-color: #000000;
--text-color: #ffffff;
}
body {
background-color: var(--background-color);
color: var(--text-color);
}
JavaScript Toggle: Use JavaScript to toggle the data-theme attribute on the element.
const toggleButton = document.getElementById('theme-toggle');
toggleButton.addEventListener('click', () => {
document.body.dataset.theme = document.body.dataset.theme === 'dark' ? 'light' : 'dark';
});
This will create a smooth transition effect when toggling between light and dark modes. Hope this helps, cheers!
so the way to get the yml file is instead of "-f yml" do "--format yml"
Pretty nice lesson for beginners. Thank you!
Glad you liked it!
Thank you for your video! I got it how to use hugo 💕💕
ewwwwww light theme!
Other than that, excellent tutorial.
37:02
Thank you. +1 for the video
I published it to Github public repository in VS code but it shows no files in my GitHub hugo-demo repository. Stuck in at 40:59. Anyone can help, please?
Very helpful, thank you
Thanks a lot! It was a great course!
Best video to start Hugo!
Excellent video. Exactly the information I was looking for. I'm sure I'll come up with its limitations, like commenting or liking something. But for now, to get up and running for free, its awesome.
Newb here. I found the website updates best, or as expected, when i use "hugo server --disableFastRender". You should see that in the command line reponse if using "hugo server".
Thanks for the video 🎉
Excellent! Thank you for doing this.
Glad you enjoyed it!
nice so guide
AWESOME
This was a great tutorial. Thanks a lot :)
Glad it was helpful!
Such good tutorial, thank you
Glad it was helpful!
Wow. I started doing web "design" in the 1990's with ActiveX Server Pages (ASP) and hand-coded HTML. Style sheets didn't really do much back then either. Hugo gets rid of all the boilerplate coding and will let me put together a decent looking web site super fast. I can focus on the content instead of having to work on my out of date HTML and Javascript coding skills. Thanks very much for doing this class!
I still develop with ASP. Love it. It's so simple. I have moved to my own custom CSS using grid and flex layouts that make developing a breeze.
🔥
Thanks, this was helpful!
i get a error with the main-menu - is there another way to write it?
ALERT !
GREAT CONTENT ! 💥💥
This is great, but Touch returned an "unknown" error. I am on PC. thoughts?
touch is a linux command. touch fred.txt just creates a new file, so you can do this in explorer on windows with the right-click new file option
Nice, like+subscribe
Can someone explain how is using a static site generator easier than plain HTML and CSS
With a static site generator, you can have different parts that are repeated in different files (these are often called mix-ins). The generator puts everything together, translates from markdown or any other preprocessor, and creates the final page. If you need to change something that is on all pages, simply correct the one file with it and regenerate the site. It will be fixed everywhere needed (if your mix-ins were created well). If your site is just a few pages, using plain HTML and CSS might be enough. But with a blog of hundreds of pages, this will save a lot of time.
Thank you for a clear and straight to the point guide on Hugo, only recently discovered this tech and it's damn fun! Cheers again!
how did you do that ?
i'm totally lost
Cheers man!
Like bro!)
Good video. Thx!
It is am amazing course, Thank you 🙃
You're very welcome!
you're amazing! thanks
Happy to help!
Thank you!!!!
You're welcome!
Thanks for the video!
You're welcome!
Thank you for help man :D
Happy to help
is there a way to get a static page?
Hugo takes the markdown files and creates a static site. That is the whole function of Hugo.
thank brother.
You're welcome!
Thank you sooo much!!
You're welcome!
I just stumbled uppon HUGO yesterday and thought... looks like something cool... now I watched some videos, tried it our myself a little. And now I really dont get whats so great about HUGO? I mean if I want to build a static website in a simple way... isnt it by far easier to just use something like Dreamwaver and thats it? If I have to type so much code.
Why wouldnt I just use a graphical interface of Dreamwaver and have a static website done in 5 minutes. Especially if you dont want to learn specific html code...
if your site have 100 pages and you need to change your footer you chage one by one???