Jekyll For Everyone
Jekyll For Everyone is a package that is designed for everyone. The package contains three major components: homepage, CV, and Gitbook. The index page is a strip down version of Jekyll Uno while the CV a modification of Online CV. However, Legacy Gitbook (v3.2.3) is used instead of modern Gitbook (v4+). The main reason of using it is due to the fact that users can own their source code and edit them locally instead of doing it on the cloud.
This package is very user friendly for non-programmer as I reorganized all the files and have all the variables written in several data files. This make it them to edit without needing to go into the actual code.
Big thanks to the theme creator as it this project would not be possible without their hard work! You are always welcome to contribute to this repository to make it better!
Story Behind The Project
The main purpose of this project is to allow everyone especially for non-programmer to own a website and platform to share their expertise without needing to worry about the cost of owning and maintaining their website. I heard from a lot of readers mentioning that they are in love with the simplicity of my website especially and would love to one one. They only reason that stops them from doing it is they do not have any programming experience and not a tech savvy. With that, this motivates me to write a complete tutorial on how to get started with Jekyll.
Also, as a fresh graduate, I see the importance of owning a personal website when it comes to job hunting. If you love this project and would like to support it, spread the message and keep the footer as in.
- My Personal Website
- Jekyll For Everyone Sample Website
Note: The content in
jekyll-for-everyone is for illustration purpose only. It may not contain accurate information.
- Title Line
- Secondary Information Line
- Links to social pages
- Links to other pages
- Summary or Background
- Individual Projects
- Group Projects
- Skill & Proficiency
- Related Courses
- Honors & Awards
- Social Link
- Volunteer Experiences
- Sample Gitbook
If you do not know what you are doing
- Refer to my guide. It contains single instructions that you need to follow to get started.
If you know what you are doing or somewhat know what to do
- For first time user, you have to install Ruby and Rails. If you do not have Ruby installed, you may follow this tutorial that I wrote for Windows, Linux, and MacOS (installation videos are included).
- Install Jekyll by using the command
gem install jekyll.
- Then, install Jekyll Sitemap and Jekyll SEO gems by using the command
gem install jekyll-sitemapand
gem install wdm.
- Start your localhost server by using the command
jekyll serve. Make sure that you are at the root directory of your folder before using this command.
- Your site should be accessible at
- For additional information about Jekyll, refer to the official website.
- For first time user, you have to Gitbook modules by using the command
npm install gitbook-cli -g.
- Navigate to the root directory of the gitbook,
gitbook_source_codeand start the gitbook server using the command
- If there are missing some packages for gitbook, use the command
- Your site should be accessible at
- For additional information about Gitbook, refer to the official website.
How To Use
- The background picture for index page, named as
background-cover.jpgcan be found and replaced at
- The profile picture for index page and cv page, named as
profile.pngcan be found and replaced at
- All the data that shown in the index page are stored in
/_data/index_page.yml. Replace all the content in the files.
- All the data that shown in the cv are stored in
/_data/cv_NAME.yml. Replace all the content in the files.
- If you would like to remove a specific section in the cv, change the variable from
falsefor the variable in
- If you are not going to use the Gitbook feature, remove the
- The source code is stored at
- The content of generated book is coped from
- If you would like to replace the website icon, you can use this website to create one and replace the downloaded icon at
- Update the variable in
/_config.yml. Remember to replace the
urlvariable with your actual URL.
- If you would like to use Google Analytics, add your tracking number to
As a reminder, if you love this project and would like to support it, spread the message and keep the footer as in.