This project contians the code to build my personal page. You can see it in action on the link: https://andresbecker.github.io.
This static web page is created using Jekyll and the Creative Theme from Start Bootstrap. You can see the original template live in action at https://volny.github.io/creative-theme-jekyll/.
As it is mentioned above, this is a static page. This means that all the HTML code needs to be built beforehand in order to be displayed properly on the web browser. But don't worry, GitHub will build the code for you every time you push. Nevertheless, pushing every 5 mins (and cleanning the web browser cache) to see your page, does not sound like a good plan to develop a web page. Instead, you can install Jekyll to build and publish your page directly in your computer. On Ubuntu 22 you can do the follow:
# Clone repo
git clone https://github.com/andresbecker/andresbecker.github.io.git
# Rename the repo with your own domain
mv andresbecker.github.io <my_domain>.github.io
cd <my_domain>.github.io
# Install rubygems and its dependencies
sudo apt install ruby-rubygems ruby-dev
# Install jekyll and its dependencies
sudo gem install bundler jekyll
# Install ruby gems (modules)
sudo bundle install
# Build page code (inside _site directory) and make it available
bundle exec jekyll serve
# => Now browse to http://localhost:4000 to see your page!
After getting a local copy of the page, you can now start modifying it:
-
Adapt the page to your needs. There are many places that you need to modify in order to fully customize this page. However, some good places to star are the follow:
- Personal information:
_config.yml
andabout.md
- Modify the structure of the page (reorder or remove section):
_layouts/front.html
- Personal information:
-
Every time you save a change the static page hosted by bundle should regenerate by itself. However if this is not the case, stop the current bundle server and start it again (last command from the Jekyll installation instructions)
-
Go Online! If yor page is ready, push it and follow the instructions on https://pages.github.com/ to publish your page.