Hugo Themes Logo Hugo Themes
Github Page Maker screenshot

Github Page Maker

Author Avatar Theme by Fernandomachado90
Updated: 30 Jun 2020
5 Stars

Template to quickstart the creation and publishing of GitHub Pages with Hugo.

Github

Overview:

The github-page-maker is a tool that helps in the creation and publishing of GitHub Pages using the static site generator Hugo. This tool makes it easy to set up and deploy a website hosted on GitHub Pages. It requires git to be properly configured and Hugo to be installed. The tool provides a Makefile with various commands to create a new Hugo project, add themes, update themes, serve the website locally, build a deployable version, and publish the changes to the repository.

Features:

  • Easy setup: The tool automates the process of creating and publishing GitHub Pages using Hugo.
  • Theme integration: It allows the user to add themes from Hugo repositories as submodules, making it easy to customize the website’s design.
  • Local development server: The tool provides a command to serve the website locally, allowing users to preview their changes before publishing.

Installation:

To install github-page-maker, follow these steps:

  1. Make sure you have git properly configured and Hugo installed. If not, run the following command to install Hugo: brew install hugo.
  2. Use this template to create a new repository for your site on GitHub. The repository name must be username.github.io, replacing username with your GitHub username.
  3. Clone the repository to your local machine.
  4. Open the terminal and navigate to the cloned repository.
  5. Run the following commands one by one to create and publish your page:
  • make new - Creates a new Hugo project.
  • make add theme=[repository-url] - Includes the specified Hugo theme repository as a submodule. You can find available themes here.
  • Update the configuration file at .hugo/config.toml with the selected theme’s settings. Most themes provide an example configuration file at .hugo/themes/theme-name/exampleSite/config.toml that you can copy to get started.
  • make update - Updates the included themes.
  • make run - Serves the website at http://localhost:1313 for local preview.
  • make build - Builds a deployable version of the website.
  • make publish - Creates a commit and pushes changes to the repository.

Summary:

The github-page-maker is a useful tool for simplifying the process of creating and publishing GitHub Pages using Hugo. It provides an automated workflow and various commands to easily set up a new Hugo project, add themes, serve the website locally, build a deployable version, and publish the changes to the repository. With its features, this tool is a time-saving solution for those looking to create and host their websites on GitHub Pages.