Jekyll seems to be another tool like Angular or Vue.js for generating static webpages! However, unlike the others, it appears be to simpler with virtually no learning curve. Of course, it is also possible that the starting phase is easy, but you might need to learn a lot to handle complex requirements, or Jekyll may offer fewer capabilities compared to those comprehensive JavaScript frameworks. But as long as your requirements are simple, Jekyll might be all you need. Jekyll is “Blog-aware”, allowing you to add new blog posts in your static webpage by simply adding a file in the _posts directory that follows the convention YYYY-MM-DD-name-of-post.md and includes the necessary front matter. Jekyll supports Markdown(text-to-HTML conversion tool), Liquid(template engine), HTML & CSS for the blog post.
As a part of markdown notation, Jekyll offers support for code snippets:
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
or
var a = 1;
var b = 2;
function sum (num1,num2){
return num1+num2;
}
var result = sum(a,b);
It also supports \(LaTex\), example: \(2n^{2}+\Theta(n)=\Theta(n^{2})\)
You can add quote:
Ever tried. Ever failed. No matter. Try again. Fail again. Fail better. Samuel Beckett
and tables
| A | Table |
|---|---|
| With | Title |
| and | Text :) |
Here is the source code for the table above. Empty images were added to set the column width; unfortunately, this is the simplest method available:
| A | Table |
| :---------: | :--------------: |
|<img width=100/>|<img width=300/>|
| With | Title |
| and | Text :) |
Once you are done with installing Jekyll, you can use below command to start a new website using default theme
jekyll new myNewSite/
Or, you can look for a theme online to use it as the base of your website. Once you have your project ready, you can use the following command to see your website in the web browser. The --livereload option allows you to modify the project and see the changes immediately in the browser.
bundle exec jekyll serve --livereload
Once you are done with all the changes and ready to publish your static website, use the below command to build the static pages.
bundle exec jekyll build
You will find the built files in the destination directory configured in the _config.yml file.
Share this on →