Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Jek Yell

    Încărcat de

    Nishad Dadhaniya
    15 vizualizări22 pagini
    Jek Yell

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    Jek Yell

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    15 vizualizări22 pagini

    Jek Yell

    Încărcat de

    Nishad Dadhaniya
    Jek Yell

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 22

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    1 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    By Barry Clark

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    2 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    3 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    4 of 22

    jekyll new

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    jekyll build

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    11 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    _config.yml

    _posts

    git clone git@github.com:yourusername/yourusername.github.io.git

    year-month-day-title.md

    _posts

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    12 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    gem install github-pages

    cd

    jekyll serve --watch


    http://0.0.0.0:4000

    jekyll build

    jekyll build

    /_sites/

    /_sites/

    /_sites/

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    14 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    --layout: default
    ---

    <article class="post">

    <h1>{{ page.title }}</h1>


    <div class="entry">
    {{ content }}
    </div>

    <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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    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

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    18 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    19 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    20 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    21 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    6/14/2016 11:55 PM

    Build A Blog With Jekyll And GitHub Pages Smashing Magazine

    22 of 22

    https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-p...

    6/14/2016 11:55 PM

    S-ar putea să vă placă și