Today, we will create a deploy a Hugo blog on Github in just 10 minutes! ryan-schachte.com Notes for commands can be seen here: ryan-schachte.com/2020/12/21/...
This was a terrific video. I understand enough about the Hugo Way (and git) now to follow everything, even though it went quickly. I hope you will do more Hugo stuff because it is awesome.
Thanks! I have just followed the process and my blog is live :D It took a bit longer than 10 minutes (Updating homebrew, automating the github pages update with github actions), but a fun journey! Keep up the good content.
I got an error message when I first attempted the `git submodule` step at 07:59. The issue was that Hugo had already created a `public` directory for me. I deleted `public` before running the `git submodule` code and everything worked perfectly. Also, Github didn't publish my site instantly like it did for Ryan. I had to wait about 2 minutes before it loaded. But it did load and it looks fantastic. Hope this helps someone. Great video Ryan!
Hey! Found this super easy to follow, and I now have my own small blog published thanks to you. One question, though: I built my site locally on my desktop PC, if I wanted to make edits from my laptop, would I just have to clone both repositories and copy the same folder structure?
thanks for the tutorial, Ryan! just wondering if there are benefits to not also pushing the contents from 'thesimplengineerblog' up to blog repo, to serve as a source control for the raw source code change instead of just having the public repo changelog?
extremely helpful video, though i did have to pause several times and iron out some kinks in my own code (i'm rusty...). thanks a lot for this video, ryan!
Your tutorial is AWESOME! & directly to the point. I followed all the steps except creating two repositories, one where the actual content lives, and one for deployment. I didn't get it why we need 2 different repositories? Speaking of myself, I've created a single repository for the whole process, I found that this is more organized & less error-prone than 2 repositories approach for me.
i have a question though: how do i push future posts onto the repository from terminal? like do i just add the .md file directly into the public folder? then what?
@@coyotewld all this needs to ne done in the repo were we are storing the code right ? I did the same..... made some changes in my config.toml file and push it to the public repo but there was no change in my production repo (static file that we get) As this production repo is added as submodule in our public repo so do we need to do something with submodules also to reflect the changes in the production repo ??
We should not add to the public folder directly. We need to move up one folder above the public and add any new posts in to post/yourpost.md then hugo -t again, it will generate the static content corresponding to your new post in to public folder. then you cd to your public folder then push it. It will be reflected on the production site.
Just ran into your channel by typing in hugo tutorial. Not sure if your channel is geared towards beginners or people with coding experience. Great tutorial, love the straightforward, no nonsense approach. My one criticism is it was hard to follow which folder you were typing your commands in with all the cd commands. I think it would be beneficial for you to slow down and reiterate which folder you're in first. I was lost for a bit because I tried to push origin in my public folder but it said it was not a git repo.
This is cool information in the video. But, instead of generating two folders and using git submodule to manage the files, using a github action to generate the static files could be more ergonomic.
Hello- I realize this is an older video, but when I create a Hugo site, the "public" folder is already there. Is there a different way to code the step where you create the public folder? Thanks
I had a tough time following this vid exactly the way it is. Maybe since I'm using Windows 11... idk. One workaround at 3:17 is inserting 'nano config.toml' and replacing the lines that need to be edited.
Does the working code repo have to be public? I know the production repo obviously needs to be but can I do this where my "blog" repo is private? I guess I could try and see what happens! :)
hi Ryan, just letting you know that the link to your notes (link you mention in the video, and that you left in your description box) is dead. If you could revive it that would be great, in any cases thank you for this very well done video. cheers
did u forgot to put/commit the blog repository on github? It will be possible to just put a new .md file inside the content folder without having to use hugo again?
Followed every step, once hosted the site looks completely different. The only difference was I already had a public folder that I deleted and replaced with your method. Also clicking any links gives me a 404... Any suggestions?
I have the same issue. The site renders perfectly locally but when I upload to github it looks like the theme isnt applied and links give me 404 error - did you manage to fix this ?
Nice to see you back on youtube my man, I always benefit from your videos
This was a terrific video. I understand enough about the Hugo Way (and git) now to follow everything, even though it went quickly. I hope you will do more Hugo stuff because it is awesome.
i really love the clacking of the mechanical keyboard. it makes me feel like i'm in the room with you
Amazing video. Explains all the parts I was struggling with and gives me some good tips!
I have seen different ways of doing this, but the simplicity of yours is beautiful. Thanks
true. simple is good.
Thanks! I have just followed the process and my blog is live :D It took a bit longer than 10 minutes (Updating homebrew, automating the github pages update with github actions), but a fun journey! Keep up the good content.
Quick and fast tutorial Ryan well done sir will try this out to learn this Hugo thingy.
A lot of topics covered very fast, I learned about submodules and hugo and published my new site. thanks
I got an error message when I first attempted the `git submodule` step at 07:59. The issue was that Hugo had already created a `public` directory for me. I deleted `public` before running the `git submodule` code and everything worked perfectly. Also, Github didn't publish my site instantly like it did for Ryan. I had to wait about 2 minutes before it loaded. But it did load and it looks fantastic. Hope this helps someone. Great video Ryan!
Thanks for the tip! Simply deleting the dir was enough for running git submodule add -b main "URL/public"!
Thank you for the additional info. It did help me.
but in my case , the public dir is not empty is has all the files like index.html , sitemap etc. and i am unable to delete it.
This tutorial is very well done. Everything that Ryan says is straight to the point. It's about the needed information - no show-off
i agree with @ukkir7305, this was very well done. Clear, concise, right to the point and help me from tearing my hair out.
Absolutely.
This was awesome. This channel should be FAR more popular. And I think it soon will be.
Thanks! Been looking for a git module solution with hugo for months!
past two weeks I'm struggling to publish my Hugo site . your video helps me a lot
Best video on creating a blog period.
the most good and straight forward in this topic .. thanks man
Thanks for the vid, didn't know nothing about this git submodule thing until today!
Hey! Found this super easy to follow, and I now have my own small blog published thanks to you. One question, though: I built my site locally on my desktop PC, if I wanted to make edits from my laptop, would I just have to clone both repositories and copy the same folder structure?
Thanks a lot i have created a hugo blog with the help of this tutorial
i really appreciate your video .. thumbs up..
Thanks!! This video is so helpful.
これ見て作ったら本当に10分とちょっとで作れました:)ありがとうございます!!
Thank you X)
英語もできてすげー
Question on posts. When adding new content like a post do you have to generate a new public folder to push each time?
Yes. Though what I'd do is create a cmd folder with a publish.sh script which would do the build, git add, commit and push for me.
thanks for the tutorial, Ryan! just wondering if there are benefits to not also pushing the contents from 'thesimplengineerblog' up to blog repo, to serve as a source control for the raw source code change instead of just having the public repo changelog?
extremely helpful video, though i did have to pause several times and iron out some kinks in my own code (i'm rusty...). thanks a lot for this video, ryan!
This video helps me so much
Your tutorial is AWESOME! & directly to the point. I followed all the steps except creating two repositories, one where the actual content lives, and one for deployment. I didn't get it why we need 2 different repositories? Speaking of myself, I've created a single repository for the whole process, I found that this is more organized & less error-prone than 2 repositories approach for me.
Could be useful if you have draft posts that you dont want to be in a public repository?
@@natenatters blog repository may be for the draft posts.
You might need to run hugo server -D if your posts are not appearing because they are set as drafts.
Good video, it help me so much!!!
@The Simple Engineer what terminal emulator are you using?
oh my god iain from smosh is teaching me hugo
Does anyone know what terminal that is, or what's installed to add that functionality? It's very useful compared to default Terminal in Mac!
I want to ask too!
@@user-dn1yb3fz3t I found the answer. It's called "Oh my ZSH"
Thank you so much
i have a question though: how do i push future posts onto the repository from terminal? like do i just add the .md file directly into the public folder? then what?
@@coyotewld all this needs to ne done in the repo were we are storing the code right ?
I did the same..... made some changes in my config.toml file and push it to the public repo but there was no change in my production repo (static file that we get)
As this production repo is added as submodule in our public repo so do we need to do something with submodules also to reflect the changes in the production repo ??
We should not add to the public folder directly. We need to move up one folder above the public and add any new posts in to post/yourpost.md then hugo -t again, it will generate the static content corresponding to your new post in to public folder. then you cd to your public folder then push it. It will be reflected on the production site.
@@lifewisdomforu Your comment was helpful!
Just ran into your channel by typing in hugo tutorial. Not sure if your channel is geared towards beginners or people with coding experience. Great tutorial, love the straightforward, no nonsense approach. My one criticism is it was hard to follow which folder you were typing your commands in with all the cd commands. I think it would be beneficial for you to slow down and reiterate which folder you're in first. I was lost for a bit because I tried to push origin in my public folder but it said it was not a git repo.
nice, finally i can make my hugo site deployed
Thank you!!
This is cool information in the video. But, instead of generating two folders and using git submodule to manage the files, using a github action to generate the static files could be more ergonomic.
Hello- I realize this is an older video, but when I create a Hugo site, the "public" folder is already there. Is there a different way to code the step where you create the public folder? Thanks
the public folder thats created automatically is empty, you can just delete it and then run the command
Nice Video
The unread notification is giving me anxieties.
I had a tough time following this vid exactly the way it is. Maybe since I'm using Windows 11... idk. One workaround at 3:17 is inserting 'nano config.toml' and replacing the lines that need to be edited.
Could also apply this for working with Mkdocs. Very helpful video. Thx :)
Awesome video! Question: how did you get your CLI to echo the git status?
wow it worked thanks
Your Terminal theme is really nice, would it be possible for you to share your .bashrc ?
hey man I love this tutorial, what terminal are you using? I love it!
It looks to me Ryan was using iTerm with fish shell with tide plugin or similar plugin or iTerm with zsh customized.
Does the working code repo have to be public? I know the production repo obviously needs to be but can I do this where my "blog" repo is private?
I guess I could try and see what happens! :)
I thought so too!
Did it work?
what terminal are you using? looks helpful
could be powerlevel10k
im not getting github pages but all the files got downloaded into main
help pls
I need some help, everytime I put the submodule command, it comes up as 'blog/public' already exists and is not a valid git repo
hi Ryan, just letting you know that the link to your notes (link you mention in the video, and that you left in your description box) is dead. If you could revive it that would be great, in any cases thank you for this very well done video. cheers
Hey sorry about that. Let me try and revive the commands that were embedded in that post
@@TheSimpleEngineer much appreciated, thank you Sir
did u forgot to put/commit the blog repository on github? It will be possible to just put a new .md file inside the content folder without having to use hugo again?
Good question. I wonder what is the purpose of having the blog repository.
Where is the config.toml in the directory of the theme file?
Followed every step, once hosted the site looks completely different. The only difference was I already had a public folder that I deleted and replaced with your method. Also clicking any links gives me a 404... Any suggestions?
I have the same issue. The site renders perfectly locally but when I upload to github it looks like the theme isnt applied and links give me 404 error - did you manage to fix this ?
This fixed it for me
sudo hugo server --theme= --bind=0.0.0.0 --baseUrl= --port=80 --appendPort=false
@@gittin_funky base url in this video was wrong for me updated to use the full url to include my GitHub username and gg
@@LessonsinHistory can you please elucidate, i think i am facing same issue
Why does 404 not found appear after entering the URL given by hugo server?
with a ton of thanks, the question is: how i could update github content after adding another post maybe? the public folder or blog repo?
go in public folder, git commit and push
blog repo then hugo -t . This will add the new post to the public folder.
The blog doesn't show anything before 2022 and there no entry has matching code.
wowowow
WOW
Does anyone knows how to add authentication to a Hugo site?
I think the link is not working
This is a great video. Currently your website is down. 😞
对Win10用户可以说是一点都不友好了
Good tutorial but too much of a focus on submodules and Github.
学会了
this video totally sucks. Tiny text is black background.
thanks