PROBLEM SOLVED: Figured out that github was not uploading the Content Folder, since it's empty by default. Added an empty Markdown File inside the folder and it finally loaded on Netlify. I used the git-bash this time around and not github Desktop.
Thank you. It was so clear and easy to understand. I was faceplanting trying to read the documentation to get the same knowledge that you were able to impart in 35 minutes. This is awesome!
Thanks bro. I was struggling with hugo and your guide helped me get there. The theme I am using is iniatially a b!tch but what you explained help me go thru it and understand it.
This is an excellent video!!! Thanks. Hugo looks easy to use and configure. I'm using WordPress at the moment but Hugo looks much simpler and FAST!!!!!
So much better than the other videos. Thanks for your enthusiasm. That's what made the difference. So many of these videos are just void of any feeling.
Hi Chris, thanks for the tutorial. I have advanced a bit in my work. I have two questions: each time I run hugo server I receive in terminal these messages: Building sites … Page's .URL is deprecated and will be removed in a future release. Use .Permalink or .RelPermalink. If what you want is the front matter URL value, use .Params.url. Page's .Hugo is deprecated and will be removed in a future release. Use the global hugo function. Where do I have to change those? And the other question. I have been trying to add a social link to my youtube channel. I added that Parameter in the config.toml and also in the header html without success. I am using youtubeName it is that correct? Or do you have another idea? Thanks in advance to you or the people who can help with this.
this shit is amazing. you do a very good job making the video and explaining / walking through things. I was a FrontPage user at the beginning of the web and I've been looking for something that isn't DreamWeaver ever since - I think Hugo is it!! Excited!
Excellent tutorial.Two months ago I barely knew what git was. Today I am working on a website with academic hugo (sourcethemes.com/academic/) and hosted in gh and netlify. Your tutorial helped me understanding how objects are connected. Pretty awesome right? Anyway I have some questions. Context: I want to add (what I think is) a snippet sidebar to one of the sections. Not in the homepage but another one. I found this one (bootsnipp.com/snippets/VE2yb) which is responsive and I like that. 1) How can I add it without creating a full mess in the whole code? More precisely: where I need to add it, in what folder? 2) Is there a way to make it update automatically? Say I add content with rmd (or md to be precise) in the... say: content/project/ folder. Do I need to change the code in that html code everytime or is there a way to make it update automatically? Don't know if my question is clear enough. 3) Say I want to configure layouts like: banner + block of text + nice text at the right of the text + click button. You know, to avoid putting everything again and again with each new post. Where do I need to add that code? And again, is there a way it gets automatically updated when adding content? Thank you for your help! Best, PS: The music in between segments is funny and nice :D
Thank you so much, especially at 15:48 when you showed how Hugo wants you to add content, I was hung on that detail. Yeah, I had to edit this comment because I posted it before I actually finished watching it. This entire video is gold if you are wanting to understand the main points of really getting started in Hugo. This makes sense to me now 🤣
Seriously I know this video is old and I am only 6 minutes in but THANK YOU. I have been searching for 2 days and watched probably 5 hours or so of videos and the few on the mac os are really confusing and bad. Will edit when I am finally successful LOL
I have been making websites since 1995... more or less... HUGO is too goddam easy! LOL! Great stuff! I am going to build my next site with hugo just for the fun of it.
How can we prevent an URL rerouting to localhost:1313/tags/investing/tags/investing, when I am in a blog under tag investing and click the type investing
Hello, first, nice job Chris, it helped me a lot. Second, I'm having an issue, my main menu doesn't show a small resume of my latests post. It shows just the random photos from static and no text. I did everything exactly how you did. Maybe its because the casper two is no longer being updated for long time? Ty for any help
Thank you for the video Chris, it was really amazing! Suggestion: in Hugo Themes list Casper Two is not available anymore, maybe you would like to suggest another theme which still has a similar architecture? Just mentioning it on the video (instead of remaking the video).
Casper Two isn't on the Hugo Themes page, but it's still available on GitHub and works with the latest version of hugo (at this writing, 0.63.2): github.com/eueung/hugo-casper-two
Not at all too long. Fills in the gaps other videos and tutorials leave out. Liked the bit explaining how to override theme functionality. This in principle is how WordPress does this.
Hi Chris, Thanks for such an awesome video. Learnt a lot.. CHEERS.. I would like to know how we can manage our content in separate folders based on categories... Can you help...?
The criticism regarding music is more because of the contrast between no music to a very loud one. My suggestion would be to make the transition more smoother. Apart from that, the tutorial itself was excellent. Especially the parts where you ask questions at every step and explain in depth. Keep making more .👌
I'm new to the SSG ecosystem. *Dwight voice* Question: Is the only way to update your SSG'd site via the command line and not through a browser ? In other words, will I have to be at my computer if I want to create a new blog post (because the "hugo server" needs to be running) ?
If you are hosting your site somewhere like Netlify then you don't need it to run locally. You could for example throw away your computer if it's hosted online. If you want to add a post then you could do that multiple ways. You could locally create another post file and then commit it to your repository and then let netlify rebuild. You could create it directly on your repository site if it allows and then let netlify rebuild. The most ideal way in my opinion is to install the netlify cms (ruclips.net/video/_CNZJLYvINc/видео.html) and then use the GUI to add and edit posts on your site. PS. Don't throw away your computer. :) Hope that helps
Thanks for the overview! I've been looking at golang based options for building a site and your walkthrough was very useful to see the potential of Hugo.
@chrisstayte - Just finished working through the project. Terminal writes the following - WARN 2019/07/31 17:02:54 Page's .URL is deprecated and will be removed in a future release. Use .Permalink or .RelPermalink. If what you want is the front matter URL value, use .Params.url. Does this refer to the config.toml file URL? Any suggestions on what this means and how does one address it? Thanks in advance. New Subscriber.
Hi, supergreat, simplified tutorial. Thanks!!! I have some doubts regarding the customization of a theme and the addition of other folders to the structure (to add another type of content, for example). Hope you can help …and maybe make another video to explain this in some detail? Anyway, congratulations!
Such a well-explained video !! I will add the link of this video to my webpage when I deploy it with netlify (by using your other video :)) so that everyone can check out and build their own websites thanks to you !
Your presentation is one of the best. Thanks. I was trying to do Hugo Academic theme, it was taking me a while. But your presentation gives me some ideas how to proceed with that theme. It will be great though if you can give a presentation on Hugo Academic theme.
Great video! I have learnt a lot on how create a simple website. But can you tell what is the major difference of using python and Hugo or other SSG? It looks like that there are many themes available and free for Hugo and it makes thing much easier.
The most complete video I watched to date. I followed along the casper-two them has been update it now at version three but I used the syntax from the video downloaded the older verson from Github I was then able to walk through the all the steps as explained "git clone github.com/eueung/hugo-casper-two.git casper-two" "Wonderful Job Chris"
Great video, I managed to get my site running in minutes thanks to your video! One question I have is this: for production, do I need to leave hugo running? I feel like I can run "hugo server" whenever I have an update (new post, etc.) and it will generate pages correctly. Am I missing anything in here?
Yes, it was a classic Windows shitshow, but you helped me figure out how to configure my apache (basically by showing me how to output the public html files) "hugo" *sigh*
@@ChrisStayte Many thanks for responding. I figured it out with some professional help, it works the same way, I just missed how to get the VCS work :) but now I got it! I started my site without any coding experience based on your vid, very helpful. Thanks a lot, great job!
As a noob, most "easy" video's about SSG's are still quite hard for me. You nailed it, I understand everything you discussed and feel like i could recreate the site on my own. Thanks!
thanks for the videos. Your video introduced me to hugo. I wanted to know if you can make a video on how to setup a "contact us" form, or if you have a tutorial link. Thank you again.
I edited one my post.md file then commit to github, but now the theme folder do does not link to the submodules anymore? so Netfily is fail to deploy it. but I didn t change anything in the .gitmodules file.
@Chris Stayte, I'm really enjoying the tutorial. I got stuck at 9:14 when I could not open visual studio from the command line. I was in the" mysite "folder but " code ." gives an error saying "-bash: code: command not found" thanks for any help.
Excellent tutorial. The music in between segments is not my favorite: nails on a chalkboard come to mind :)
PROBLEM SOLVED: Figured out that github was not uploading the Content Folder, since it's empty by default. Added an empty Markdown File inside the folder and it finally loaded on Netlify. I used the git-bash this time around and not github Desktop.
thanks for sharing this solution
Thank you. It was so clear and easy to understand. I was faceplanting trying to read the documentation to get the same knowledge that you were able to impart in 35 minutes. This is awesome!
Very cool! One of the few videos that actually go through the whole process from start :^)
Nice video Chris, thank you for sharing. One thing, *.md files are called "mark down" not "mark up".
You have done a wonderful job:-) Highly appreciated!!
Dude, great video but that transition music was disturbing
i need help, the sample configuration just isnt there?
Thanks bro. I was struggling with hugo and your guide helped me get there. The theme I am using is iniatially a b!tch but what you explained help me go thru it and understand it.
Glad I could help
Wow, you are using indonesian poeple template. Bandung -ID Means Bandung Indonesia.
Excellent! that combination of Visual Studio + Terminal + Hugo Page + Themes...
It was really a short and sweet video, where you had covered the nuances of the how to do things of a Hugo Blog setup! Thanks a bunch :)
Is Casper 3 a complete redesign? Thing look a lot different.
I’ll have to check it out
This is an excellent video!!! Thanks. Hugo looks easy to use and configure. I'm using WordPress at the moment but Hugo looks much simpler and FAST!!!!!
So much better than the other videos. Thanks for your enthusiasm. That's what made the difference. So many of these videos are just void of any feeling.
Chris, make the next video dude! :D
Working on it tomorrow :) Expect more.
Awesome 🚀🚀
Hi Chris, thanks for the tutorial. I have advanced a bit in my work. I have two questions: each time I run hugo server I receive in terminal these messages: Building sites …
Page's .URL is deprecated and will be removed in a future release. Use .Permalink or .RelPermalink. If what you want is the front matter URL value, use .Params.url.
Page's .Hugo is deprecated and will be removed in a future release. Use the global hugo function.
Where do I have to change those?
And the other question. I have been trying to add a social link to my youtube channel. I added that Parameter in the config.toml and also in the header html without success. I am using youtubeName it is that correct? Or do you have another idea?
Thanks in advance to you or the people who can help with this.
Did this get solved?
❤thank you for your videos Chris Stayte! love all your videos! You have an art for teaching I built a website whith your help🎉 your awesome 🎉
this shit is amazing. you do a very good job making the video and explaining / walking through things. I was a FrontPage user at the beginning of the web and I've been looking for something that isn't DreamWeaver ever since - I think Hugo is it!! Excited!
Thanks for making this. I was reading the docs for about an hour and messing around with Hugo and your video really clarified a lot of things.
Excellent tutorial.Two months ago I barely knew what git was. Today I am working on a website with academic hugo (sourcethemes.com/academic/) and hosted in gh and netlify. Your tutorial helped me understanding how objects are connected. Pretty awesome right? Anyway I have some questions.
Context: I want to add (what I think is) a snippet sidebar to one of the sections. Not in the homepage but another one. I found this one (bootsnipp.com/snippets/VE2yb) which is responsive and I like that.
1) How can I add it without creating a full mess in the whole code? More precisely: where I need to add it, in what folder?
2) Is there a way to make it update automatically? Say I add content with rmd (or md to be precise) in the... say: content/project/ folder. Do I need to change the code in that html code everytime or is there a way to make it update automatically? Don't know if my question is clear enough.
3) Say I want to configure layouts like: banner + block of text + nice text at the right of the text + click button. You know, to avoid putting everything again and again with each new post. Where do I need to add that code? And again, is there a way it gets automatically updated when adding content?
Thank you for your help!
Best,
PS: The music in between segments is funny and nice :D
Glad I could be of assistance
Edited:
IT WORKS! MY LIFE SAVER I LOVE YOU 😭❤
Thank you so much, especially at 15:48 when you showed how Hugo wants you to add content, I was hung on that detail. Yeah, I had to edit this comment because I posted it before I actually finished watching it. This entire video is gold if you are wanting to understand the main points of really getting started in Hugo. This makes sense to me now 🤣
Seriously I know this video is old and I am only 6 minutes in but THANK YOU. I have been searching for 2 days and watched probably 5 hours or so of videos and the few on the mac os are really confusing and bad. Will edit when I am finally successful LOL
I have been making websites since 1995... more or less... HUGO is too goddam easy! LOL! Great stuff! I am going to build my next site with hugo just for the fun of it.
I appreciate such a positive response :)
Thank you very much for tutorial. My website can alredy be used
How can we prevent an URL rerouting to localhost:1313/tags/investing/tags/investing, when I am in a blog under tag investing and click the type investing
Great vid, thank u , and I’m planning move to hugo from my old MKDocs :D
Great tutorial. Not sure why you selected the music during the transition. Sounds like the 2x speed version of Se7en movie's intro credits.
Not my most proud moment. :)
@@ChrisStayte The music made me smile.
Hello, first, nice job Chris, it helped me a lot. Second, I'm having an issue, my main menu doesn't show a small resume of my latests post. It shows just the random photos from static and no text. I did everything exactly how you did. Maybe its because the casper two is no longer being updated for long time? Ty for any help
Thank you so much! Excellent Tutorial great job!
I know nothing about code, but I have decided to build my own website🥰 your videos help a lot! thank you so much 😍😍😍😍
Your videos are super helpful! Are you able to create another one that shows us how to create our own custom theme in Hugo?
I assume symlinking `content/posts` to `content/post` would make things work better cross-theme
Nice video Chris!
Thank you for the video Chris, it was really amazing!
Suggestion: in Hugo Themes list Casper Two is not available anymore, maybe you would like to suggest another theme which still has a similar architecture? Just mentioning it on the video (instead of remaking the video).
Casper Two isn't on the Hugo Themes page, but it's still available on GitHub and works with the latest version of hugo (at this writing, 0.63.2): github.com/eueung/hugo-casper-two
There is a "Casper 3" (and unfortunately once a youtube video is published you can't edit it)
This is a great introduction to getting started using Hugo to build static sites! Thank you!
Thanks for the straightforward demonstration of Hugo! I've been wanting to try it. And that tip about pexels, much appreciated!
My pleasure!
Hi Chris, so how do I upload my website to my server??
my hugo server cmnt is not working please help :(((((
Good tutorial.
Thank you I appreciate it :)
Not at all too long. Fills in the gaps other videos and tutorials leave out. Liked the bit explaining how to override theme functionality. This in principle is how WordPress does this.
Thanks
Hi Chris, Thanks for such an awesome video. Learnt a lot.. CHEERS.. I would like to know how we can manage our content in separate folders based on categories... Can you help...?
Yes that is simple. Please take a look at my blog on github. :) github.com/ChrisStayte
great walkthrough of creating a hugo based static site , cleared a lot of my fundamentals
The criticism regarding music is more because of the contrast between no music to a very loud one. My suggestion would be to make the transition more smoother.
Apart from that, the tutorial itself was excellent. Especially the parts where you ask questions at every step and explain in depth. Keep making more .👌
Thank you
Thanks so much! Was looking for a decent starting tutorial. This nailed it.
Really well done!
Just what I was looking for..Thanks!
How to add amazon affiliate links? If I embed it shows the code but not renders it.
To the point. Nice
Thanks Pankaj. This is what content I like to create!
THANK YOU!! 1000 Karma points++
Thank you
@@ChrisStayte Question: can we put an mp4 video file in any of the static page fields for an animated image? ie cover image
I don’t believe you can unless your theme has a HTML5 player setup to process the file.
@@ChrisStayte thx
configuration is only one line.. what to do? (10:53)
Awesome explaination... Thanks brother but while starting new section, that cartoon type music is bad :(
I’m sorry. I’ll try something different next time
Excellent enthusiastic intro, thanks.
I'm new to the SSG ecosystem. *Dwight voice* Question: Is the only way to update your SSG'd site via the command line and not through a browser ? In other words, will I have to be at my computer if I want to create a new blog post (because the "hugo server" needs to be running) ?
If you are hosting your site somewhere like Netlify then you don't need it to run locally. You could for example throw away your computer if it's hosted online. If you want to add a post then you could do that multiple ways. You could locally create another post file and then commit it to your repository and then let netlify rebuild. You could create it directly on your repository site if it allows and then let netlify rebuild. The most ideal way in my opinion is to install the netlify cms (ruclips.net/video/_CNZJLYvINc/видео.html) and then use the GUI to add and edit posts on your site. PS. Don't throw away your computer. :) Hope that helps
@@ChrisStayte Sweet ! Yeah, I found out about Netlify CMS after watching your vid. Merci beaucoup !
Great job, instructive and objective.
I like the music in-between any two sections. No wait, I love it :)
cha..cha.. cha cha
I got some hate for it from some people
Thanks for the overview! I've been looking at golang based options for building a site and your walkthrough was very useful to see the potential of Hugo.
man thanks for this. fist time ive ever hit the subscribe button
@chrisstayte - Just finished working through the project. Terminal writes the following - WARN 2019/07/31 17:02:54 Page's .URL is deprecated and will be removed in a future release. Use .Permalink or .RelPermalink. If what you want is the front matter URL value, use .Params.url. Does this refer to the config.toml file URL? Any suggestions on what this means and how does one address it? Thanks in advance. New Subscriber.
Amazing video man! Thank you so much for this, it really helps to explain so many concepts :)
Well done, Chris.
Hi, supergreat, simplified tutorial. Thanks!!!
I have some doubts regarding the customization of a theme and the addition of other folders to the structure (to add another type of content, for example). Hope you can help …and maybe make another video to explain this in some detail? Anyway, congratulations!
Such a well-explained video !! I will add the link of this video to my webpage when I deploy it with netlify (by using your other video :)) so that everyone can check out and build their own websites thanks to you !
Really helpful video 👌
Thanks very much bro....
Slam dunk tutorial!!!
Your presentation is one of the best. Thanks. I was trying to do Hugo Academic theme, it was taking me a while. But your presentation gives me some ideas how to proceed with that theme. It will be great though if you can give a presentation on Hugo Academic theme.
Contrary to the top comment on this vid, the music btwn clips is essential - breathing further life into this tutorial. Well done
Dude this is one of the best tutorials ive seen so far you so dope god bless
Thank you so much
This is a great intro to hugo.
素晴らしい動画をありがとうございます。Hugoでサイト作ってみようと思います!
from JP
あなたが終わったとき、私はそれを見たいです。
@@ChrisStayte Sure!
btw I do read English xd
Thanks. Haha makes my day a little bit easier
Best crash course on HUGO. Good job Chris!
I appreciate it. Glad it can help even in these years when I first posted it
Thank you. You did a great job!
can I put your video on my website?
Yeah, just put a link to my RUclips channel below it if you don’t mind. Thanks
Great video! I have learnt a lot on how create a simple website. But can you tell what is the major difference of using python and Hugo or other SSG? It looks like that there are many themes available and free for Hugo and it makes thing much easier.
The most complete video I watched to date. I followed along the casper-two them has been update it now at version three but I used the syntax from the video downloaded the older verson from Github I was then able to walk through the all the steps as explained "git clone github.com/eueung/hugo-casper-two.git casper-two" "Wonderful Job Chris"
Very useful. Thank you!
I Love u!
Great video, I managed to get my site running in minutes thanks to your video! One question I have is this: for production, do I need to leave hugo running? I feel like I can run "hugo server" whenever I have an update (new post, etc.) and it will generate pages correctly. Am I missing anything in here?
Yes, it was a classic Windows shitshow, but you helped me figure out how to configure my apache (basically by showing me how to output the public html files) "hugo" *sigh*
Do you realise casper2 is Ghost's default theme? Perhaps you want to use that instead?
Hi, great video, tried to copy it, but the template i selected uses forestry and i m totally stuck. do you have a video how to do it with forestry?
I don't but let me see what I can spin up.
@@ChrisStayte Many thanks for responding. I figured it out with some professional help, it works the same way, I just missed how to get the VCS work :) but now I got it! I started my site without any coding experience based on your vid, very helpful. Thanks a lot, great job!
Really great - and the editing with music is way cool!
been living in this video the last few days. cheers mate
Not including Linux in the installation section was hurtful :'(
Apparently you were already not paying attention by one minute in.
@@DagnyKight linux is neither macos or windows yknow
@@DagnyKight 1:15 to be exact ;-) ruclips.net/video/c7vpcqA6SEQ/видео.html
I have my own layout and do not want use a given theme.
Awesome
As a noob, most "easy" video's about SSG's are still quite hard for me. You nailed it, I understand everything you discussed and feel like i could recreate the site on my own. Thanks!
Thanks so much for the kind words. Seriously when you finish your site send me a message to check it out. Twitter - @ChrisStayte
Excellent.
Thank you! Cheers!
Thanks for the tutorial 😀
Anytime :)
Does git bash not play well with Hugo. I used Chocolatey just to install Hugo, but from there on I used the git bash.
I did realize that whomever maintains Hugo on Chocolaty does not updated it to the latest version. You might need to do a manual install.
thanks for the videos. Your video introduced me to hugo. I wanted to know if you can make a video on how to setup a "contact us" form, or if you have a tutorial link.
Thank you again.
Consider it done
I edited one my post.md file then commit to github, but now the theme folder do does not link to the submodules anymore?
so Netfily is fail to deploy it. but I didn t change anything in the .gitmodules file.
any help please
Cool stuff, thanks for making it simple without over-explaining.
Glad it was helpful!
@Chris Stayte, I'm really enjoying the tutorial. I got stuck at 9:14 when I could not open visual studio from the command line. I was in the" mysite "folder but " code ." gives an error saying "-bash: code: command not found" thanks for any help.
Open code manually and in the menu at the top look for add code to path
Nevermind I found the answer! For anyone else with same problem: Search google for Launching from the command line vscode :
@@ChrisStayte Thanks, you're great at teaching bro! You should keep the tutorials coming!
Great teaching - thank you!
Brilliant video, very clear!
28:37 is there any possible way to make the video autoplay?
A RUclips video?
@@ChrisStayte yes but ive fixed it
Chris: good job. Thank you
You’re welcome