Giter VIP home page Giter VIP logo

boranhan.github.io's Introduction

Minimalist Hugo Template for Academic Websites

This repository contains a Hugo template to create a personal academic website. The template uses the PaperMod theme, but it modifies it in various ways to be more adapted to academic websites and more minimalist. The website is hosted on GitHub Pages.

Documentation

The template is documented at https://pascalmichaillat.org/d5/.

Illustration

The website produced by the template can be viewed at https://pascalmichaillat.org/hugo-website/.

Features

  • Webpages are organized in three categories, which are available from any page through the menu and from the homepage through buttons: papers, courses, and data.
  • A list of tags (keywords) used in papers and courses is automatically generated so visitors can easily see the topics covered in research and teaching.
  • An archive page is automatically generated so visitors can easily see the most recent material added to the website.
  • The template provides social icons specific to academia: office hours, Zoom, Substack, and Google Scholar.
  • The metadata for webpages, which appear below the webpage title, are tailored to the academic context.
  • Color scheme, font, spacing, buttons, and general appearance have been streamlined and made as minimalist as possible.
  • The template provides new archetypes for paper pages, course pages, and a search page.

Installation

On your local machine

  • Clone the repository to your local machine
  • Install Hugo. On a Mac, this is easily done with Homebrew: simply run brew install hugo in the terminal.
  • Since the website is hosted on GitHub Pages, it is convenient to install GitHub Desktop. The website can conveniently be updated from your local machine via GitHub Desktop without going to GitHub.
  • Update the baseURL parameter in config.yml with the website URL that you plan to use. By default the ULR is https://username.github.io.

On your GitHub account

  • The first time that you push your repository to GitHub, you need to allow GitHub Actions and GitHub Pages so the website can be built and deployed to GitHub Pages.
  • The first step is to ask GitHub to publish the website with a GitHub Action. GitHub offers a ready-made action to publish a Hugo website, called Deploy Hugo site to Pages. This action must be enabled in the Pages Settings of your GitHub repository. You can view the workflow triggered by the action in the .github/workflows/hugo.yml file.
  • Once the GitHub Actions are enabled, GitHub will build and publish the website as soon as the repository is updated.

Usage

Development

Navigate to the website directory and run hugo server in the terminal. The command builds the website on your machine and makes it available at http://localhost:1313. You can modify the content of the repository and develop your website entirely on your local machine.

Compilation

Once your website is ready to be made public, run hugo in the terminal from the website directory. When you run the hugo command, Hugo processes your content, templates, and other project files and generates a static website. The resulting output is placed in the public folder.

Deployment

With GitHub Desktop, commit the changes and push them to the website repository on GitHub. Then, GitHub Actions build the website and deploy it to GitHub Pages.

Performance

Despite the modifications to the PaperMod theme, the website continues to perform well on mobile and desktop devices. Here is an overview of the mobile performance from PageSpeed Insights:

mobile

License

The content of this repository is licensed under the terms of the MIT License.

Real-world implementations

boranhan.github.io's People

Contributors

boranhan avatar pmichaillat avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.