Building A Website Using Hugo

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024

Комментарии • 167

  • @dougouverson7873
    @dougouverson7873 6 лет назад +36

    Excellent tutorial. The music in between segments is not my favorite: nails on a chalkboard come to mind :)

  • @ericwilliam1697
    @ericwilliam1697 6 лет назад +18

    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.

    • @sanketss84
      @sanketss84 5 лет назад

      thanks for sharing this solution

  • @chienhuey212
    @chienhuey212 5 лет назад +8

    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!

  • @dumboluzz
    @dumboluzz 6 лет назад +10

    Very cool! One of the few videos that actually go through the whole process from start :^)

  • @smyrnian_
    @smyrnian_ 5 лет назад +4

    Nice video Chris, thank you for sharing. One thing, *.md files are called "mark down" not "mark up".

  • @cyberguide_in
    @cyberguide_in 5 лет назад +6

    You have done a wonderful job:-) Highly appreciated!!

  • @VincentFulco
    @VincentFulco 5 лет назад +13

    Dude, great video but that transition music was disturbing

  • @thebiglecrowski3146
    @thebiglecrowski3146 3 года назад +1

    i need help, the sample configuration just isnt there?

  • @FedericoTeti
    @FedericoTeti 4 года назад +4

    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.

  • @ZohanSyahFatomi
    @ZohanSyahFatomi 4 года назад +1

    Wow, you are using indonesian poeple template. Bandung -ID Means Bandung Indonesia.

  • @salesforecastandmarketing3641
    @salesforecastandmarketing3641 6 лет назад +3

    Excellent! that combination of Visual Studio + Terminal + Hugo Page + Themes...

  • @raghavanaliassaravananm1546
    @raghavanaliassaravananm1546 3 года назад +2

    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 :)

  • @seanmurphy1661
    @seanmurphy1661 3 года назад +1

    Is Casper 3 a complete redesign? Thing look a lot different.

  • @rmcellig
    @rmcellig 2 года назад +1

    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!!!!!

  • @brawth
    @brawth 3 года назад +1

    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.

  • @EvandroPastor
    @EvandroPastor 6 лет назад +4

    Chris, make the next video dude! :D

    • @ChrisStayte
      @ChrisStayte  6 лет назад +1

      Working on it tomorrow :) Expect more.

  • @utsavojha2953
    @utsavojha2953 3 года назад +1

    Awesome 🚀🚀

  • @DenniseCB
    @DenniseCB 5 лет назад

    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.

  • @jcstutorials3090
    @jcstutorials3090 8 месяцев назад

    ❤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 🎉

  • @edlippjr
    @edlippjr 3 года назад +1

    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!

  • @briancoalson
    @briancoalson 6 лет назад +3

    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.

  • @saavedragabo
    @saavedragabo 4 года назад +1

    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

    • @ChrisStayte
      @ChrisStayte  4 года назад +1

      Glad I could be of assistance

  • @grandebaee
    @grandebaee 3 года назад +1

    Edited:
    IT WORKS! MY LIFE SAVER I LOVE YOU 😭❤

  • @jidun9478
    @jidun9478 2 года назад +1

    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 🤣

  • @DarthAndylus
    @DarthAndylus 11 месяцев назад

    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

  • @databaseexpert
    @databaseexpert 4 года назад +1

    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.

    • @ChrisStayte
      @ChrisStayte  4 года назад

      I appreciate such a positive response :)

  • @zuhairyahya2146
    @zuhairyahya2146 4 года назад +1

    Thank you very much for tutorial. My website can alredy be used

  • @chandraharsha4857
    @chandraharsha4857 5 лет назад

    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

  • @ice7mayu
    @ice7mayu 4 года назад +1

    Great vid, thank u , and I’m planning move to hugo from my old MKDocs :D

  • @thyagtubes
    @thyagtubes 5 лет назад +1

    Great tutorial. Not sure why you selected the music during the transition. Sounds like the 2x speed version of Se7en movie's intro credits.

    • @ChrisStayte
      @ChrisStayte  5 лет назад

      Not my most proud moment. :)

    • @philinnc
      @philinnc 4 года назад

      @@ChrisStayte The music made me smile.

  • @LucasSantos-yb2qo
    @LucasSantos-yb2qo 2 года назад

    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

  • @jcstutorials3090
    @jcstutorials3090 2 года назад

    Thank you so much! Excellent Tutorial great job!

  • @ryouok3259
    @ryouok3259 5 лет назад +1

    I know nothing about code, but I have decided to build my own website🥰 your videos help a lot! thank you so much 😍😍😍😍

  • @kent8547
    @kent8547 3 года назад +1

    Your videos are super helpful! Are you able to create another one that shows us how to create our own custom theme in Hugo?

  • @nyahhbinghi
    @nyahhbinghi 3 года назад

    I assume symlinking `content/posts` to `content/post` would make things work better cross-theme

  • @EvandroPastor
    @EvandroPastor 6 лет назад +2

    Nice video Chris!

  • @vascolaranjo200
    @vascolaranjo200 4 года назад +2

    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).

    • @philinnc
      @philinnc 4 года назад

      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

    • @jensbehrens6917
      @jensbehrens6917 3 года назад

      There is a "Casper 3" (and unfortunately once a youtube video is published you can't edit it)

  • @Tiamatcr
    @Tiamatcr 5 лет назад +2

    This is a great introduction to getting started using Hugo to build static sites! Thank you!

  • @nestorwheelock1314
    @nestorwheelock1314 4 года назад +1

    Thanks for the straightforward demonstration of Hugo! I've been wanting to try it. And that tip about pexels, much appreciated!

  • @JWry-RazonandoBiblicamente
    @JWry-RazonandoBiblicamente Год назад

    Hi Chris, so how do I upload my website to my server??

  • @cjananthan3721
    @cjananthan3721 3 года назад

    my hugo server cmnt is not working please help :(((((

  • @ITSessionLab
    @ITSessionLab 4 года назад +1

    Good tutorial.

    • @ChrisStayte
      @ChrisStayte  4 года назад

      Thank you I appreciate it :)

  • @JonBrookes
    @JonBrookes 6 лет назад +1

    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.

  • @veeravignesh18
    @veeravignesh18 5 лет назад +1

    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...?

    • @ChrisStayte
      @ChrisStayte  5 лет назад

      Yes that is simple. Please take a look at my blog on github. :) github.com/ChrisStayte

  • @sanketss84
    @sanketss84 5 лет назад +1

    great walkthrough of creating a hugo based static site , cleared a lot of my fundamentals

  • @nagarajbhat4588
    @nagarajbhat4588 4 года назад +1

    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 .👌

  • @michaelwaterman3553
    @michaelwaterman3553 2 года назад

    Thanks so much! Was looking for a decent starting tutorial. This nailed it.

  • @VincentFulco
    @VincentFulco 5 лет назад +2

    Really well done!

  • @curiousshawon350
    @curiousshawon350 5 лет назад +1

    Just what I was looking for..Thanks!

  • @cooldharan
    @cooldharan 4 года назад

    How to add amazon affiliate links? If I embed it shows the code but not renders it.

  • @805bluebell
    @805bluebell 4 года назад +1

    To the point. Nice

    • @ChrisStayte
      @ChrisStayte  4 года назад +1

      Thanks Pankaj. This is what content I like to create!

  • @evanlfishbein439
    @evanlfishbein439 4 года назад +1

    THANK YOU!! 1000 Karma points++

    • @ChrisStayte
      @ChrisStayte  4 года назад

      Thank you

    • @evanlfishbein439
      @evanlfishbein439 4 года назад

      @@ChrisStayte Question: can we put an mp4 video file in any of the static page fields for an animated image? ie cover image

    • @ChrisStayte
      @ChrisStayte  4 года назад

      I don’t believe you can unless your theme has a HTML5 player setup to process the file.

    • @evanlfishbein439
      @evanlfishbein439 4 года назад

      @@ChrisStayte thx

  • @borakang4218
    @borakang4218 3 года назад

    configuration is only one line.. what to do? (10:53)

  • @PragneshBhalodiya
    @PragneshBhalodiya 4 года назад

    Awesome explaination... Thanks brother but while starting new section, that cartoon type music is bad :(

    • @ChrisStayte
      @ChrisStayte  4 года назад

      I’m sorry. I’ll try something different next time

  • @regather59
    @regather59 Год назад

    Excellent enthusiastic intro, thanks.

  • @stevenaguilera9202
    @stevenaguilera9202 4 года назад

    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) ?

    • @ChrisStayte
      @ChrisStayte  4 года назад

      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

    • @stevenaguilera9202
      @stevenaguilera9202 4 года назад

      @@ChrisStayte Sweet ! Yeah, I found out about Netlify CMS after watching your vid. Merci beaucoup !

  • @anderson_pids
    @anderson_pids 3 года назад

    Great job, instructive and objective.

  • @805bluebell
    @805bluebell 4 года назад +1

    I like the music in-between any two sections. No wait, I love it :)
    cha..cha.. cha cha

    • @ChrisStayte
      @ChrisStayte  4 года назад

      I got some hate for it from some people

  • @bitcaptor
    @bitcaptor 5 лет назад +1

    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.

  • @chucktaylor9438
    @chucktaylor9438 2 года назад

    man thanks for this. fist time ive ever hit the subscribe button

  • @ajosh1026
    @ajosh1026 5 лет назад

    @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.

  • @TheGreenFern18
    @TheGreenFern18 6 лет назад +1

    Amazing video man! Thank you so much for this, it really helps to explain so many concepts :)

  • @peytonbrad
    @peytonbrad 4 года назад +1

    Well done, Chris.

  • @Lobaluna9333
    @Lobaluna9333 2 года назад

    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!

  • @zeynepklncstudent2754
    @zeynepklncstudent2754 2 года назад

    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 !

  • @iamajailbreaker
    @iamajailbreaker 5 лет назад +1

    Really helpful video 👌

  • @Mithilesh165
    @Mithilesh165 5 лет назад +1

    Thanks very much bro....

  • @stuschreib3538
    @stuschreib3538 2 года назад

    Slam dunk tutorial!!!

  • @Lakshraut
    @Lakshraut 4 года назад

    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.

  • @laidback-luc
    @laidback-luc 3 года назад +3

    Contrary to the top comment on this vid, the music btwn clips is essential - breathing further life into this tutorial. Well done

  • @matheus.2655
    @matheus.2655 3 года назад

    Dude this is one of the best tutorials ive seen so far you so dope god bless

  • @nathanobertcom
    @nathanobertcom Год назад

    This is a great intro to hugo.

  • @stein0089
    @stein0089 5 лет назад +1

    素晴らしい動画をありがとうございます。Hugoでサイト作ってみようと思います!
    from JP

    • @ChrisStayte
      @ChrisStayte  5 лет назад +1

      あなたが終わったとき、私はそれを見たいです。

    • @stein0089
      @stein0089 5 лет назад +1

      @@ChrisStayte Sure!
      btw I do read English xd

    • @ChrisStayte
      @ChrisStayte  5 лет назад +1

      Thanks. Haha makes my day a little bit easier

  • @marian-stirbescu
    @marian-stirbescu Год назад

    Best crash course on HUGO. Good job Chris!

    • @ChrisStayte
      @ChrisStayte  Год назад

      I appreciate it. Glad it can help even in these years when I first posted it

  • @warittaveekarn5066
    @warittaveekarn5066 5 лет назад +1

    Thank you. You did a great job!

  • @andreadesiderio7071
    @andreadesiderio7071 5 лет назад +1

    can I put your video on my website?

    • @ChrisStayte
      @ChrisStayte  5 лет назад

      Yeah, just put a link to my RUclips channel below it if you don’t mind. Thanks

  • @NANA-ec7ce
    @NANA-ec7ce 4 года назад

    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.

  • @richardneighbors9849
    @richardneighbors9849 4 года назад

    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"

  • @shenzhang5020
    @shenzhang5020 6 лет назад +1

    Very useful. Thank you!

  • @BrooklynDesigne
    @BrooklynDesigne 4 года назад

    I Love u!

  • @kametaichou4461
    @kametaichou4461 5 лет назад

    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?

  • @MrFurriephillips
    @MrFurriephillips 5 лет назад

    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*

  • @BinaryArcher
    @BinaryArcher 6 лет назад

    Do you realise casper2 is Ghost's default theme? Perhaps you want to use that instead?

  • @oxana3237
    @oxana3237 3 года назад

    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?

    • @ChrisStayte
      @ChrisStayte  3 года назад +1

      I don't but let me see what I can spin up.

    • @oxana3237
      @oxana3237 3 года назад +1

      @@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!

  • @afraidtoask
    @afraidtoask 3 года назад

    Really great - and the editing with music is way cool!

  • @hsantrebor
    @hsantrebor 3 года назад

    been living in this video the last few days. cheers mate

  • @balazsh2
    @balazsh2 3 года назад

    Not including Linux in the installation section was hurtful :'(

    • @DagnyKight
      @DagnyKight 3 года назад

      Apparently you were already not paying attention by one minute in.

    • @balazsh2
      @balazsh2 3 года назад

      @@DagnyKight linux is neither macos or windows yknow

    • @jensbehrens6917
      @jensbehrens6917 3 года назад

      @@DagnyKight 1:15 to be exact ;-) ruclips.net/video/c7vpcqA6SEQ/видео.html

  • @jensmeding3051
    @jensmeding3051 4 года назад

    I have my own layout and do not want use a given theme.

  • @Daniel-Roos
    @Daniel-Roos 4 года назад

    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!

    • @ChrisStayte
      @ChrisStayte  4 года назад

      Thanks so much for the kind words. Seriously when you finish your site send me a message to check it out. Twitter - @ChrisStayte

  • @teghnet
    @teghnet 4 года назад

    Excellent.

  • @OtRatsaphong
    @OtRatsaphong 6 лет назад +1

    Thanks for the tutorial 😀

  • @ericwilliam1697
    @ericwilliam1697 6 лет назад

    Does git bash not play well with Hugo. I used Chocolatey just to install Hugo, but from there on I used the git bash.

    • @ChrisStayte
      @ChrisStayte  5 лет назад

      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.

  • @red_sky
    @red_sky 4 года назад

    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.

  • @boris237
    @boris237 5 лет назад

    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.

    • @boris237
      @boris237 5 лет назад

      any help please

  • @thecyberfranko
    @thecyberfranko 4 года назад

    Cool stuff, thanks for making it simple without over-explaining.

  • @sweet77110
    @sweet77110 5 лет назад

    @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.

    • @ChrisStayte
      @ChrisStayte  5 лет назад +1

      Open code manually and in the menu at the top look for add code to path

    • @sweet77110
      @sweet77110 5 лет назад

      Nevermind I found the answer! For anyone else with same problem: Search google for Launching from the command line vscode :

    • @sweet77110
      @sweet77110 5 лет назад

      @@ChrisStayte Thanks, you're great at teaching bro! You should keep the tutorials coming!

  • @satart6080
    @satart6080 5 лет назад

    Great teaching - thank you!

  • @juniormichaelseri5212
    @juniormichaelseri5212 6 лет назад

    Brilliant video, very clear!

  • @adskii6773
    @adskii6773 5 лет назад

    28:37 is there any possible way to make the video autoplay?

  • @BindasBadshah
    @BindasBadshah 4 года назад

    Chris: good job. Thank you