Creating a Free Blog or Static Content Website with Hugo and GitHub Pages with Custom Domain and Ads

Поделиться
HTML-код
  • Опубликовано: 20 июл 2022
  • Hi everyone!
    Today I am going to show you how to create a free blog using Hugo and GitHub Pages for hosting. A blog is an important tool for developers to share their technical thoughts and contribute to the wider tech community. Hugo can also be used to generate other static content sites such as marketing websites for your projects.
    I will also show you how to add Google Ads to your Hugo website and also how to configure a custom subdomain for you Github pages to make it look a little more professional.
    You can browse for different hugo themes here:
    themes.gohugo.io/
    My hugo site repo is available here:
    github.com/misscodingnz/blog
    My static content github pages repo is available here:
    github.com/misscodingnz/missc...
    You’ve clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can maximise your screen time to pick up technical skills. Try it for free today:
    amzn.to/3ECMsom
    // ABOUT ME
    My name is Chelsea and I started studying software engineering in 2010. I have been working commercially full time since 2014 and have been in various positions from graduate developer to tech lead to solution architect.
    I'm a full stack developer with a lot of experience in C# and Javascript but my passion is for mobile development; specifically native iOS development and cross platform using React Native.
    I always have many things on the go and am always trying out a new side hustle and failing at it; perhaps you can learn from my mistakes!
    Please like and subscribe if you enjoyed this video and want to see more like it!
    Have any suggestions on topics you would like to learn more about? Please suggest them in the comments... I would love to help you out while doing a bit of learning myself!
    // PRODUCTS USED
    I use the following products in the creation of my videos:
    Boya MM1 Microphone - amzn.to/3m6kif7
    A reasonable quality and reasonably sturdy but cost effective microphone that can be used by both DSLR cameras, mobile phones and laptops
    Canon 18-55mm Lens - amzn.to/3IwscFR
    A kit lens but a decent quality lens for beginners getting used to a DSLR
    Canon EOS Rebel T7 with 18-55mm Lens - amzn.to/3XZauAL
    This is the kit I started with it includes the lens linked above and is a great starter camera.
    I love Apple devices... These are the ones I use for my channel content creation:
    Apple iPhone 13 - amzn.to/3KAUba4
    A good all round phone, good for Apple development and recording videos with enough high quality features but at a cheaper price point than the pro versions.
    Apple MacBook Pro - amzn.to/3KxrE5q
    A nice portable computer for working from anywhere and perfect for iOS development
    Apple iPad Air - amzn.to/3xU2k21
    Really easy to use for graphic design if required for logos as part of my app development or editing the videos on the go.
    Apple Pencil (2nd Generation) - amzn.to/3EBSwNS
    For logo and icon design in Affinity Designer app for iPad
    Logitech Folio Keyboard Touch - amzn.to/3XUYBM1
    Adds keyboard and touchpad to iPad Air, making it easier to use for writing code/eBooks etc. on the go!
    DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
    //CONTACT:
    Please contact me at: hello@tripwiretech.com
    //CRAVING MORE:
    You can find links to all my different sites and social media over on Linktree: linktr.ee/misscoding
  • НаукаНаука

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

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

    thanks for such clearly tutorial , it's really helpful! finally , i built my own website. yes!!!

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

    Finally my website is published. Thank to you !

  • @justtsanjint626
    @justtsanjint626 9 месяцев назад

    Thank you, this video helps! I went from not knowing Hugo to having a website on GitHub. Thanks a lot!

    • @MissCoding
      @MissCoding  9 месяцев назад

      Well done! Hope it serves you well :)

  • @benjaminfehr7322
    @benjaminfehr7322 9 месяцев назад +1

    Thanks for your help. It works very well. Just i cant find out how i can add a new blog without any trouble with the repos. But maybe thats an issue with the talle theme i use.

  • @PampaEstudioGuitarra
    @PampaEstudioGuitarra Год назад +3

    Great tutorial! I'm still lost about git (because I'm a noobie) but you really helped me ☺Thanks!

    • @KaiBuskirk
      @KaiBuskirk Год назад +1

      right..... its the little things Please help

    • @debeatox1282
      @debeatox1282 Год назад +2

      You don't have to use terminal if it's confusing. You can push changes from VScode(3rd tab from the left. It will even show how many changes you did but didn't push/commit to GitHub)

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

      @@debeatox1282 thanks!

  • @MohamedMedhat-ic5ng
    @MohamedMedhat-ic5ng Год назад

    Thanks, that was exactly what I was looking for

  • @MrAdam100576
    @MrAdam100576 Год назад +1

    Quick Question: Your blog seems to have all of the relevant folders in Visual Studio. Can I ask how you set that up? Also, this is a newbie question, but I seem to be creating folders/directories all over the place when I try to use both Terminal and VSCode. Should I have folders for EACH github repo or should I be dumping ALL of my repos into one github folder (on my computer)?

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

      Answer for your 1st question: she does it by running Hugo command @1:40.
      For your 2nd one it doesn't matter. It's your computer and you decide where you want to put your folders. Weather it's github repo folder, music folder or documents folder.
      Hope this cleared somethings for you! Good luck.

  • @mr_trojan
    @mr_trojan Год назад +1

    how can i add my github site to google adsense