Blogdown Hugo-based website

Welcome 👋 this blog post will give you an overview on how to build hugo based blogdown personal website.

Image credit: Unsplash

Overview

  1. The website builder for Hugo is designed for professional creators, and teams/organizations
  2. The template can be modified and customised to suit the individual needs. It’s a good platform for anyone looking to take control of their data and online identity whilst having the convenience to start off with a no-code solution (write in Markdown and customize with YAML parameters) and having flexibility to later add even deeper personalization with HTML and CSS
  3. You can integrate other tools, features and apps with hundreds of plugins and integrations to speed up your workflows, interact with your readers, and much more

Getting Started

  • 👉 Select the theme of choice
  • Click on download and you’ll be routed to the github page
  • Clone the above repository to your newly created repository
  • From RStudio, File–> New Project–> Version Control–> Git–> Add repository
  • Your RStudio project now connected to github, any changes can easily be committed & pushed to the github repo by the click of a button.
  • Add/Edit/Delete page or content locally based on requirement.
  • 📚 Personalize your site

Ecosystem

Inspiration

View the Hugo-based themes for personal, project, and business sites.

Features

  • Page builder - Create widgets
  • Edit content - Blog posts, publications, talks, slides, projects, and more!
  • Create content in Jupyter Markdown, or R Markdown
  • Plugin System - Fully customizable color and font themes
  • Display Code and Math - Code highlighting and LaTeX math supported
  • Integrations - Google Analytics, Disqus commenting, Maps.
  • Website SEO - Enhance website rank, search engines & social media
  • Media Galleries - Display images and videos with captions
  • Mobile Friendly - Mobile compatible versions
  • Multi-language - 34+ language packs
  • Stand Out - Bring site to life with animation, parallax backgrounds

Deployment

  • Netlify - Create netlify account and connect to your github repository
  • You can buy the domain name for your personalized website
  • The netlify pipeline ensures proper integration with any changes committed to the github the similar changes will be committed to your hosting site within few seconds
Simranpal Singh Kohli
Simranpal Singh Kohli
Data Scientist