HTMLPortfolio

homepage — HTML Portfolio Template

By ethan-yucheng-pan

A Jekyll academic personal homepage template based on Academic Pages (forked from Minimal Mistakes), used to publish personal profiles, papers, talks, and similar content.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Based on Academic Pages, forked from the Minimal Mistakes Jekyll theme

02

The homepage uses a custom layout, with the content-to-display code mapping documented in SITE_GUIDE.md

03

Original Academic Pages files are retained for reference and rollback

04

Provides markdown_generator, which can generate Markdown for papers and talks from TSV

05

Supports both local Jekyll preview and Docker container execution

06

Licensed under MIT, free to use, modify, and distribute

Template Details

This is a personal homepage template for academic personal websites, derived from Academic Pages and forked from the Minimal Mistakes Jekyll theme. The repository adds a custom homepage layout on top of the original template; the mapping between content and display code is documented in SITE_GUIDE.md, while the original Academic Pages files are retained for reference and rollback.

The template is organized as a Jekyll site, with site-level configuration and content maintained through configuration files and Markdown files; uploaded PDFs, zip files, and similar assets placed in the files/ directory are accessible via site paths. The repository provides a markdown_generator directory containing Jupyter notebooks and Python scripts that generate Markdown files for papers and talks from TSV files.

To use it, click “Use this template” on GitHub to create a repository, set the repository name to [username].github.io, which becomes the site address, and then check the build status in the GitHub Pages section of the repository settings. Local preview requires installing ruby-dev, bundler, and nodejs; after running bundle install, use jekyll serve to run at localhost:4000 with automatic rebuilds. The repository also provides a Dockerfile for building and running a container.

This repository is a personal homepage instance, and the author has customized the homepage layout, so it differs from the upstream template; the README notes that if you deeply customize the template and then sync with upstream, merge conflicts are likely, requiring manual patches or a fresh fork. Bug reports and feature requests for the template itself should be submitted to the upstream academicpages repository.

HTMLPortfolio

Is it right for your project?

Use Cases

  • Building an academic personal homepage to showcase a personal profile, papers, and talks
  • Publishing the site on GitHub Pages as [username].github.io
  • Batch-generating Markdown pages for papers and talks from TSV
  • Previewing site changes locally or in Docker before pushing

Suitable For

  • Researchers and scholars who need an academic personal homepage
  • Users who publish static sites using GitHub Pages
  • People familiar with or willing to use Jekyll and Markdown to maintain content
  • Developers who need to preview site changes locally

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    On GitHub, click “Use this template” and set the repository name to [username].github.io

  2. 2

    Local preview requires installing ruby-dev, bundler, and nodejs; after running bundle install, run jekyll serve -l -H localhost

  3. 3

    On Linux, you may need to install build-essential, gcc, make, and other dependencies first

  4. 4

    You can also build an image with the repository’s Dockerfile and run it with port 4000 mapped

  5. 5

    Uploaded PDFs, zip files, and similar assets go in the files/ directory and are accessed via site paths

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope is the code of that version and does not mean that external services or third-party assets are free.

Must comply with when using

  • You may use, modify, commercially use, and distribute the code of this version for free.
  • When distributing copies or substantial portions of the code, retain the original author’s copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code’s MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
  • Using this template requires registering a GitHub account and confirming your email, which is a prerequisite for publishing a site with GitHub Pages.
  • Creating a site requires generating a repository via GitHub’s “Use this template” button, which depends on GitHub platform features.
  • The repository name must be set to [username].github.io, and the site URL is determined by this, limiting freedom to customize the domain or repository name.
  • Build status must be checked in the GitHub Pages section of the GitHub repository settings, which depends on the GitHub platform.
  • Local preview requires installing dependencies such as ruby-dev, bundler, and nodejs in advance.
  • Running locally on Linux may also require installing additional dependencies such as build-essential, gcc, and make.
  • Running via Docker requires Docker to be installed in advance.
  • After deeply customizing based on the template, syncing with upstream is very likely to produce merge conflicts that must be handled manually.
  • When syncing upstream updates, you need to delete the repository and re-fork or manually apply patches, resulting in relatively high maintenance costs.
  • Bug reports and feature requests for the template itself should be submitted to the upstream academicpages repository, not this repository.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

1. Register a GitHub account if you don't have one and confirm your e-mail (required!)

Original README

1. Click the "Use this template" button in the top right.

Original README

1. On the "New repository" page, enter your repository name as "[your GitHub username].github.io", which will also be your website's URL.

Original README

1. Check status by going to the repository settings, in the "GitHub pages" section

Original README

1. Make sure you have ruby-dev, bundler, and nodejs installed

Original README

If you are running on Linux it may be necessary to install some additional dependencies prior to being able to run locally: `sudo apt install build-essential gcc make`

Original README

Working from a different OS, or just want to avoid installing dependencies? You can use the provided `Dockerfile` to build a container that will run the site for you if you have [Docker](https://www.docker.com/) installed.

Original README

If you use this template and customize it, you will probably get merge conflicts if you attempt to synchronize.

Original README

If you want to save your various .yml configuration files and markdown files, you can delete the repository and fork it again. Or you can manually patch.

Original README

Bug reports and feature requests to the template should be [submitted via GitHub](https://github.com/academicpages/academicpages.github.io/issues/new/choose).

Original README
https://github.com/ethan-yucheng-pan/homepage/blob/master/LICENSEhttps://github.com/ethan-yucheng-pan/homepage/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 80 / 100
Technologies
HTML
Website type
Portfolio
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-10-12
Screenshot last checked
2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: f71d481b681b4e6d100af6df0f384f963799e56fc4ddd7d24614f43d2cdcbef4

2026-10-13T01:06:09.935Z

Source file / repository
# Yucheng Pan — Homepage

This Jekyll site uses a small custom layout for its main pages. Content and display code are mapped in [SITE_GUIDE.md](SITE_GUIDE.md). The original Academic Pages files remain available for reference and rollback.

## Original template documentation

**Academic Pages is a Github Pages template for academic websites.**

For this repository's local preview, GitHub Pages setup, and content-editing map, see [SITE_GUIDE.md](SITE_GUIDE.md).

# Getting Started

1. Register a GitHub account if you don't have one and confirm your e-mail (required!)
1. Click the "Use this template" button in the top right.
1. On the "New repository" page, enter your repository name as "[your GitHub username].github.io", which will also be your website's URL.
1. Set site-wide configuration and add your content.
1. Upload any files (like PDFs, .zip files, etc.) to the `files/` directory. They will appear at https://[your GitHub username].github.io/files/example.pdf.
1. Check status by going to the repository settings, in the "GitHub pages" section
1. (Optional) Use the Jupyter notebooks or python scripts in the `markdown_generator` folder to generate markdown files for publications and talks from a TSV file.

See more info at https://academicpages.github.io/

## Running locally

When you are initially working your website, it is very useful to be able to preview the changes locally before pushing them to GitHub. To work locally you will need to:

1. Clone the repository and made updates as detailed above.
1. Make sure you have ruby-dev, bundler, and nodejs installed
    
    On most Linux distribution and [Windows Subsystem Linux](https://learn.microsoft.com/en-us/windows/wsl/about) the command is:
    ```bash
    sudo apt install ruby-dev ruby-bundler nodejs
    ```
    On MacOS the commands are:
    ```bash
    brew install ruby
    brew install node
    gem install bundler
    ```
1. Run `bundle install` to install ruby dependencies. If you get errors, delete Gemfile.lock and try again.
1. Run `jekyll serve -l -H localhost` to generate the HTML and serve it from `localhost:4000` the local server will automatically rebuild and refresh the pages on change.

If you are running on Linux it may be necessary to install some additional dependencies prior to being able to run locally: `sudo apt install build-essential gcc make`

## Using Docker

Working from a different OS, or just want to avoid installing dependencies? You can use the provided `Dockerfile` to build a container that will run the site for you if you have [Docker](https://www.docker.com/) installed.

Start by build the container:

```bash
docker build -t jekyll-site .
```

Next, run the container:
```bash
docker run -p 4000:4000 --rm -v $(pwd):/usr/src/app jekyll-site
```

# Maintenance

Bug reports and feature requests to the template should be [submitted via GitHub](https://github.com/academicpages/academicpages.github.io/issues/new/choose). For questions concerning how to style the template, please feel free to start a [new discussion on GitHub](https://github.com/academicpages/academicpages.github.io/discussions).

This repository was forked (then detached) by [Stuart Geiger](https://github.com/staeiou) from the [Minimal Mistakes Jekyll Theme](https://mmistakes.github.io/minimal-mistakes/), which is © 2016 Michael Rose and released under the MIT License (see LICENSE.md). It is currently being maintained by [Robert Zupko](https://github.com/rjzupkoii) and additional maintainers would be welcomed.

## Bugfixes and enhancements

If you have bugfixes and enhancements that you would like to submit as a pull request, you will need to [fork](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo) this repository as opposed to using it as a template. This will also allow you to [synchronize your copy](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork) of template to your fork as well.

Unfortunately, one logistical issue with a template theme like Academic Pages that makes it a little tricky to get bug fixes and updates to the core theme. If you use this template and customize it, you will probably get merge conflicts if you attempt to synchronize. If you want to save your various .yml configuration files and markdown files, you can delete the repository and fork it again. Or you can manually patch.

---
<div align="center">
    
![pages-build-deployment](https://github.com/academicpages/academicpages.github.io/actions/workflows/pages/pages-build-deployment/badge.svg)
[![GitHub contributors](https://img.shields.io/github/contributors/academicpages/academicpages.github.io.svg)](https://github.com/academicpages/academicpages.github.io/graphs/contributors)
[![GitHub release](https://img.shields.io/github/v/release/academicpages/academicpages.github.io)](https://github.com/academicpages/academicpages.github.io/releases/latest)
[![GitHub license](https://img.shields.io/github/license/academicpages/academicpages.github.io?color=blue)](https://github.com/academicpages/academicpages.github.io/blob/master/LICENSE)

[![GitHub stars](https://img.shields.io/github/stars/academicpages/academicpages.github.io)](https://github.com/academicpages/academicpages.github.io)
[![GitHub forks](https://img.shields.io/github/forks/academicpages/academicpages.github.io)](https://github.com/academicpages/academicpages.github.io/fork)
</div>
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

simplefolio

simplefolio

Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.

HTML · Portfolio

Freelancer

Freelancer

A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.

HTML · Portfolio

Resume

Resume

A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.

HTML · Portfolio

Creative

Creative

A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.

HTML · Corporate Website

Grayscale

Grayscale

A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.

HTML · Corporate Website

startbootstrap-stylish-portfolio

startbootstrap-stylish-portfolio

A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.

HTML · Portfolio