Last active
August 29, 2015 14:08
-
-
Save asl97/e536773ed60404c42c08 to your computer and use it in GitHub Desktop.
jekyll examples
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width initial-scale=1" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>Welcome to Jekyll!</title> | |
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description. | |
"> | |
<link rel="stylesheet" href="./main.css"> | |
<link rel="canonical" href="http://yourdomain.com/jekyll/update/2014/11/02/welcome-to-jekyll.html"> | |
</head> | |
<body> | |
<header class="site-header"> | |
<div class="wrapper"> | |
<a class="site-title" href="/">Your awesome title</a> | |
<nav class="site-nav"> | |
<a href="#" class="menu-icon"> | |
<svg viewBox="0 0 18 15"> | |
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/> | |
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/> | |
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/> | |
</svg> | |
</a> | |
<div class="trigger"> | |
<a class="page-link" href="/about/">About</a> | |
</div> | |
</nav> | |
</div> | |
</header> | |
<div class="page-content"> | |
<div class="wrapper"> | |
<div class="post"> | |
<header class="post-header"> | |
<h1 class="post-title">Welcome to Jekyll!</h1> | |
<p class="post-meta">Nov 2, 2014</p> | |
</header> | |
<article class="post-content"> | |
<p>You’ll find this post in your <code>_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code>jekyll serve --watch</code>, which launches a web server and auto-regenerates your site when a file is updated.</p> | |
<p>To add new posts, simply add a file in the <code>_posts</code> directory that follows the convention <code>YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p> | |
<p>Jekyll also offers powerful support for code snippets:</p> | |
<div class="highlight"><pre><table><tr><td>1 | |
2 | |
3 | |
4 | |
5 </td><td> <span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span> | |
<span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span> | |
<span class="k">end</span> | |
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span> | |
<span class="c1">#=> prints 'Hi, Tom' to STDOUT.</span></td></tr></table></pre></div> | |
<p>Check out the <a href="http://jekyllrb.com">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://github.com/jekyll/jekyll-help">Jekyll’s dedicated Help repository</a>.</p> | |
</article> | |
</div> | |
</div> | |
</div> | |
<footer class="site-footer"> | |
<div class="wrapper"> | |
<h2 class="footer-heading">Your awesome title</h2> | |
<div class="footer-col-wrapper"> | |
<div class="footer-col footer-col-1"> | |
<ul class="contact-list"> | |
<li>Your awesome title</li> | |
<li><a href="mailto:your-email@domain.com">your-email@domain.com</a></li> | |
</ul> | |
</div> | |
<div class="footer-col footer-col-2"> | |
<ul class="social-media-list"> | |
<li> | |
<a href="https://github.com/jekyll"> | |
<span class="icon icon--github"> | |
<svg viewBox="0 0 16 16"> | |
<path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/> | |
</svg> | |
</span> | |
<span class="username">jekyll</span> | |
</a> | |
</li> | |
<li> | |
<a href="https://twitter.com/jekyllrb"> | |
<span class="icon icon--twitter"> | |
<svg viewBox="0 0 16 16"> | |
<path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809 | |
c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/> | |
</svg> | |
</span> | |
<span class="username">jekyllrb</span> | |
</a> | |
</li> | |
</ul> | |
</div> | |
<div class="footer-col footer-col-3"> | |
<p class="text">Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description. | |
</p> | |
</div> | |
</div> | |
</div> | |
</footer> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width initial-scale=1" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>Welcome to Jekyll!</title> | |
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description. | |
"> | |
<link rel="stylesheet" href="./main.css"> | |
<link rel="canonical" href="http://yourdomain.com/jekyll/update/2014/11/02/welcome-to-jekyll.html"> | |
</head> | |
<body> | |
<header class="site-header"> | |
<div class="wrapper"> | |
<a class="site-title" href="/">Your awesome title</a> | |
<nav class="site-nav"> | |
<a href="#" class="menu-icon"> | |
<svg viewBox="0 0 18 15"> | |
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/> | |
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/> | |
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/> | |
</svg> | |
</a> | |
<div class="trigger"> | |
<a class="page-link" href="/about/">About</a> | |
</div> | |
</nav> | |
</div> | |
</header> | |
<div class="page-content"> | |
<div class="wrapper"> | |
<div class="post"> | |
<header class="post-header"> | |
<h1 class="post-title">Welcome to Jekyll!</h1> | |
<p class="post-meta">Nov 2, 2014</p> | |
</header> | |
<article class="post-content"> | |
<p>You’ll find this post in your <code>_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code>jekyll serve --watch</code>, which launches a web server and auto-regenerates your site when a file is updated.</p> | |
<p>To add new posts, simply add a file in the <code>_posts</code> directory that follows the convention <code>YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p> | |
<p>Jekyll also offers powerful support for code snippets:</p> | |
<div class="highlight"><table style="border-spacing: 0"><tbody><tr><td class="gutter gl" style="text-align: right"><pre class="lineno">1 | |
2 | |
3 | |
4 | |
5</pre></td><td class="code"><pre><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span> | |
<span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span> | |
<span class="k">end</span> | |
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span> | |
<span class="c1">#=> prints 'Hi, Tom' to STDOUT.</span><span class="w"> | |
</span></pre></td></tr></tbody></table></div> | |
<p>Check out the <a href="http://jekyllrb.com">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://github.com/jekyll/jekyll-help">Jekyll’s dedicated Help repository</a>.</p> | |
</article> | |
</div> | |
</div> | |
</div> | |
<footer class="site-footer"> | |
<div class="wrapper"> | |
<h2 class="footer-heading">Your awesome title</h2> | |
<div class="footer-col-wrapper"> | |
<div class="footer-col footer-col-1"> | |
<ul class="contact-list"> | |
<li>Your awesome title</li> | |
<li><a href="mailto:your-email@domain.com">your-email@domain.com</a></li> | |
</ul> | |
</div> | |
<div class="footer-col footer-col-2"> | |
<ul class="social-media-list"> | |
<li> | |
<a href="https://github.com/jekyll"> | |
<span class="icon icon--github"> | |
<svg viewBox="0 0 16 16"> | |
<path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/> | |
</svg> | |
</span> | |
<span class="username">jekyll</span> | |
</a> | |
</li> | |
<li> | |
<a href="https://twitter.com/jekyllrb"> | |
<span class="icon icon--twitter"> | |
<svg viewBox="0 0 16 16"> | |
<path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809 | |
c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/> | |
</svg> | |
</span> | |
<span class="username">jekyllrb</span> | |
</a> | |
</li> | |
</ul> | |
</div> | |
<div class="footer-col footer-col-3"> | |
<p class="text">Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description. | |
</p> | |
</div> | |
</div> | |
</div> | |
</footer> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Reset some basic elements | |
*/ | |
body, h1, h2, h3, h4, h5, h6, | |
p, blockquote, pre, hr, | |
dl, dd, ol, ul, figure { | |
margin: 0; | |
padding: 0; } | |
/** | |
* Basic styling | |
*/ | |
body { | |
font-family: Helvetica, Arial, sans-serif; | |
font-size: 16px; | |
line-height: 1.5; | |
font-weight: 300; | |
color: #111; | |
background-color: #fdfdfd; | |
-webkit-text-size-adjust: 100%; } | |
/** | |
* Set `margin-bottom` to maintain vertical rhythm | |
*/ | |
h1, h2, h3, h4, h5, h6, | |
p, blockquote, pre, | |
ul, ol, dl, figure, | |
.highlight { | |
margin-bottom: 15px; } | |
/** | |
* Images | |
*/ | |
img { | |
max-width: 100%; | |
vertical-align: middle; } | |
/** | |
* Figures | |
*/ | |
figure > img { | |
display: block; } | |
figcaption { | |
font-size: 14px; } | |
/** | |
* Lists | |
*/ | |
ul, ol { | |
margin-left: 30px; } | |
li > ul, | |
li > ol { | |
margin-bottom: 0; } | |
/** | |
* Headings | |
*/ | |
h1, h2, h3, h4, h5, h6 { | |
font-weight: 300; } | |
/** | |
* Links | |
*/ | |
a { | |
color: #2a7ae2; | |
text-decoration: none; } | |
a:visited { | |
color: #1756a9; } | |
a:hover { | |
color: #111; | |
text-decoration: underline; } | |
/** | |
* Blockquotes | |
*/ | |
blockquote { | |
color: #828282; | |
border-left: 4px solid #e8e8e8; | |
padding-left: 15px; | |
font-size: 18px; | |
letter-spacing: -1px; | |
font-style: italic; } | |
blockquote > :last-child { | |
margin-bottom: 0; } | |
/** | |
* Code formatting | |
*/ | |
pre, | |
code { | |
font-size: 15px; | |
border: 1px solid #e8e8e8; | |
border-radius: 3px; | |
background-color: #eef; } | |
code { | |
padding: 1px 5px; } | |
pre { | |
padding: 8px 12px; | |
overflow-x: scroll; } | |
pre > code { | |
border: 0; | |
padding-right: 0; | |
padding-left: 0; } | |
/** | |
* Wrapper | |
*/ | |
.wrapper { | |
max-width: -webkit-calc(800px - (30px * 2)); | |
max-width: calc(800px - (30px * 2)); | |
margin-right: auto; | |
margin-left: auto; | |
padding-right: 30px; | |
padding-left: 30px; } | |
@media screen and (max-width: 800px) { | |
.wrapper { | |
max-width: -webkit-calc(800px - (30px)); | |
max-width: calc(800px - (30px)); | |
padding-right: 15px; | |
padding-left: 15px; } } | |
/** | |
* Clearfix | |
*/ | |
.wrapper:after, .footer-col-wrapper:after { | |
content: ""; | |
display: table; | |
clear: both; } | |
/** | |
* Icons | |
*/ | |
.icon > svg { | |
display: inline-block; | |
width: 16px; | |
height: 16px; | |
vertical-align: middle; } | |
.icon > svg path { | |
fill: #828282; } | |
/** | |
* Site header | |
*/ | |
.site-header { | |
border-top: 5px solid #424242; | |
border-bottom: 1px solid #e8e8e8; | |
min-height: 56px; | |
position: relative; } | |
.site-title { | |
font-size: 26px; | |
line-height: 56px; | |
letter-spacing: -1px; | |
margin-bottom: 0; | |
float: left; } | |
.site-title, .site-title:visited { | |
color: #424242; } | |
.site-nav { | |
float: right; | |
line-height: 56px; } | |
.site-nav .menu-icon { | |
display: none; } | |
.site-nav .page-link { | |
color: #111; | |
line-height: 1.5; } | |
.site-nav .page-link:not(:first-child) { | |
margin-left: 20px; } | |
@media screen and (max-width: 600px) { | |
.site-nav { | |
position: absolute; | |
top: 9px; | |
right: 30px; | |
background-color: #fdfdfd; | |
border: 1px solid #e8e8e8; | |
border-radius: 5px; | |
text-align: right; } | |
.site-nav .menu-icon { | |
display: block; | |
float: right; | |
width: 36px; | |
height: 26px; | |
line-height: 0; | |
padding-top: 10px; | |
text-align: center; } | |
.site-nav .menu-icon > svg { | |
width: 18px; | |
height: 15px; } | |
.site-nav .menu-icon > svg path { | |
fill: #424242; } | |
.site-nav .trigger { | |
clear: both; | |
display: none; } | |
.site-nav:hover .trigger { | |
display: block; | |
padding-bottom: 5px; } | |
.site-nav .page-link { | |
display: block; | |
padding: 5px 10px; } } | |
/** | |
* Site footer | |
*/ | |
.site-footer { | |
border-top: 1px solid #e8e8e8; | |
padding: 30px 0; } | |
.footer-heading { | |
font-size: 18px; | |
margin-bottom: 15px; } | |
.contact-list, | |
.social-media-list { | |
list-style: none; | |
margin-left: 0; } | |
.footer-col-wrapper { | |
font-size: 15px; | |
color: #828282; | |
margin-left: -15px; } | |
.footer-col { | |
float: left; | |
margin-bottom: 15px; | |
padding-left: 15px; } | |
.footer-col-1 { | |
width: -webkit-calc(35% - (30px / 2)); | |
width: calc(35% - (30px / 2)); } | |
.footer-col-2 { | |
width: -webkit-calc(20% - (30px / 2)); | |
width: calc(20% - (30px / 2)); } | |
.footer-col-3 { | |
width: -webkit-calc(45% - (30px / 2)); | |
width: calc(45% - (30px / 2)); } | |
@media screen and (max-width: 800px) { | |
.footer-col-1, | |
.footer-col-2 { | |
width: -webkit-calc(50% - (30px / 2)); | |
width: calc(50% - (30px / 2)); } | |
.footer-col-3 { | |
width: -webkit-calc(100% - (30px / 2)); | |
width: calc(100% - (30px / 2)); } } | |
@media screen and (max-width: 600px) { | |
.footer-col { | |
float: none; | |
width: -webkit-calc(100% - (30px / 2)); | |
width: calc(100% - (30px / 2)); } } | |
/** | |
* Page content | |
*/ | |
.page-content { | |
padding: 30px 0; } | |
.page-heading { | |
font-size: 20px; } | |
.post-list { | |
margin-left: 0; | |
list-style: none; } | |
.post-list > li { | |
margin-bottom: 30px; } | |
.post-meta { | |
font-size: 14px; | |
color: #828282; } | |
.post-link { | |
display: block; | |
font-size: 24px; } | |
/** | |
* Posts | |
*/ | |
.post-header { | |
margin-bottom: 30px; } | |
.post-title { | |
font-size: 42px; | |
letter-spacing: -1px; | |
line-height: 1; } | |
@media screen and (max-width: 800px) { | |
.post-title { | |
font-size: 36px; } } | |
.post-content { | |
margin-bottom: 30px; } | |
.post-content h2 { | |
font-size: 32px; } | |
@media screen and (max-width: 800px) { | |
.post-content h2 { | |
font-size: 28px; } } | |
.post-content h3 { | |
font-size: 26px; } | |
@media screen and (max-width: 800px) { | |
.post-content h3 { | |
font-size: 22px; } } | |
.post-content h4 { | |
font-size: 20px; } | |
@media screen and (max-width: 800px) { | |
.post-content h4 { | |
font-size: 18px; } } | |
/** | |
* Syntax highlighting styles | |
*/ | |
.highlight { | |
background: #fff; } | |
.highlight .c { | |
color: #998; | |
font-style: italic; } | |
.highlight .err { | |
color: #a61717; | |
background-color: #e3d2d2; } | |
.highlight .k { | |
font-weight: bold; } | |
.highlight .o { | |
font-weight: bold; } | |
.highlight .cm { | |
color: #998; | |
font-style: italic; } | |
.highlight .cp { | |
color: #999; | |
font-weight: bold; } | |
.highlight .c1 { | |
color: #998; | |
font-style: italic; } | |
.highlight .cs { | |
color: #999; | |
font-weight: bold; | |
font-style: italic; } | |
.highlight .gd { | |
color: #000; | |
background-color: #fdd; } | |
.highlight .gd .x { | |
color: #000; | |
background-color: #faa; } | |
.highlight .ge { | |
font-style: italic; } | |
.highlight .gr { | |
color: #a00; } | |
.highlight .gh { | |
color: #999; } | |
.highlight .gi { | |
color: #000; | |
background-color: #dfd; } | |
.highlight .gi .x { | |
color: #000; | |
background-color: #afa; } | |
.highlight .go { | |
color: #888; } | |
.highlight .gp { | |
color: #555; } | |
.highlight .gs { | |
font-weight: bold; } | |
.highlight .gu { | |
color: #aaa; } | |
.highlight .gt { | |
color: #a00; } | |
.highlight .kc { | |
font-weight: bold; } | |
.highlight .kd { | |
font-weight: bold; } | |
.highlight .kp { | |
font-weight: bold; } | |
.highlight .kr { | |
font-weight: bold; } | |
.highlight .kt { | |
color: #458; | |
font-weight: bold; } | |
.highlight .m { | |
color: #099; } | |
.highlight .s { | |
color: #d14; } | |
.highlight .na { | |
color: #008080; } | |
.highlight .nb { | |
color: #0086B3; } | |
.highlight .nc { | |
color: #458; | |
font-weight: bold; } | |
.highlight .no { | |
color: #008080; } | |
.highlight .ni { | |
color: #800080; } | |
.highlight .ne { | |
color: #900; | |
font-weight: bold; } | |
.highlight .nf { | |
color: #900; | |
font-weight: bold; } | |
.highlight .nn { | |
color: #555; } | |
.highlight .nt { | |
color: #000080; } | |
.highlight .nv { | |
color: #008080; } | |
.highlight .ow { | |
font-weight: bold; } | |
.highlight .w { | |
color: #bbb; } | |
.highlight .mf { | |
color: #099; } | |
.highlight .mh { | |
color: #099; } | |
.highlight .mi { | |
color: #099; } | |
.highlight .mo { | |
color: #099; } | |
.highlight .sb { | |
color: #d14; } | |
.highlight .sc { | |
color: #d14; } | |
.highlight .sd { | |
color: #d14; } | |
.highlight .s2 { | |
color: #d14; } | |
.highlight .se { | |
color: #d14; } | |
.highlight .sh { | |
color: #d14; } | |
.highlight .si { | |
color: #d14; } | |
.highlight .sx { | |
color: #d14; } | |
.highlight .sr { | |
color: #009926; } | |
.highlight .s1 { | |
color: #d14; } | |
.highlight .ss { | |
color: #990073; } | |
.highlight .bp { | |
color: #999; } | |
.highlight .vc { | |
color: #008080; } | |
.highlight .vg { | |
color: #008080; } | |
.highlight .vi { | |
color: #008080; } | |
.highlight .il { | |
color: #099; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width initial-scale=1" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>Welcome to Jekyll!</title> | |
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description. | |
"> | |
<link rel="stylesheet" href="./main.css"> | |
<link rel="canonical" href="http://yourdomain.com/jekyll/update/2014/11/02/welcome-to-jekyll.html"> | |
</head> | |
<body> | |
<header class="site-header"> | |
<div class="wrapper"> | |
<a class="site-title" href="/">Your awesome title</a> | |
<nav class="site-nav"> | |
<a href="#" class="menu-icon"> | |
<svg viewBox="0 0 18 15"> | |
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/> | |
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/> | |
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/> | |
</svg> | |
</a> | |
<div class="trigger"> | |
<a class="page-link" href="/about/">About</a> | |
</div> | |
</nav> | |
</div> | |
</header> | |
<div class="page-content"> | |
<div class="wrapper"> | |
<div class="post"> | |
<header class="post-header"> | |
<h1 class="post-title">Welcome to Jekyll!</h1> | |
<p class="post-meta">Nov 2, 2014</p> | |
</header> | |
<article class="post-content"> | |
<p>You’ll find this post in your <code>_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code>jekyll serve --watch</code>, which launches a web server and auto-regenerates your site when a file is updated.</p> | |
<p>To add new posts, simply add a file in the <code>_posts</code> directory that follows the convention <code>YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p> | |
<p>Jekyll also offers powerful support for code snippets:</p> | |
<div class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="lineno">1</span> <span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span> | |
<span class="lineno">2</span> <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span> | |
<span class="lineno">3</span> <span class="k">end</span> | |
<span class="lineno">4</span> <span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span> | |
<span class="lineno">5</span> <span class="c1">#=> prints 'Hi, Tom' to STDOUT.</span></code></pre></div> | |
<p>Check out the <a href="http://jekyllrb.com">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://github.com/jekyll/jekyll-help">Jekyll’s dedicated Help repository</a>.</p> | |
</article> | |
</div> | |
</div> | |
</div> | |
<footer class="site-footer"> | |
<div class="wrapper"> | |
<h2 class="footer-heading">Your awesome title</h2> | |
<div class="footer-col-wrapper"> | |
<div class="footer-col footer-col-1"> | |
<ul class="contact-list"> | |
<li>Your awesome title</li> | |
<li><a href="mailto:your-email@domain.com">your-email@domain.com</a></li> | |
</ul> | |
</div> | |
<div class="footer-col footer-col-2"> | |
<ul class="social-media-list"> | |
<li> | |
<a href="https://github.com/jekyll"> | |
<span class="icon icon--github"> | |
<svg viewBox="0 0 16 16"> | |
<path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/> | |
</svg> | |
</span> | |
<span class="username">jekyll</span> | |
</a> | |
</li> | |
<li> | |
<a href="https://twitter.com/jekyllrb"> | |
<span class="icon icon--twitter"> | |
<svg viewBox="0 0 16 16"> | |
<path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809 | |
c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width initial-scale=1" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>Welcome to Jekyll!</title> | |
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description. | |
"> | |
<link rel="stylesheet" href="./main.css"> | |
<link rel="canonical" href="http://yourdomain.com/jekyll/update/2014/11/02/welcome-to-jekyll.html"> | |
</head> | |
<body> | |
<header class="site-header"> | |
<div class="wrapper"> | |
<a class="site-title" href="/">Your awesome title</a> | |
<nav class="site-nav"> | |
<a href="#" class="menu-icon"> | |
<svg viewBox="0 0 18 15"> | |
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/> | |
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/> | |
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/> | |
</svg> | |
</a> | |
<div class="trigger"> | |
<a class="page-link" href="/about/">About</a> | |
</div> | |
</nav> | |
</div> | |
</header> | |
<div class="page-content"> | |
<div class="wrapper"> | |
<div class="post"> | |
<header class="post-header"> | |
<h1 class="post-title">Welcome to Jekyll!</h1> | |
<p class="post-meta">Nov 2, 2014</p> | |
</header> | |
<article class="post-content"> | |
<p>You’ll find this post in your <code>_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code>jekyll serve --watch</code>, which launches a web server and auto-regenerates your site when a file is updated.</p> | |
<p>To add new posts, simply add a file in the <code>_posts</code> directory that follows the convention <code>YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p> | |
<p>Jekyll also offers powerful support for code snippets:</p> | |
<div class="highlight"><pre><code class="language-ruby" data-lang="ruby"><table style="border-spacing: 0"><tbody><tr><td class="gutter gl" style="text-align: right"><pre class="lineno">1 | |
2 | |
3 | |
4 | |
5</pre></td><td class="code"><pre><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span> | |
<span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span> | |
<span class="k">end</span> | |
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span> | |
<span class="c1">#=> prints 'Hi, Tom' to STDOUT.</span><span class="w"> | |
</span></pre></td></tr></tbody></table> | |
Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll’s dedicated Help repository][jekyll-help]. | |
[jekyll]: http://jekyllrb.com | |
[jekyll-gh]: https://github.com/jekyll/jekyll | |
[jekyll-help]: https://github.com/jekyll/jekyll-help | |
</code></pre></div> | |
</article> | |
</div> | |
</div> | |
</div> | |
<footer class="site-footer"> | |
<div class="wrapper"> | |
<h2 class="footer-heading">Your awesome title</h2> | |
<div class="footer-col-wrapper"> | |
<div class="footer-col footer-col-1"> | |
<ul class="contact-list"> | |
<li>Your awesome title</li> | |
<li><a href="mailto:your-email@domain.com">your-email@domain.com</a></li> | |
</ul> | |
</div> | |
<div class="footer-col footer-col-2"> | |
<ul class="social-media-list"> | |
<li> | |
<a href="https://github.com/jekyll"> | |
<span class="icon icon--github"> | |
<svg viewBox="0 0 16 16"> | |
<path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment