This website was created using Jekyll and is hosted on github. Jekyll is a static website generator, and allows you to quickly create a blog with some html and css. There are a lot of tutorials and examples online on how to get set-up and started. For my website, I use Bootstrap as a frontend framework which makes the site quite compatible with mobile devices. Bootstrap also has nice features such as navigation bars and jumbotrons. Font Awesome is used for the social icons in the navigation bar, and SASS is used to organize some of my custom CSS files.
To create the Japanese version of this site, I create a duplicate entry for each corresponding English page and assign each corresponding entry a reference id. A small script is then written in Jekyll’s Liquid to sort the pages, and deliver the corresponding translation page to the one currently loaded. This feature can be accessed from the Navigation bar. The source code for my website is available on my github.
Setting up your GitHub Pages site locally with Jekyll
Creating and Hosting a Personal Site on GitHub
Making Jekyll multilingual