Setup blog

Author: jamiebuilds

_config.yml

@@ -13,6 +13,10 @@ github_username:  yarnpkg
 
 exclude:
   - README.md
+  - crowdin.yaml
+  - Gemfile
+  - Gemfile.lock
+  - Makefile
 
 gems:
   - jekyll-redirect-from
@@ -37,3 +41,7 @@ sass:
 
 redcarpet:
   extensions: [with_toc_data]
+
+# Blog Settings
+permalink: /blog/:year/:month/:day/:title
+paginate: 1

_data/i18n/en.yml

@@ -96,3 +96,4 @@ docs_cli_team: yarn team
 docs_cli_uninstall: yarn uninstall
 docs_cli_upgrade: yarn upgrade
 docs_cli_why: yarn why
+blog: Blog

_includes/footer.html

@@ -1,3 +1,5 @@
+<hr class="feature-divider">
+
 <div class="container">
   <footer>
     <p>

_layouts/page.html

@@ -6,7 +6,11 @@
 
 <div class="hero">
   <div class="container">
-    <h1 class="hero-text display-4">{{i18n[page.id]}}</h1>
+    {% if page.layout == "post" %}
+      <h1 class="hero-text display-4">{{page.title}}</h1>
+    {% else %}
+      <h1 class="hero-text display-4">{{i18n[page.id]}}</h1>
+    {% endif %}
   </div>
 </div>
 

_layouts/pages/homepage.html

@@ -123,5 +123,3 @@ <h2>{{i18n.homepage_featurette_misc_title}}</h2>
     </div>
   </div>
 </div>
-
-<hr class="feature-divider">

_layouts/post.html

@@ -0,0 +1,19 @@
+---
+layout: page
+---
+
+<p class="text-muted">
+  Posted {{page.date | date: "%b %-d, %Y"}} by
+  {% if page.author_url %}
+    <a href="{{page.author_url}}">{{page.author}}</a>
+  {% else %}
+    {{page.author}}
+  {% endif %}
+  {% if page.meta %} · {{page.meta}}{% endif %}
+</p>
+
+<div class="row">
+  <div class="col-md-8">
+    {{content}}
+  </div>
+</div>

_posts/2015-10-03-introducing-yarn.md

@@ -0,0 +1,37 @@
+---
+layout     : post
+title      : "Introducing Yarn"
+author     : James Kyle
+author_url : "https://twitter.com/thejameskyle"
+date       : 2015-10-03 10:00:00
+categories : announcements
+share_text : "Introducing Yarn: The fast and reliable package manager for JavaScript."
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+culpa qui officia deserunt mollit anim id est laborum.

blog.html

@@ -0,0 +1,17 @@
+---
+id: blog
+layout: page
+permalink: /blog/
+---
+
+<div class="blog">
+  {% for post in site.posts %}
+    <div class="blog-post">
+      <h2><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h2>
+
+      <p class="small text-muted">Posted {{ post.date | date: "%b %-d, %Y" }} by {{ post.author }}{% if post.meta %} · {{ post.meta }}{% endif %}</p>
+
+      <p class="blog-excerpt">{{ post.excerpt | remove: '<p>' | remove: '</p>' }}</p>
+    </div>
+  {% endfor %}
+</div>