Download to read offline
![alt text][image]](https://image.slidesharecdn.com/meisamsakijekyll-170118211724/75/Jekyll-11-2048.jpg)
Uploaded byجشنوارهٔ روز آزادی نرمافزار تهران
Jekyll
Jekyll is a static site generator that allows users to build static websites from dynamic content using templates, Markdown files, YAML configuration files and other features. It converts the content and templates into plain HTML files that can be hosted on any web server. Jekyll sites are fast, secure and can support plugins, themes and other functionality. To use Jekyll, the Ruby programming language needs to be installed along with the Jekyll gem, then content and templates can be organized into directories and files and converted into static HTML files via Jekyll commands.
More Related Content
More from جشنوارهٔ روز آزادی نرمافزار تهران
Jekyll
- 1. Jekyll linuxihaa.ir /dʒɛkəl/ or /dʒiːkəl/ MisamSaki SFD 1395
- 2. Dynamic site generator Code(Ex. PHP, ASP) CMS (Ex. Wordpress, Joomla) Theme & Plugin Database (Ex. MySQL, SQL Server) Compile by the request + Support other services (Ex. Comments) Static site generator Code (Ex. Ruby) Framework (Ex. Jekyll) Theme & Plugin Content (Ex. Markdown) Compile to HTML & Store + Any web server + Fast + No security vulnerabilities ? Discus, Facebook comments … 2 Dynamic/Static
- 3. Place your screenshothere 3 StaticGen www.staticgen.com
- 4. A simple, blog-aware,static site generator 4
- 5. Install Install ruby gem installjekyll New Site jekyll new linuxihaa cd linuxihaa jekyll serve New Site 5
- 6. Place your screenshothere 6 New Site (2) http://localhost:4000
- 7. index.html _config.yml (title, url,…) _layouts/ (Ex. default.hmtl, post.html) _post/ (Ex. 2016-09-25-hello-world.md) _includes/ (Ex. head.hml, footer.html) _plugins (.rb) _data (YAML, JSON, CSV) _sass (.scss) _drafts (.md) css, js,img, … Structure Ruby + Liquid + YAML 7
- 8.
- 9. --- layout: post title: HelloWorld date: 2016-09-25 20:42:18 categories: news tags: - test - other --- CONTENT Post 9
- 10. # Site settings title:Linuxihaa email: linuxihaa@gmail.com description: > # this means to ignore newlines until Write an awesome description… baseurl: /blog url: http://linuxihaa.ir twitter_username: linuxihaa github_username: linuxihaa # Build settings markdown: kramdown config 10
- 11. #H1 or ====== ##H2or ------ ###H3 **bold** or __bold__ *italic* or _italic_ ~~scratch~~ 1. First ordered list item 2. Another item Markdown 11 * Unordered list item * Another item [Linuxihaa](http://linuxihaa.ir) ![alt text][image]
- 12. `code` ```sh gem install jekyll ``` >Blockquotes Markdown (2) 12 Lines: ---, ***, ___ | Personal ID | Name | Family | | :---------: | :--- | -----: | | Centered |Right | Left| …
- 13.
- 14. default.html <!DOCTYPE html> <html> {% includehead.html %} <body> {% include header.html %} <div class="page-content"> <div class="wrapper"> {{ content }} </div> </div> {% include footer.html %} </body> </html> Liquid Templates 14
- 15. Filters {{ 'uppercase'| upcase}} Loops {% for post in posts %} {{ post.title }} {% endfor %} Liquid Templates (2) 15 Conditionals {% if variable_name %} variable_name exists {% else %} variable_name doesn't exist {% endif %}
- 16. Plugin ▸ LESS /SASS ▸ CoffeeScript ▸ Minification ▸ Emoticons ▸ Youtube / Tweet embedding ▸ Flicker galleries ▸ … 16
- 17. 17 Github Pages New repo:username.github.io http://username.github.io New branch: gh-pages http://username.github.io/repo
- 18. Place your screenshothere 18 Linuxihaa linuxihaa/linuxihaa.github.io @linuxiha 8K @linuxiha 2K
- 19.
- 20. 20 THANKS! Any questions? You canfind me at ▸ @misamplus ▸ misam.saki@ut.ac.ir