Static site generators FTW! I use Hugo or Jekyll usually, but prefer Hugo because it's less annoying to set up than a Ruby app. If I didn't care about controlling the comments on my main website, it would be statically generated too.
I went round and round on the comments. I tried everything from commento.io, disqus, hyver talk, and self hosted. It always ended up growing out of control and I never could keep up with it. Now that is hosted through github notifications it just comes in my panel I check daily and respond or delete the bad stuff, but the overall quality is much better.
I guess the problem with that is when you add a new page, it isn't just the new page you have to add, all the navigation links elsewhere on the website need to be updated.
@@BlueJDev u use PHP in static website??? Wired there is no need to create the cercle from scratch In this video he is using a static generator called HUGO and that is much productive and officiant more that creating the html page from scratch also the SEO in Hugo is much better
@@rpaengineer5114 yeah of course, depending on what the website is for. It may end up being a static html website by the end, but really helps during development, esp for things like Katrina said. I've never used Hugo, it may be better than WordPress for SEO but my own php framework is also much better than WP for SEO and efficiency. I built my framework around 9 years ago and have updated it slightly everytime I use it for another website (not all my websites though). It includes webp conversion and jpeg fallback, auto routing, auto error pages, auto compression, templating etc, etc. At this point it's like a tiny version of laravel, haha. Always helps me create fast loading SEO optimised websites! I only really use it for what I call the 4W websites though (who what where when) eg mostly small businesses.
I have been thinking about creating a blog to demonstrate learning to employers and share with others, but knew I didn’t want want to go the wp or square space route. This gets me thinking, thanks Chris!
In a word, infrastructure. You have created an integrated system that automates a lot of what you do. I get it. I’ve been working on my backup/restore system using scripts along with automating more and more of my Slackware/OpenBSD installs. It takes time and thought plus research and plain old trial and error. Bottom line, most people simply don’t have the desire to do it. Thus, the massive software packages that claim to do it for you. Nice until one day, you realize that you are now totally dependent on the maintainers of that software.
That's very good, I didn't know this solution, really when working with static sites it is by far the best option for your web server. Nowadays another option that I have used with some clients that have a front in angular, vue, react, etc, is to use Cloudflare to provide the front, doing it with automatic deployment from github, cutting the costs of the application front server and today we only have the application's API storage cost!
Set up a personal site for notes, reminders, journaling in 2020 2nd lockdown (in Melbourne). Ended up with Pelican as I’d started with restructeredText before markdown took off. Similar. The no fuss aspect is great.
Markdown is so genius that using html in 2022 feels doing ape stuff. But for people who are new to markdown I'd recommend they use MarkText or Obsidian to Edit their markdown files because they are highly interactive and forgiving when you forget what symbol does what.
Funny that you have this view, as mine is literally the _exact_ opposite - I feel like using Markdown is exactly like using Square Spaces to build me a website _for_ me (which will turn out just like everyone elses Square Space sites - virtually identical), whereas HTML/CSS is _me_ building _my_ website and Markdown is watered-down, basic, "ape stuff" in comparison.
@@DavidStruveDesigns I use frontend frameworks like next js and Vue for my web development and I know they are not the best tools to make large static sites, but are awesome when it comes to making something super interactive and "branded". Hugo on the other hand does what it does best, SSG with the least amount of effort into styling and automation. CSS is also kinda annoying and I'd rather make it a one time thing for main parts of a website or a template like a Hugo theme and be done with it. Efficiency is the key.
@@ambuj.k Um, you've lost me on the CSS part. I've always used a single CSS file to govern the style of an entire website - you're saying you have a file for every part??? Other than that bit of confusion, I totally get where you're coming from, and yeah you do you - use the tools you can to make things easier or more streamlined. I guess I'm more stuck in my old ways than I realised cos I still prefer doing things the long-winded, slower, "old" way lol
Thank you Chris! I started usign Hugo some times ago after one of your videos, and I really enjoy it. I am actually porting the website of my sport association from Wordpress to Hugo, due to its much faster workflow. Do you know about the Wowchemy theme/project? It provides a really easy way to setup your Hugo website (there is a one-click deploy with Netlify) and it also features a good amount of prebuilt widgets and blocks (and documentation). In addition, the community is very active and you can easily extend and customize it. This was my starting point, hope it can also help other people to get into Hugo!
I really don't understand the attractiveness of services like Wordpress, Squarespace and Wix, when there are methods like this to create a simple static site. The ease of use argument isn't really a valid one, IMHO... This is really not much harder than using a WYSWYG editor (especially these days) or LC/NC tools, which can be infuriatingly complicated. This is so much more elegant, flexible, fast, and most likely way cheaper... also, it's portable. Usually, sites created in those builder services are not easily ported (if at all) to another provider or platform. Thanks for sharing your workflow with us, Chris!
Thanks Chris, I have a website with Hugo but it is quite bare bones and only has a couple of posts. I'm gonna have to use some of these tips when I rebuild it.
On my website I used mkdocs with the material theme. It uses a very similar system with Hugo. Both use markdown. I think mkdocs was made in python because it can be extended with plugins written in python
Thanks. I agree with you. Job, family, and the time is gone. Probably will switch to Hugo sooner or later. Looks pretty clean, fast and easy to someone like me with knowledge about the html, php, css, xml, Linux, git and all the IT stuff, that I gathered over 20 years. I am wondering why I did not switch to something like this from WordPress? Hard to say. Anyway thanks for the video and presenting the efficient way to manage a website.
So about a month ago I saw your site and wanted to mimic it, but I ended up using jekyll because it had seamless integration with gh-pages. I do like the series option for hugo so I might switch over but don’t want to deal with netify. But the GH comments thing is legendary. I am adding that asap! Thanks for the idea!/resource! Like I said your website/YT workflow has really inspired me. I already have several blog posts and am working on making videos too! Thanks for the inspiration!
There are other static site hosts besides Netlify that support hugo (and have free tiers). Usually you just have to dig around in the setup guidess/docs
I spend a ton of time in vim coding for WordPress... I open my Hugo site in another vim session and document notes without even reaching for the mouse. 😉
that was a great video even if most of it went over my head. I would like to see more examples rather you fill in the blanks yourself. I've spent hours on nala and nix which now work. I'll keep watching.
Hi thanks for this! I’m looking for something like this and a way to organize all the tools, websites I visited for info and content sites needed to build a website. I’ve looked into tab managers ect but need more into organizing all the contact information, and I obtained in an organized format. I hope that makes sense. Thanks! I guess what I’m looking for is a way web creators organize their computers and desktop dashboard, etc..
What are other intrinsic details of using hugo?!? I am really grateful for your expert advice on everything, but please tell a more simple guide to create a website from scratch and customizing everything in archetypes, contents, sctipts, etc please !!!!!!!!!!!!!!!!!!!!!!
Hello Chris cheers from Venezuela, any recommendation on how to install an old HP deskjet 850c into Linux? Thing is my family have a dinosaur computer ddr2 1gb ram, pentium 4 intel, radeon hd5450 + ssd 128gb, but even those specs were malfuctioning for some reason in Windows xp, I dont want to imagine how would it work in windows 7...... so I dont know what to do right now.
I have a question Chris... does using GH for comments require Netlify? I prefer not to use Netlify as my site isn't commercial and only a hobby. I wrote a bash script to run the Hugo publish and copy Public to my virtual server for hosting. Your solution for comments sounds interesting and makes sense for filtering out some of the garbage by default; no GH account, no comment.
I was able to do the research and answered my own question. No, Netlify is not required for using utterances and GitHub for comments. Was actually a very quick & easy setup. I followed the steps for utterances and in minutes I had comments up & running for my website. Thanks again for the inspiration Chris!
Can you please make video about bad font rendering in linux. EVERY linux distro. With any fonts, with or without fontconfig tweaks (subpixel, hinting etc). When I open teddit in any browser under linux I see very bad rendering on same noto sans fiont and the page looks shrinked in width. I hahve 27 inch aoc 27b1h monitor. 1080p.
@@tristen_grant We tried Github Pages, Netlify and cloud flare pages in our team Github Pages was good in terms of having no traffic limits Netlify was faster than Github pages in serving the website but it had traffic limit in it's free plan Cloud flare was best of both worlds, faster than github pages while having no traffic limits
Yes, you can add videos and audio files into your Hugo site. Some of the Hugo themes make it super easy as well. I had replied yesterday, but my comment seems to have disappeared. I don't know where my original comment went; maybe it was removed because I included a link to my website showing you an example. I'll leave out the link this time and hopefully my comment will persist.
I use wordpress on my DEV environment and then use spiderzilla/HTTrack to generate a static website which is hack proof and fast. Only reason for wordpress are those 1000 of great, free templates.
Static site generators FTW! I use Hugo or Jekyll usually, but prefer Hugo because it's less annoying to set up than a Ruby app. If I didn't care about controlling the comments on my main website, it would be statically generated too.
I went round and round on the comments. I tried everything from commento.io, disqus, hyver talk, and self hosted. It always ended up growing out of control and I never could keep up with it. Now that is hosted through github notifications it just comes in my panel I check daily and respond or delete the bad stuff, but the overall quality is much better.
I love building my entire website in HTML/CSS/HTML by hand 🙏
I guess the problem with that is when you add a new page, it isn't just the new page you have to add, all the navigation links elsewhere on the website need to be updated.
@@katbryce Just create an empty page template with all the static stuff.
@@katbryce I built my own PHP Frameworks for this issue, it's still mostly html/CSS/js but the PHP side helps me with reusable tasks etc.
@@BlueJDev u use PHP in static website??? Wired there is no need to create the cercle from scratch
In this video he is using a static generator called HUGO and that is much productive and officiant more that creating the html page from scratch also the SEO in Hugo is much better
@@rpaengineer5114 yeah of course, depending on what the website is for. It may end up being a static html website by the end, but really helps during development, esp for things like Katrina said. I've never used Hugo, it may be better than WordPress for SEO but my own php framework is also much better than WP for SEO and efficiency. I built my framework around 9 years ago and have updated it slightly everytime I use it for another website (not all my websites though). It includes webp conversion and jpeg fallback, auto routing, auto error pages, auto compression, templating etc, etc. At this point it's like a tiny version of laravel, haha. Always helps me create fast loading SEO optimised websites! I only really use it for what I call the 4W websites though (who what where when) eg mostly small businesses.
I have been thinking about creating a blog to demonstrate learning to employers and share with others, but knew I didn’t want want to go the wp or square space route. This gets me thinking, thanks Chris!
Hey Chris, ever planning to cover containers? Thank you for your awesome work btw!
I use docker a ton, but mostly for work. I don't think I've ever done a video on it. I'll try to put that on my production list down the line.
In a word, infrastructure. You have created an integrated system that automates a lot of what you do. I get it. I’ve been working on my backup/restore system using scripts along with automating more and more of my Slackware/OpenBSD installs. It takes time and thought plus research and plain old trial and error. Bottom line, most people simply don’t have the desire to do it. Thus, the massive software packages that claim to do it for you. Nice until one day, you realize that you are now totally dependent on the maintainers of that software.
0 to 0:26 I was thinking it maybe HUGO we are takling about. 1:05 now it's sure is HUGO.
Astro is another really good option for static (or mostly static) sites.
Timestamps:
Intro - 0:00
Overview - 1:16
Example Article - 1:47
Building/Running the Website With The Article - 5:55
Auto Updating - 7:29
Netlify/Deploying the Website - 8:43
Theming - 10:08
Comments - 13:55
Conclusion - 16:08
Out here doing the lord's work!
people who have this kind of time on their hands... wauw
That's very good, I didn't know this solution, really when working with static sites it is by far the best option for your web server.
Nowadays another option that I have used with some clients that have a front in angular, vue, react, etc, is to use Cloudflare to provide the front, doing it with automatic deployment from github, cutting the costs of the application front server and today we only have the application's API storage cost!
Set up a personal site for notes, reminders, journaling in 2020 2nd lockdown (in Melbourne). Ended up with Pelican as I’d started with restructeredText before markdown took off. Similar. The no fuss aspect is great.
Woh, you have the Eragon series books! Such an amazing series!
brilliant!!! learned so much and about to set it up myself right now
Markdown is so genius that using html in 2022 feels doing ape stuff. But for people who are new to markdown I'd recommend they use MarkText or Obsidian to Edit their markdown files because they are highly interactive and forgiving when you forget what symbol does what.
Funny that you have this view, as mine is literally the _exact_ opposite - I feel like using Markdown is exactly like using Square Spaces to build me a website _for_ me (which will turn out just like everyone elses Square Space sites - virtually identical), whereas HTML/CSS is _me_ building _my_ website and Markdown is watered-down, basic, "ape stuff" in comparison.
@@DavidStruveDesigns I use frontend frameworks like next js and Vue for my web development and I know they are not the best tools to make large static sites, but are awesome when it comes to making something super interactive and "branded". Hugo on the other hand does what it does best, SSG with the least amount of effort into styling and automation. CSS is also kinda annoying and I'd rather make it a one time thing for main parts of a website or a template like a Hugo theme and be done with it. Efficiency is the key.
@@ambuj.k Um, you've lost me on the CSS part. I've always used a single CSS file to govern the style of an entire website - you're saying you have a file for every part??? Other than that bit of confusion, I totally get where you're coming from, and yeah you do you - use the tools you can to make things easier or more streamlined. I guess I'm more stuck in my old ways than I realised cos I still prefer doing things the long-winded, slower, "old" way lol
Markdown is what GitHub uses on their README files right? I believe it's the .md file extension?
@@DavidStruveDesigns Cry more
Thank you Chris! I started usign Hugo some times ago after one of your videos, and I really enjoy it. I am actually porting the website of my sport association from Wordpress to Hugo, due to its much faster workflow.
Do you know about the Wowchemy theme/project? It provides a really easy way to setup your Hugo website (there is a one-click deploy with Netlify) and it also features a good amount of prebuilt widgets and blocks (and documentation). In addition, the community is very active and you can easily extend and customize it. This was my starting point, hope it can also help other people to get into Hugo!
hola vengo de parte de red settings me recomendo tu canal saludos desde Peru
I really don't understand the attractiveness of services like Wordpress, Squarespace and Wix, when there are methods like this to create a simple static site. The ease of use argument isn't really a valid one, IMHO... This is really not much harder than using a WYSWYG editor (especially these days) or LC/NC tools, which can be infuriatingly complicated. This is so much more elegant, flexible, fast, and most likely way cheaper... also, it's portable. Usually, sites created in those builder services are not easily ported (if at all) to another provider or platform.
Thanks for sharing your workflow with us, Chris!
Not all websites can be static websites
Time to market, staff skills, cost, requirements, etc
This is great!
I've built my website using Hugo when you initially built yours. Now I wanted to change up the theme and this video shows up!! :D
Thanks Chris, I have a website with Hugo but it is quite bare bones and only has a couple of posts. I'm gonna have to use some of these tips when I rebuild it.
Hugo is great. I use it for my portfolio website.
On my website I used mkdocs with the material theme. It uses a very similar system with Hugo. Both use markdown. I think mkdocs was made in python because it can be extended with plugins written in python
I wonder how well this would work with obsidian note taking, really cool thank you
Thanks. I agree with you. Job, family, and the time is gone. Probably will switch to Hugo sooner or later. Looks pretty clean, fast and easy to someone like me with knowledge about the html, php, css, xml, Linux, git and all the IT stuff, that I gathered over 20 years. I am wondering why I did not switch to something like this from WordPress? Hard to say. Anyway thanks for the video and presenting the efficient way to manage a website.
Very helpful Chris, only complaint I have is my eyes now hurt cause of light mode.
Thank you, this is exactly what I am looking for.
Amazing information, thank you!
So about a month ago I saw your site and wanted to mimic it, but I ended up using jekyll because it had seamless integration with gh-pages. I do like the series option for hugo so I might switch over but don’t want to deal with netify.
But the GH comments thing is legendary. I am adding that asap! Thanks for the idea!/resource! Like I said your website/YT workflow has really inspired me. I already have several blog posts and am working on making videos too! Thanks for the inspiration!
Can I contact you about this? I would like to setup a website like this as well.
There are other static site hosts besides Netlify that support hugo (and have free tiers). Usually you just have to dig around in the setup guidess/docs
It is hard to read your article with the light theme on, you may want to improve the contrast ratio.
Thanks for your great work & videos!
Keep up the good work!
I love Astro
Great video thanks for the concise walk thru. Question what DE; theme; and distro are you using on this video?
I spend a ton of time in vim coding for WordPress... I open my Hugo site in another vim session and document notes without even reaching for the mouse. 😉
would love to also see an ultimate win 7 iso setup guide
that was a great video even if most of it went over my head. I would like to see more examples rather you fill in the blanks yourself. I've spent hours on nala and nix which now work. I'll keep watching.
Hugo is cool; but what do you think about zola?
Before i used CMSimple which stores the whole site in a single HTML file.
Nowadays a little outdated look, but a great concept.
Hi thanks for this! I’m looking for something like this and a way to organize all the tools, websites I visited for info and content sites needed to build a website. I’ve looked into tab managers ect but need more into organizing all the contact information, and I obtained in an organized format. I hope that makes sense. Thanks! I guess what I’m looking for is a way web creators organize their computers and desktop dashboard, etc..
What are other intrinsic details of using hugo?!? I am really grateful for your expert advice on everything, but please tell a more simple guide to create a website from scratch and customizing everything in archetypes, contents, sctipts, etc please !!!!!!!!!!!!!!!!!!!!!!
Hi Chris, Is there anyway to get your Hugo theme?
Hello Chris cheers from Venezuela, any recommendation on how to install an old HP deskjet 850c into Linux?
Thing is my family have a dinosaur computer ddr2 1gb ram, pentium 4 intel, radeon hd5450 + ssd 128gb, but even those specs were malfuctioning for some reason in Windows xp, I dont want to imagine how would it work in windows 7......
so I dont know what to do right now.
Github issues as comments, not too sure about that one. But great info for the rest of it!
I've seen many people using Hugo, but I still kinda don't get it... What is the advantage over creating the website simply in notepad? :D
SEO and search stuff
I have a question Chris... does using GH for comments require Netlify? I prefer not to use Netlify as my site isn't commercial and only a hobby. I wrote a bash script to run the Hugo publish and copy Public to my virtual server for hosting. Your solution for comments sounds interesting and makes sense for filtering out some of the garbage by default; no GH account, no comment.
I was able to do the research and answered my own question. No, Netlify is not required for using utterances and GitHub for comments. Was actually a very quick & easy setup. I followed the steps for utterances and in minutes I had comments up & running for my website. Thanks again for the inspiration Chris!
Hey Chris, what do you setup in your terminal to have those beautiful colors for folders and git branches?
github.com/christitustech/mybash
I use Nextjs but honestly Hugo looks better. I had to implement my own hot reloading for watching markdown file changes.
Hi chris!
Is it harmfull to repeat your bloat tool for a 2nd time without reformating the PC?
Loving all the videos!
Can you please make video about bad font rendering in linux. EVERY linux distro. With any fonts, with or without fontconfig tweaks (subpixel, hinting etc). When I open teddit in any browser under linux I see very bad rendering on same noto sans fiont and the page looks shrinked in width. I hahve 27 inch aoc 27b1h monitor. 1080p.
Worked, thx
Hi, any advises about zorin os
what cms u use ?
How did you make your webapps show in the top-left corner in brave???
I've not used Brave for a while, but if it's like chrome or Firefox in this regard, they're pinned tabs.
Great now I have a new project to work on. lol
But how do I set this framework up?
what kind of integration of that comment box? its still dark? It should be lighter in light-mode.
Yeah, I need to add the css code for that.
In my exprience Cloudflare pages is much better than Netlify for hosting hugo static sites.
oh? What did you find better? I'm using Netlify, haven't tried Cloudflare.
@@tristen_grant We tried Github Pages, Netlify and cloud flare pages in our team
Github Pages was good in terms of having no traffic limits
Netlify was faster than Github pages in serving the website but it had traffic limit in it's free plan
Cloud flare was best of both worlds, faster than github pages while having no traffic limits
Looking for something like this that is python based
Why? Python is not meant for the web and it is slow
We; "yipee yeah", Chris "ip a" 😎
do a video about how we can do that on windows
you would be using Cmd prompt with notepad ( obsidian works too)
You know in vim you can just do `r filename` ; you don't have to do `r! cat filename`.
Can you add videos and podcast with Hugo ?
Yes, you can add videos and audio files into your Hugo site. Some of the Hugo themes make it super easy as well. I had replied yesterday, but my comment seems to have disappeared. I don't know where my original comment went; maybe it was removed because I included a link to my website showing you an example. I'll leave out the link this time and hopefully my comment will persist.
@@BobOssler Thank You Wish the link would work
You can see a Podcaster website, made with Hugo, in the open by looking up Jupiter broadcasting.... (I'd give a link but....)
Chris... SSL cert expired or just me?
It was me. Sorry.
gigity goo
Very niche setup.
Once you use Hugo you can never go back
wouldnt obsidian makes this easy]
...dont you think it´s time for your own Linux-Distro?!
... soon
@@ChrisTitusTech 👀
third
I use wordpress on my DEV environment and then use spiderzilla/HTTrack to generate a static website which is hack proof and fast. Only reason for wordpress are those 1000 of great, free templates.