Today’s hack is about turning Friday Hacks’ boring static Github Pages website into a more dynamic blogging platform powered by Jekyll. In order to do that, I set to find a sample template that would fit the style and content of this site. The HPSTR theme by mmistakes was the perfect fit
Before
FridayHacks website, using static Github Pages
After
FridayHacks website, using HPSTR Jekyll theme
First, I had to fork the HPSTR repository, cloned it on my sandbox, and installed dependencies with
bundle install
Then, I modified certain files such as _config.yml and navigation.yml, and
I also did a bit of clean up (removed sample blog posts and unused pictures).
Now, every time I want to add a new post, I add it to the _posts folder with a .md
extension. Then, need to test it in localhost by changing url parameter
in the _config.yml file to serve in localhost instead of the fridayhacks.com url:
url: #http://fridayhacks.com
Then, I need to run the following commands:
bundle exec jekyll build
bundle exec jekyll serve
If all goes well, I uncomment the url in the _config.yml file and push it
directly to Github.