Launch new theme

(Updated: )

Loading ...
No ad for you

Since migrated from Wix in 2017, this site has run on GitHub Pages for over 3 years. I knew nearly nothing about Jekyll and GitHub at that time. I had just chosen Architect theme from the official theme chooser for GitHub Pages.

Architect theme for GitHub Pages

Starting with the official single-page theme, I gradually customized it, built different pages and features based on my untutored HTML and CSS skills. Adding the navigation, the archive, tag pages and paginations for blog posts. The site simply works but there’s no doubt that it was made up with messy pieces of codes. Sometimes I felt hard to further extend because no front-end framework was used on it.

My old theme

In spite of the lack of modern web design elements, at least I made it to be responsive. I believed the customized theme be good enough for blogging as well as simple and lightweight for deliver my contents. However, it didn’t look attractive. It’s ugly, right? Hope it wasn’t too bad and discouraging to readers. Thus, I wanted to say goodbye to my childlike work.

When upgrading this site, I considered to whether I should switch to another blogging platform. I studies Gatsby, Hexo, Hugo, and VuePress. So many interesting static site generators available in the markets. At the end, I decided to stick with Jekyll because it is the simplest one for me. I can easily enhance the site structure without learning new frameworks and languages. As a result, I could focus on renew the theme and drill deeper for Jekyll.

This time I selected a Bootstrap-based theme. It allows me to create the header, footer and sidebar with much nicer responsive web design. The new theme comes with a sticky navigation bar, which automatically hides after scrolling down and show back when you scroll up. You no longer need to scroll back to the top for the navigation.

Modern off-canvas menu

With the new theme, you can directly send me a message via the contact form. You can find the link from the nav-bar and footer.

Contact Form

The new homepage is still mainly for listing my projects. Nevertheless, you can find the featured posts below the hero section and the recent posts on the sidebar. Although the homepage requires to load a larger number of images, the page speed should keep fast. Webp format is used to compress the image sizes. I tried my best to optimize between the performance and your visual experience.

Featured posts on homepage
Recent Post list on sidebar

In addition, the website is AMP now that further enhance the page loading performance.


Hope you better enjoy this site. I’ll try to keep improving it to be better. Do you have any comments on the new theme? Feel free to leave a comment if you see anything the can be improved.

Chris F. Author of this blog, M.Phil.
Load more
Loading Disqus Comments...
Please enable JavaScript to view the comments powered by Disqus.