Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
1 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
By Barry Clark
6/14/2016 11:55 PM
2 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
6/14/2016 11:55 PM
3 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
6/14/2016 11:55 PM
4 of 22
jekyll new
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
jekyll build
6/14/2016 11:55 PM
5 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
http://yourusername.github.io
yourusername.github.io
yourusername
6/14/2016 11:55 PM
6 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
http://yourusername.github.io
master
gh-pages
http://yourname.github.io/repository-name
6/14/2016 11:55 PM
7 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
_config.yml
_config.yml
http://yourusername.github.io
_config.yml
username.github.io
6/14/2016 11:55 PM
8 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
_config.yml
jekyll build
gh-pages
/_posts/2014-3-3-Hello-World.md
year-month-day-title.md
6/14/2016 11:55 PM
9 of 22
permalink
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
tags
category
/_posts/
www.yourdomainname.com
6/14/2016 11:55 PM
10 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
CNAME
www.yourdomainname.com
300
yourusername.github.io
/images
6/14/2016 11:55 PM
11 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
_config.yml
_posts
year-month-day-title.md
_posts
6/14/2016 11:55 PM
12 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
cd
jekyll build
jekyll build
/_sites/
/_sites/
/_sites/
6/14/2016 11:55 PM
13 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
/Users/barryclark/Code/jekyll-now
CNAME # Contains your custom domain name (optional)
_config.yml # Jekyll's configuration flags
_includes # Snippets of code that can be used throughout your templates
analytics.html
disqus.html
_layouts
default.html # The main template. Includes <head>, <navigation>, <footer>, etc
page.html # Static page layout
post.html # Blog post layout
_posts # All posts go in this directory!
2014-3-3-Hello-World.md
_site # After Jekyll builds the website, it puts the static HTML output here. This is what's
CNAME
LICENSE
about.html
feed.xml
index.html
sitemap.xml
style.css
about.md # A static "About" page that I created.
feed.xml # Powers the RSS feed
images # All of my images are stored here.
first-post.jpg
index.html # Home page layout
scss # The Sass style sheets for my website
_highlights.scss
_reset.scss
_variables.scss
style.scss
sitemap.xml # Site map for the website
title
date
tags
/_layouts/post.html
6/14/2016 11:55 PM
14 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
--layout: default
---
<article class="post">
<div class="date">
Written on {{ page.date | date: "%B %e, %Y" }}
</div>
<div class="comments">
{% include disqus.html disqus_identifier=page.disqus_identifier %}
</div>
</article>
default.html
{{ page.title }}
{{ content }}
/_includes/disqus.html
_config.yml
_config.yml
6/14/2016 11:55 PM
15 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
_config.yml
# Includes an icon in the footer for each user name you enter
footer-links:
github: barryclark
twitter: baznyc
/_layouts/default.html
<footer class="footer">
{% if site.footer-links.github %}<a href="http://github.com/{{ site.footer-links.github }}
{% if site.footer-links.twitter %}<a href="http://twitter.com/{{ site.footer-links.twitter }}
</footer>
http://twitter.com/{{ site.footer-
links.twitter }}
_config.yml
jekyll serve
post.html
jekyll serve
post.html
page.html
.html
_config.yml
page.html
.md
6/14/2016 11:55 PM
16 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
about.md
www.mysite.com/about
/images/
/images/
![Image description](/images/my-image.jpg)
.sass
.scss
.sass
.scss
.coffee
.css
.coffee
6/14/2016 11:55 PM
17 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
----$color-coffee: #644C37;
@imports
_config.yml
sass:
sass_dir: _scss
sass:
sass_dir: _scss
style: :compressed
/_data/
_config.yml
/_data/
6/14/2016 11:55 PM
18 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
6/14/2016 11:55 PM
19 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
6/14/2016 11:55 PM
20 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
6/14/2016 11:55 PM
21 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
6/14/2016 11:55 PM
22 of 22
https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...
6/14/2016 11:55 PM