Skip to content

SamirPaulb/SamirPaulb.github.io

Repository files navigation

SamirPaulb.github.io Deploy Hugo site to Pages

Live Demo:
👉 https://samirpaulb.github.io

Created using Hugo and PaperMod.

Steps:

  1. Install Hugo.
  2. Make new post hugo new posts/name-of-post.md.
  3. Run hugo to build static codes inside public directory for deploying on Netlify/Vercel.
  4. Run hugo server to preview the site.
  5. Use GitHub Actions to deploy on GitHub Pages.
  6. Update theme: Change SamirPaulb/hugo-PaperMod -> delete themes/PaperMod directory -> run
    git clone https://github.com/SamirPaulb/hugo-PaperMod themes/PaperMod --depth=1
    

TODO:

Compare modifications in theme

  1. Image zoom in effect
  2. Hugo watermark on images
  3. Button to show disqus comments
  4. Decrease the size of H1, H2, H3 tags in blog posts /assets/css/common/post-single.css
  5. About in homepage and 5 paginations.
  6. Open external links in new tab link1
  7. Code block colour assets/css/extended/dracula.css
  8. Progressive Web App: link1, link1go-offline-with-service-worker/
  9. Remove Powered by Hugo on footer
  10. Add p:domain_verify and norton-safeweb-site-verification on layouts/partials/head.html
  11. Refer sitemaps link, rss feed link and manifest.json on layouts/partials/head.html
  12. Change Links colour https://www.w3schools.com/html/html_links_colors.asp /assets/css/common/post-single.css

More instructions:

  1. https://github.com/SamirPaulb/hugo-PaperMod
  2. Theme Basic Documentation
  3. Theme Content Documentation
  4. For local development first install Chocolatey as administrator then install hugo choco install hugo-extended -confirm.
  5. For deploying on Vercel add environment variable 0.92.0 read more.
  6. Use GitHub Actions for deploying on GitHub Pages.
  7. For deploying on Netlify add netlify.toml and in config.toml give baseURL to Netlify domain.
  8. Store resources in the /static/assets directory and refer it by /assets/File_Name.
  9. To deploy on Netlify/Vercel change the baseURL of config.toml to Netlify domain.
  10. Button to show disqus comments: https://discourse.gohugo.io/t/button-to-show-disqus-comments/17418/4
  11. Progressive Web App: https://blog.jeremylikness.com/blog/implement-progressive-web-app-hugo/ and https://ruddra.com/hugo-implement-pwa/ and https://discourse.gohugo.io/t/simple-implementation-of-progressive-web-apps-pwa-on-hugo-website/39952