Whenever I wanna try out something new, DistroTube posts a video about that topic out of the blue :D. Can't complain, it is good stuff. Keep it up

Really digging Hugo and this is by far the best primer I've seen. Great job and thank you!

@DistroTube

4 жыл бұрын

Appreciate that.

I started in web design in '96 coming originally from a programming background. I remember the days where even variables where one letter (namely x, I, n) instead of the "descriptive" variables we have today. My first site was just as you describe... a minimalist (in size, not form/function) site cutting corners wherever I could. I completely agree with your assessment and may even say you low-balled just how many sites are data-driven sites that have no reason to be so other than convenience. I have been looking at Hugo, Jekyll, Middleman, Pelican... among others. Although leaning towards Jekyll I will definitely have one of my new sites written in HUGO and get back to you on the results. Just stumbled by your channel and hit the subscribe button before the video was ½ way through. Great job and I look forward to perusing your other videos!

Something I figured out: I was trying to use a theme, and never could get the site logo to link correctly. Once I edited config.toml ([params] logo = "") it still wouldn't work. Turns out everything, including tag links, uses /content as the root folder. And when you link images or subfolders, you have to include the leading "/" for it to find it. So I put the logo in "/content/images/logo.png" and linked it with logo = "/images/logo.png" This wasn't documented very well at all, it was a lot of trial and error.

Hey Derek, do you mind telling us if you started from a Hugo Theme, or did you build your site from scratch? If it was a theme, can you tell us which one you used? Also you have a great "Radio Voice"! Thanks!

@DistroTube

4 жыл бұрын

I started with a theme called Navigator and modified it to my needs.

I'm definitely interested in this for my site. About to install now. Thanks DT!!

Happy New Year Derek! Thanks for your videos, they are very interesting and helpful to me. Finally the right page :-) Very nice look, clear and legible Hugo is now on my to-do list.

Happy new year DT. Thanks for one more little diamond that you have discovered...

@DistroTube

4 жыл бұрын

Happy New Year, Aristotelis!

This was great DT! Would love to see more Hugo videos.

databases, server side templating engines (such as php), and requests to the backend in general are far from being one of the reasons the modern web is slow the client has evolved over the past years and it's more complicated now. forms, fancy animations, fully-featured dashboards and things complex like that are built with equally complex javascript frameworks such as react, angular, vue, etc. sometimes some applications don't even use such modern advanced ui building tools, but they make requests to other websites that use ancient or just really big javascript sources. i work on a big company that has a very poor lighthouse ranking on many applications because for contractual reasons we have to synchronously load some third-party comscore javascript that takes ages for the browser to parse.

Thank you, Derek.

I will have to check it out, been thinking of updating my site, looking forward to more videos on Hugo.

Oh, this is interesting. Haven't heard of this before, looks great! Thanks for the tip. :)

Happy New Year Derek! May 2020 bring more CLI videos and less bloat!

The method I have been using with Jekyll (which is similar to Hugo but it is Ruby based) is scaffold the site as you described and use a service like Bitbucket, Azure Devops etc as a Code repo i.e. use Git with one of these third party services. I then setup a pipelines.yml file which configures the build commands, package the build output and update the website. I can set this so it builds this when I merge a merge request say into a branch like develop or master in git. This give you a few advantages: 1) It enforces a proper publishing route for changes. This is important if you are working as part of a team. 2) I can essentially drop the build artifact anywhere I want after it is built. I am using S3 buckets and deploying the static HTML site there and server it for free. 3) I can also see the entire history of what was published and when and can easily revert any changes in the site.

@dave7244

4 жыл бұрын

​@@bigpod I have an account with Bitbucket, Github and Azure Devops. I tend to use Bitbucket just because I've been using it forever. It doesn't really matter too much as Git is really just Git. Typically the differ on what features you get free with it.

This looks cool! Hugo seems like a really interesting option to consider :)

Hope you had a good New Year celebration DT.

@DistroTube

4 жыл бұрын

Thanks, David. Hope you had a Happy New Year and have a great 2020!

are you using the navigator gohugo theme?

Going to be moving away from Wordpress as soon as I find a good static backend replacement. I've looked at Hugo, but the documentation (especially dealing with templates or images and paths) is a bit confusing. I'm going to figure it out, but wish it was a little clearer.

Thanks for the quick intro to Hugo :)

Very nice looking website man, good job!

Going to have to see if the Hugo emacs plug-ins are worth using. Not sure if it'll matter for me currently as I'm still learning emacs.

Great overview. Thank you!

Your site looks really good! One thing though, the recent videos section has a bit of placeholder text that you might want to replace... Don't know if it's auto generated by the theme.

@DistroTube

4 жыл бұрын

Yep, still a lot of default theme images and empty pages. Site isn't really complete but at least I've got the most time-consuming stuff done (adding my videos).

I've started trying out Hugo and I'm surprised at how easy it is to use. Hugo can also render .org files nicely. Emacs+Hugo = awesome.

Thanks! I've discovered something awesome thanks to you. Again!

Thank you for this awesome video. If you ever search for a solution to add your videos automatically there is a solution through terminal which takes you in general not more than 10min.

Good video. Is your server self-hosted or rented?

@DistroTube

4 жыл бұрын

Rented. Cheap hosting. Ubuntu 18.04.

Hi Derek, do you plan comments on your website? I use Hugo too, and because I do not have any other channel (like you YT etc.) I am thinking it would be nice to have a comment possibility. However I am just a beginner and after reading I would say Remark42 should be a good option. The problem is I do not have so much know-how I could do that... do you or anybody else here an advice for me please?

If it's just HTML on the server, how would a user search for a specific page? I'd like to see more videos about Hugo, especially if there's a way to do searches.

@DistroTube

4 жыл бұрын

Sounds like a job for Javascript. (Can't believe I just said that.)

@HorrorMovieGuys

4 жыл бұрын

@@ParadoxClip If I understood Javascript, I probably wouldn't be using Wordpress right now :) Google Custom Search *IS* still a thing, but it's not very "pretty." I was hoping Hugo had something available.

I was JUST watching one of your videos on Gopher, and my mind immediately went to Hugo! It sounded like you were really just frustrated with slow load times caused by dynamically generated sites, not HTTP as a protocol. That, and having to deal with a bloated CMS.

@DistroTube

4 жыл бұрын

I feel like I could, at some point, find a way to convert Hugo's markdown to gopher. So I could still keep the gopherhole up to date without putting in too much work.

@aren8005

4 жыл бұрын

@@DistroTube That should be pretty easy by combining pandoc (md -> text) with a bit of a sed script to add the necessary gopher links and any other minor adjustments.

If you know HTML and CSS you will make a static site in no time.Good video btw DT.Your videos are always good.Thank you!

Your Hugo site looks great! It's a good option to have.

Thanks for the great guide sir!

Nice website, thanks for sharing, Hugo looks promising!

I've been struggling so much with Hugo. I've tried so many themes and none of them seems to work as instructed to. I'm confused by all the ways you can install themes, using modules, or github. I've been trying off and on for a year now and the documents isn't great I think. The instructions for the Ananke theme are different on the Hugo site and ont the Github page of Ananke. I've also tried to make a clean site and then create a new page but I can't get it to show when I run a Hugo server. I'm close to giving up on this.

Short, honest and accurate video. All i needed. Thank you. Great stuff.

Very interesting way to go Derek. I looked at your site and it does load and flow between pages very quickly. I am amazed how fast and snappy it is. One thing I am curious about is SSL for an "https" web address. I'd be interested to see how you can get that in place. Thanks again for another great informative video. Happy New Year my friend!

@vert9252

Жыл бұрын

It's been 3 years, and no one answered this question, and I'm now the chosen one, JUST USE CERTBOT

@techguydilan

Жыл бұрын

vert is right. SSL is independent from whether or not a site is dynamic. It has to do with the setup of Apache or Nginx itself, which also host a lot of the dynamic sites. Certbot automates this process. You just get a basic server setup in Nginx, and run "certbot --nginx" and answer a couple of prompts, it will give you a 3 month cert, and setup Nginx to use it too. I'm sure it's similar or the same with Apache as well.

@mpas363

8 ай бұрын

If you’re using Hugo, you won’t have a need for a web server like Apache or Nginx. Hugo creates your site as static content. Your static content can be served by a CDN, such as AWS CloudFront or Netlify. So for https, the CDN may offer that for you.

I've seen hugo some time ago and liked the idea. I'm looking forward to new videos, no objections to hugo videos :)

Happy New Year Pablo

@DistroTube

4 жыл бұрын

:D Happy New Year!

Hey please can u help me with hugo server editing code?

How does it handle security, especially against cracking threats?

@DistroTube

4 жыл бұрын

Security would be a reason to run Hugo. Static sites have fewer security concerns, specifically the lack of a database to hack. I wouldn't trust Hugo's builtin web server though (except on localhost, of course). I'd stick to Apache or Nginx for a web server.

Fantastic

Man, your website screams, even on a mobile devices. I will be moving my websites to Hugo too.

Looks good Hugo..thanks sir,at moment dont even have a laptop to use,found your youtube site on Androud phone..subscribed because of your tinycore vid very informative for someone like myself who is new to linux..I remember my Dad playing around with linux 30yrs ago aprox see why now and why size matters😂 again thanks

How is it for gopherholes?

Wordpress can be quite bloated, often times it’s better to create a JAMstack site, push new versions via git. I like the flexibility of being able to use aws s3 and CloudFront. Dynamic websites are still very useful for PWA but it’s a lot for 1 developer to be able to maintain. Using static sites for a blog isn’t a terrible option. You gain UI flexibility, speed, lower amount of resources to feed your clients. I hope this trend continues and matured over the next 3-5 years

Hi DT! If you want there is a plugin for your Doom Emacs setup. vim ~/.doom.d/init.el (doom! :input [...cut...] :lang (org +hugo) Now you can write every page in org-mode style! :-D

Emacs org-mode has fantastic integration with Hugo, ox-Hugo, and easy-hugo.el. GitHub pages are perfect for Hugo and nelify is a great way to host and serve Hugo static sites

Hey, new intro tune. I like it. 😛

more power to you in 2020

I've been using joomla and wordpress and this looks like a great alternative.

At work we use restructured text which gets converted to html by Azure Pipelines.

Wonder if there's an emacs hugo mode 🤔

@SuperCape

4 жыл бұрын

You can output HTML with org-mode. And I know Stallman manage his site in a similar fashion. I'm sure there are also other way of doing it for any framework though

@dubbeltumme

4 жыл бұрын

ox-hugo.scripter.co/ - convert ox to hugo posts, instead of using markdown

Finaly someone recognises Hugo. If we are luck in 2020 there will be no more java, web developers will stop using javascript and they will focus on security

Hugo looks good, and being FOSS makes it even better, but I still prefer coding my own work. Something about them lines of code fascinates me.

@DistroTube where can I get the praying to arch Linux wallpaper again please? #coolwallpaper

@DistroTube

4 жыл бұрын

gitlab.com/dwt1/wallpapers/blob/master/0213.jpg

@AutomationMaestro

4 жыл бұрын

@@DistroTube Thank you!

Why not host the website on S3 as well? S3 can host static websites and you do not have to manage any webserver at all.

pog i tried this last year didnt go very far thopgh but it was fun

This does not seem to work using Github or Github Pages

How you enabled colors for permissions in ls ?

@DistroTube

4 жыл бұрын

My ls is aliased to another program called exa: github.com/ogham/exa

you had to create 600 md files for videos, did you automate it, since then it would be a breeze.

@DistroTube

4 жыл бұрын

I automated most of the work. But I still had to go back and edit each file since the wordpress database that I converted did not originally use thumbnails. So I had to rip all of my thumbs from youtube, and then add them to the appropriate .md files.

Ran into some weeds trying to get this going on my Ubuntu machine. If you're running Ubuntu I would advise you to not install from the apt repo. The version available there is ancient. Install the snap package to get the latest version. And you'll be fine. Don't be a fool like me trying to get the old version to work.

I wrote my own static website generator in bash with pandoc.

You should redirect to https automatically

plz make more web videos

This is really not a sarcastic question - why would anyone learn what looks like a mostly terminal driven app when they can use Wordpress and a wysiwyg like Elementor? So I guess what I am asking is what is the advantages of doing it this way?

Why don't you use LBRY to mirror your content ? You can link your account and it will automatically mirror your content to LBRY

You can use GitHub as your webserver with Hugo using netlify (www.netlify.com)

I'm sorry but you claim to hate bloat and a static website sure does reduce bloat. But the webpage has a loading animation for god's sake. Even though it's just for half a second that isn't debloated at all. Being better than react websites isn't debloated by any means.

@DistroTube

4 жыл бұрын

The animation is part of the template I started with. It is rather annoying. Easy enough to find that piece of code and remove it. Done.

@xorvralin2

4 жыл бұрын

@@DistroTube Wow! I thought it was actually loading something. I'm impressed, it looks a lot quicker and more lightweight now!

Hugo supports emacs org mode but you cant do the same amount of stuff. I personally use ox-hugo which automatically exports the org file content into a markdown file. git.renzix.com/Renzix/Blog/raw/branch/master/blog.org (looks like renzix.com ). This supports things like org TODO's as draft, timestamps when marked DONE, automatically generating the markdown on save and other things like tags. ox-hugo.scripter.co for more info. Also I would suggest you use githooks as It allows you to automatically deploy the web server on `git push`. Githooks are essentially shell scripts that are run either client side of local side. Prob could do a entire video on them. I use my own gitea instance which doubles as a webserver but you can do this with github or gitlab with either rsync/scp or git pages ```sh #!/bin/sh -e HUGO=/usr/bin/hugo IN=`pwd` OUT="/usr/share/nginx/html/" WORK=`mktemp -d` git clone $IN $WORK cd $WORK echo CURRENTLY IN $(pwd) with folders $(ls -a) GIT_DIR="$WORK/.git" # Have no idea why i need this git submodule update --init --recursive $HUGO # Generate cp -r public/* $OUT rm -rf $WORK ``` EDIT: You could also just export your own files as html but thats less fun and would require you to do css yourself.

But couldn't you just automate that video stuff with some bash magic?

Now you need a Gopher site.

@DistroTube

4 жыл бұрын

Might want to check the show description. ;)

@grappydingus

4 жыл бұрын

@@DistroTube Haha. I probably watched you make it too, and forgot! Too much KZread! :D

"Building websites with Hugo" First thought you meant THE Hugo from masto.host

So I can rly upload the html or the md to my server? Pls repeat that part just once more bc I am confused by all those possibilities, Mr hackerman 😂😂

I think the web developers like me gonna be jobless soon😂😂😂

@kissu_io

4 жыл бұрын

Not really.

@kissu_io

4 жыл бұрын

@@bigpod not really. Check the JAMstack. You will be impressed on what you can do nowadays, even with a static website.

@muhammadusmankhan6761

4 жыл бұрын

Haven't anyone seen those emojis?

@muhammadusmankhan6761

4 жыл бұрын

@@c1dk1n I know but I was just kidding why everyone taking this so serious😂😂

@tapank415

4 жыл бұрын

Static is easy, Dynamic is *HARD AF*

I have tried Hugo and while I understand the appeal of it, I don't like it personally because the documentation is terrible... Took me searching for over an hour just to find how to compile scss...

I've been hammering away with Hugo for over five years. It's a very impressive static website generator. Syntax can be a little awkward at times but the power of the tool makes it worthwhile.

Nice video, thanks for sharing this information. BUT EDIT: DNS propagation fooled me :) Your www.distrotube.com/ is a plain white screen, just wanted to let you know :)

@DJ_Cthulhu

4 жыл бұрын

It worked for me 🤔

@DistroTube

4 жыл бұрын

DNS issue. May take some time.

@BrutalBirde

4 жыл бұрын

@@DistroTube Ahhh the good old DNS propagation, makes sense 👍

@DistroTube

4 жыл бұрын

>It worked for me Me as well on 2 machines. Doesn't on 2 others.

Hugo is a throwback to the 90s. I used to have a static website but it was hard to maintain, so I moved to a php approach. Hugo gives me the best of a static website, without the maintenance overhead.

@PeterPrevos

2 жыл бұрын

@Kurt M. I think the final comment say it ,. I love Hugo. Throwback to the 90s is not a bad thing. Not all progress is an improvement. I used Wordpress for a while, but migrated to Hugo as soon as I found it.

Can we use asciidoc instead of markdown? By the way if one day you find Hugo bloated(!)? there are swx: 3hg.fr/Scripts/swx/swx_en.html and Luke Smith lb ! github.com/lukesmithxyz/lb

@DistroTube

4 жыл бұрын

It would appear so: gohugo.io/content-management/formats/

Hi. I installed Windows 10 2019 1903 x32bit Home on my laptop After I installed it doesn't say activate your windows Is it mean Windows 10 is now free to all users

You didn't been invite me to build some websites bro wtf

Your site only gets a 66% in Pagespeed.

I used jekyll cause github hosts it automatically from markdown

@alexstone691

2 жыл бұрын

@Kurt M. Yeah i mean this was 2 years ago and i've setup hugo long time ago but it's a pain cause you have to use github actions

If only Hugo had at least one really good theme : -(

Your site is not up yet.

@DistroTube

4 жыл бұрын

My apologies. I had some DNS problems. Should resolve itself soon.

lsd

@DistroTube

4 жыл бұрын

It's great. But I switched from lsd over to exa.

Imagine if your website it 100% static, you could have the /var/www mounted read only. Good luck defacing the site.

lol.. after writing 600 markdown pages for your videos and having to write a new one every new video.. does not make you want to use a db and a dynamic page instead? xD LMAO!!!

@DistroTube

4 жыл бұрын

Well, I still had to enter all that information into the database when I did Wordpress. It just doesn't magically appear there. ;)

@aren8005

4 жыл бұрын

@BatteryProductions Why would using a DB/dynamic page make any difference or save any work? The database won't write the video description for him. Since he already has to write it anyway, it's basically just a matter of pasting that same text into a markdown file, adding a YAML header (which is basically just a text snippet, so takes like 10 seconds using yassnippet or similar in Emacs), paste link to hosted video, job done. I'd argue that's cleaner/simpler than managing a DB backend, and makes instantly updating everything dead easy. People always tend to underestimate the incredible power of plain text productivity and go straight to a nuclear option of a full on DB/dynamic approach even though it is often overkill and actually an impediment to a clean KISS approach.

Why are you acting so weird