Academic Folio

screenshot of Academic Folio

Academic Folio

WIP: Hugo port of the popular Jekyll theme al-folio


The academic-folio is a Hugo port of the popular Jekyll theme al-folio. It is a versatile and customizable theme designed for academic portfolios and personal websites. With its modern and clean design, it provides a professional look and feel to showcase your work and achievements.


  • Customizable Color palettes: Easily switch between different color schemes for your website.
  • Blog Section: A dedicated section to publish blog posts and share your thoughts and ideas.
  • News Section: Keep your audience updated with the latest news and announcements.


To install academic-folio theme for your own website, follow the steps below:

  1. Fork this Repository: Go to the GitHub page of the theme and click on the "Fork" button to create a copy of the repository in your own GitHub account.
  2. Clone it into your own system: In your terminal or command prompt, use the "git clone" command to clone the repository onto your local machine.
  3. Switch to branch publish_site: Use the command git checkout publish_site to switch to the branch that contains the published website version.
  4. Make the changes and commit: Customize the theme according to your requirements by modifying the necessary files and commit your changes using the git commit command.
  5. Make sure your website is published correctly: Verify that your changes are reflected correctly on your website.
  6. We recommend not to change the main branch as it would be harder to incorporate upstream changes into your repository.


In summary, academic-folio is a Hugo theme based on the popular Jekyll theme al-folio. It is a versatile and customizable theme that offers features such as customizable color palettes, a blog section, and a news section. By following the installation guide, users can easily install and customize this theme for their own academic portfolios or personal websites.


Hugo is an open-source static site generator that features fast build times, flexible themes, support for multiple content formats, multilingual websites, live reloading, and an active community. It allows developers to easily create and deploy SEO-friendly and mobile-responsive websites.


Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.


PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.