ChrisTitusTech / website

My HUGO Website that I use for Videos, Blogs, and Redirects
74 stars 44 forks source link

how-i-setup-my-website/ #53

Open utterances-bot opened 1 year ago

utterances-bot commented 1 year ago

How I Setup My Website

Having Fun with Technology

https://christitus.com/how-i-setup-my-website/

orbitalmartian8 commented 1 year ago

Where is the homepage stored. asin which file is it?

llsaboya commented 1 year ago

Great job!

ckbrewer33 commented 1 year ago

Thank you for this Guide Chris - I've been putting together a blog with Grav to use as a reference for my University students, but after seeing your workflow, I'm definitely going to give Hugo a look.

sysadmin-info commented 1 year ago

First of all, there is no guide for a total beginner how to start with Hugo. I suppose that I must find it elsewhere. I am very experienced IT user. I watched the video, I have read whole article and it is totally unclear how to start with Hugo. Does it require a separate git account? Does it require an account at Netlify? Should I have a server with Linux, nginx, apache or anything else to work with Hugo? Or can I use a simple hosting, like dreamhost, bluehost, that offer a WordPress installation without having a Linux server (I do not have time to maintain one more Linux server, I was doing it in the past, secured it etc., but no, thanks.) So where should I start to be able to create a site with Hugo and without need to have a server? Just do not like waste my time like you.

ChrisTitusTech commented 1 year ago

Use your current github account, create a netlify account, and then just create the website using the guide. Any CLI will work you can use Windows powershell if you want, terminal in linux or mac as well. Just make sure you have hugo installed.

There is no "host" per se. Netlify distributes it via CDN and its static so you

First of all, there is no guide for a total beginner how to start with Hugo. I suppose that I must find it elsewhere. I am very experienced IT user. I watched the video, I have read whole article and it is totally unclear how to start with Hugo. Does it require a separate git account? Does it require an account at Netlify? Should I have a server with Linux, nginx, apache or anything else to work with Hugo? Or can I use a simple hosting, like dreamhost, bluehost, that offer a WordPress installation without having a Linux server (I do not have time to maintain one more Linux server, I was doing it in the past, secured it etc., but no, thanks.) So where should I start to be able to create a site with Hugo and without need to have a server? Just do not like waste my time like you.

ghost commented 1 year ago

What are your thoughts on Javascript frameworks?

sysadmin-info commented 1 year ago

Use your current github account, create a netlify account, and then just create the website using the guide. Any CLI will work you can use Windows powershell if you want, terminal in linux or mac as well. Just make sure you have hugo installed.

There is no "host" per se. Netlify distributes it via CDN and its static so you

First of all, there is no guide for a total beginner how to start with Hugo. I suppose that I must find it elsewhere. I am very experienced IT user. I watched the video, I have read whole article and it is totally unclear how to start with Hugo. Does it require a separate git account? Does it require an account at Netlify? Should I have a server with Linux, nginx, apache or anything else to work with Hugo? Or can I use a simple hosting, like dreamhost, bluehost, that offer a WordPress installation without having a Linux server (I do not have time to maintain one more Linux server, I was doing it in the past, secured it etc., but no, thanks.) So where should I start to be able to create a site with Hugo and without need to have a server? Just do not like waste my time like you.

Thanks. I did it. There will be only a time needed to put a converted content from WordPress to md files into Hugo. But then it will take much less time to put a new content as a post into the website. Very efficient and convenient.

PapaHawk14 commented 1 year ago

Awesome video along with the Hugo video - thank you so much. I confess to stealing your template and modding it for myself. I have paired mine up with Obsidian as my editor ... works so well....

bocciaman commented 1 year ago

Can the explain a bit more how to add the utterances bot to my Hugo website installation?

t4technow commented 1 year ago

when trying to host the website through netlify I get build error saying ../zzo/assets/sass/main.scss:1:18": Invalid CSS. How to resolve this error?

ghost commented 1 year ago

Enable SCSS in the config file

Sent from Proton Mail mobile

-------- Original Message -------- On Dec 1, 2022, 12:12, Mohammed Murshid wrote:

when trying to host the website through netlify I get build error saying ../zzo/assets/sass/main.scss:1:18": Invalid CSS. How to resolve this error?

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.***>

t4technow commented 1 year ago

Error: Error building site: TOCSS: failed to transform "main_parsed.scss" (text/x-scss): "/opt/build/repo/themes/zzo/assets/sass/main.scss:1:18": Invalid CSS after "$grid_max_width:": expected expression (e.g. 1px, bold), was "<no value>;"

This is what I'm getting now. I'm using zzo theme

ghost commented 1 year ago

Delete that line of scss and check if it will build

Sent from Proton Mail mobile

-------- Original Message -------- On Dec 3, 2022, 10:05, Mohammed Murshid wrote:

Error: Error building site: TOCSS: failed to transform "main_parsed.scss" (text/x-scss): "/opt/build/repo/themes/zzo/assets/sass/main.scss:1:18": Invalid CSS after "$grid_max_width:": expected expression (e.g. 1px, bold), was ";"

This is what I'm getting now. I'm using zzo theme

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.***>

t4technow commented 1 year ago

It won't work as it is throwing error whenever a variable is used in scss. Has anyone deployed a Hugo site with zzo theme on netlify? @ChrisTitusTech

pcislocked commented 1 year ago

I feel like I'm missing something, but we can host this wherever we want since it's bunch of html pages as output at the end right?

sysadmin-info commented 1 year ago

Use your current github account, create a netlify account, and then just create the website using the guide. Any CLI will work you can use Windows powershell if you want, terminal in linux or mac as well. Just make sure you have hugo installed.

There is no "host" per se. Netlify distributes it via CDN and its static so you

First of all, there is no guide for a total beginner how to start with Hugo. I suppose that I must find it elsewhere. I am very experienced IT user. I watched the video, I have read whole article and it is totally unclear how to start with Hugo. Does it require a separate git account? Does it require an account at Netlify? Should I have a server with Linux, nginx, apache or anything else to work with Hugo? Or can I use a simple hosting, like dreamhost, bluehost, that offer a WordPress installation without having a Linux server (I do not have time to maintain one more Linux server, I was doing it in the past, secured it etc., but no, thanks.) So where should I start to be able to create a site with Hugo and without need to have a server? Just do not like waste my time like you.

Thanks a lot Chris! I did not have time to reply. But after studying a lot of your content I was able to do that. First of all I exported the content from WordPress to xml, then I installed a docker container and WordPress on it and set proper values in php.ini file. Imported the xml file to my local WordPress. Why? Well I was not able to setup proper settings in php.ini on the hosting side. Then just installed a hugo exporter plugin in local WordPress in docker container and exported all the content to markdown. Then just had to learn from your website how to set up hugo (the extended version) and how to make it work with github and netlify. I migrated content to hugo. It took mi a 5 business days to make it work. I really appreciate what you did and as always you provide a content that is worth to watch, read and learn. Now it is just a pure pleasure. vim+copilot+markdown and no more wasting time as you mentioned. Cheers.

sysadmin-info commented 1 year ago

It won't work as it is throwing error whenever a variable is used in scss. Has anyone deployed a Hugo site with zzo theme on netlify? @ChrisTitusTech

I did it. You can check my github repository. :) Feel free to contact me directly and I can guide you step by step. Or if you prefer, I can make a tutorial how to do it properly. Chris just did a shortcut. I migrated my website from WP to Hugo. It was quite easy, if you know how to do it.

Migacz85 commented 11 months ago

I'm just curious how to serve static files like images. I think uploading them on git is really really bad idea.

sysadmin-info commented 11 months ago

Hi,

You can use cdn. Just look for Hugo+cdn and find out how to make it work. It is quite simple.

Kind regards

Adrian

sob., 1 lip 2023, 20:58 użytkownik Marcin Mrugacz @.***> napisał:

I'm just curious how to serve static files like images. I think uploading them on git is really really bad idea.

— Reply to this email directly, view it on GitHub https://github.com/ChrisTitusTech/website/issues/53#issuecomment-1616051224, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFULAOXFYBC4XIGLSNMXRDDXOBXOBANCNFSM6AAAAAAQ7WTER4 . You are receiving this because you commented.Message ID: @.***>

pcislocked commented 11 months ago

I'm just curious how to serve static files like images. I think uploading them on git is really really bad idea.

I do exactly that lol, only differrence is I use wordpress with simply static plugin to generate the static pages instead of hugo. Then Cloudflare Pages takes the website copy from there and does its magic stuff to power my website. Around 1.5 gigs of content, no problem so far.

ps: I liked how having a static-only website lets me host it for free on cf so I was looking for some way to manage it "better" i guess(hence my first comment here as i came across it while looking for ways) but I didnt really like hugo, then I found a way to use good old wordpress so i did it.. actual wordpress instance is on a azure server that i use for other stuff but its ports are not exposed to the internet on the firewall, i connect to it with tailscale and do my business then get my static pages and upload them to github

reposted because when i edit it mail doesnt get updated which is how i use git so

sysadmin-info commented 11 months ago

Hi,

This thread is about Hugo not about WordPress. Chris currently uses Cloudflare because he has a huge traffic in comparison to my website. I am using Netlify that picks images from github and loads to Netlify cdn. That is why Netlify warns to turn off proxies and other cdn solutions. But you can decide to upload static content directly to cdn and serve only markdown files with Hugo.

Kind regards

Adrian

śr., 5 lip 2023, 23:47 użytkownik pcislocked @.***> napisał:

I'm just curious how to serve static files like images. I think uploading them on git is really really bad idea.

I do exactly that lol, only differrence is I use wordpress with simply static plugin to generate the static pages instead of hugo. Then Cloudflare Pages takes the website copy from there and does its magic stuff to power my website.

— Reply to this email directly, view it on GitHub https://github.com/ChrisTitusTech/website/issues/53#issuecomment-1622570466, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFULAOTUGO7A6HXAEJPMVWDXOXOFPANCNFSM6AAAAAAQ7WTER4 . You are receiving this because you commented.Message ID: @.***>

mansoorbarri commented 10 months ago

Hi, Can you make a article/video about google adsense setup and how was your experience with it? I have been trying for a while now; before it was because the domain was young but now its been more than 6 months yet Google rejects my website.

Thanks & thanks for the insights about your operation. Appreciate it!