Skip to content

Instantly share code, notes, and snippets.

@tokkonopapa
Created December 29, 2011 05:35
Show Gist options
  • Save tokkonopapa/1532144 to your computer and use it in GitHub Desktop.
Save tokkonopapa/1532144 to your computer and use it in GitHub Desktop.
Initializr2をjekyllで構成する
.
├─ _includes
│ ├─ head.html
│ ├─ header.html
│ ├─ aside.html
│ ├─ footer.html
│ └─ script.html
├─ _layouts
│ ├─ default.html
│ └─ page.html
├─ css
│ └─ style.css
├─ js
│ ├─ libs
│ │ └─ modernizr-2.0.6.min.js
│ └─ script.js
├─ index.md
├─ demo.html
└─ documents.md
# ----------------------- #
# Main Configs #
# ----------------------- #
url: http://username.github.com/
title: サイトのタイトル
author: username
# ----------------------- #
# 3rd Party Settings #
# ----------------------- #
# Google Analytics
google_analytics_tracking_id: UA-XXXXXXXX-X
<aside>
<h3>aside</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices.</p>
</aside>
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="ja"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="ja"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="ja"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="ja"> <!--<![endif]-->
{% include head.html %}
<body>
{% include header.html %}
<div id="main-container">
<div id="main" class="wrapper clearfix">
<article>
{{ content }}
</article>
{% include aside.html %}
</div> <!-- #main -->
</div> <!-- #main-container -->
{% include footer.html %}
{% include script.html %}
</body>
</html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{{ page.title }}</title>
<meta name="description" content="{{ page.description }}">
<meta name="author" content="{{ site.author }}">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<div id="header-container">
<header class="wrapper clearfix">
<h1 id="title"><a href="{{ site.url }}">{{ site.title }}</a></h1>
<nav>
<ul>
<li><a href="{{ site.url }}">Home</a></li>
<li><a href="{{ site.url }}demo.html">Demo</a></li>
<li><a href="{{ site.url }}documents.html">Documents</a></li>
</ul>
</nav>
</header>
</div>
layout title
default
サンプル・ページ

article header h1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.

article section h2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

article section h2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

article footer h3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<script src="js/script.js"></script>
<script>
var _gaq=[['_setAccount','{{ site.google_analytics_tracking_id }}'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]-->
@tokkonopapa
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment