main commit

manthan787 · Nov 16, 2015 · 572bbce · 572bbce
1 parent e35d259
commit 572bbce
Show file tree

Hide file tree

Showing 19 changed files with 691 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+_site
+.sass-cache
+.jekyll-metadata
diff --git a/404.md b/404.md
@@ -0,0 +1,8 @@
+---
+layout:    page
+permalink: 404.html
+---
+
+# 404
+
+Sorry, the page does not exist.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,15 @@
+# Site settings
+title: slim
+baseurl: "/slim"
+url: "http://syaningv.com"
+
+# Build settings
+markdown: redcarpet
+redcarpet:
+  extensions: ['smart', 'tables', 'with_toc_data']
+permalink: pretty
+
+# Third-party services
+# If you donot want to use anyone, just leave it empty
+google_analytics: 
+disqus_shortname: 
diff --git a/_includes/dq.html b/_includes/dq.html
@@ -0,0 +1,12 @@
+{% if site.disqus_shortname %}
+  <div id="disqus_thread"></div>
+  <script type="text/javascript">
+    var disqus_shortname  = '{{ site.disqus_shortname }}';
+    var disqus_identifier = '{{ page.id }}';
+    (function() {
+      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+    })();
+  </script>
+{% endif %}
diff --git a/_includes/ga.html b/_includes/ga.html
@@ -0,0 +1,10 @@
+{% if site.google_analytics %}
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('send', 'pageview');
+</script>
+{% endif %}
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,9 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{% if page.title %}{{ " - " | prepend: page.title }}{% endif %}{{ site.title }}</title>
+  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+</head>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+  <body>
+    <header class="site-header">
+      <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
+    </header>
+    <div class="page-content">
+      {{ content }}
+    </div>
+    {% include ga.html %}
+  </body>
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,11 @@
+---
+layout: default
+---
+<article class="post">
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+  </header>
+  <div class="post-content">
+    {{ content }}
+  </div>
+</article>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,13 @@
+---
+layout: default
+---
+<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
+  <header class="post-header">
+    <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
+    <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
+  </header>
+  <div class="post-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+  {% include dq.html %}
+</article>
diff --git a/_posts/2015-11-15-welcome-to-jekyll.md b/_posts/2015-11-15-welcome-to-jekyll.md
@@ -0,0 +1,24 @@
+---
+layout: post
+title:  "Welcome to Jekyll!"
+date:   2015-11-15 19:02:34 +0800
+---
+You’ll find this post in your `_posts` 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 `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
+
+To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
+
+Jekyll also offers powerful support for code snippets:
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
+Check out the [Jekyll docs][jekyll-docs] 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 Talk][jekyll-talk].
+
+[jekyll-docs]: http://jekyllrb.com/docs/home
+[jekyll-gh]:   https://github.com/jekyll/jekyll
+[jekyll-talk]: https://talk.jekyllrb.com/
diff --git a/_posts/2015-11-16-styles-for-slim.md b/_posts/2015-11-16-styles-for-slim.md
@@ -0,0 +1,66 @@
+---
+layout: post
+title:  Styles for slim
+date:   2015-11-16  00:00:00
+---
+
+slim is a simple and beautiful jekyll theme, it has only the essential functions
+so that you can concentrate on the content of your blog.
+
+Now, let's have a glance at the basic styles: [link](http://github.com/syaning/vida),
+**strong**, *italic*, <del>deletion</del>, <ins>insertion</ins>.
+
+<hr>
+
+# Header 1
+## Header 2
+### Header 3
+#### Header 4
+##### Header 5
+###### Header 6
+
+- list item 1
+- list item 2
+- list item 3
+
+1. list item 1
+2. list item 2
+3. list item 3
+
+> 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.
+
+![]({{site.baseurl}}/images/image.png)
+
+<table>
+    <thead>
+        <tr>
+            <th>Name</th>
+            <th>Age</th>
+            <th>Fruit</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td>Alex</td>
+            <td>22</td>
+            <td>Apple</td>
+        </tr>
+        <tr>
+            <td>Bran</td>
+            <td>20</td>
+            <td>Orange</td>
+        </tr>
+        <tr>
+            <td>Mike</td>
+            <td>21</td>
+            <td>Waltermelon</td>
+        </tr>
+    </tbody>
+</table>
+
+```javascript
+// index.js
+var arr = [1, 2, 3, 4, 5];
+var b = arr.map(x => x * x);
+console.log(b);
+```
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -0,0 +1,192 @@
+/**
+ * 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: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+    color: $text-color;
+    background-color: $background-color;
+}
+
+
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure, table,
+%vertical-rhythm {
+    margin-bottom: $spacing-unit / 2;
+}
+
+
+
+/**
+ * Images
+ */
+img {
+    max-width: 100%;
+    vertical-align: middle;
+}
+
+
+
+/**
+ * Figures
+ */
+figure > img {
+    display: block;
+}
+
+figcaption {
+    font-size: $small-font-size;
+}
+
+
+
+/**
+ * Lists
+ */
+ul, ol {
+    margin-left: $spacing-unit;
+}
+
+li {
+    > ul,
+    > ol {
+         margin-bottom: 0;
+    }
+}
+
+
+
+/**
+ * Headings
+ */
+h1, h2, h3, h4, h5, h6 {
+    font-weight: $base-font-weight;
+}
+
+
+
+/**
+ * Links
+ */
+a {
+    color: $brand-color;
+    text-decoration: none;
+
+    &:hover {
+        text-decoration: underline;
+    }
+}
+
+
+
+/**
+ * Blockquotes
+ */
+blockquote {
+    color: $grey-color;
+    padding-left: $spacing-unit / 2;
+    border-left: 2px solid $grey-color-light;
+    font-style: italic;
+    font-size: $small-font-size;
+
+    > :last-child {
+        margin-bottom: 0;
+    }
+}
+
+
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+    background-color: #fcfcfc;
+}
+
+code {
+    padding: 1px 5px;
+    font-family: $code-font-family;
+}
+
+pre {
+    padding: 8px 12px;
+    overflow-x: auto;
+    border-left: 2px solid $grey-color-light;
+
+    > code {
+        border: 0;
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+
+
+/**
+ * Table
+ */
+table {
+    width: 100%;
+    max-width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    table-layout: fixed;
+}
+
+th,
+td {
+    padding: 0.5rem;
+    line-height: inherit;
+}
+
+th {
+    text-align: left;
+    vertical-align: bottom;
+    border-bottom: 2px solid $grey-color-light;
+}
+
+td {
+    vertical-align: top;
+    border-bottom: 1px solid $grey-color-light;
+}
+
+
+/**
+ * Horizontal rule
+ */
+hr {
+    width: 30%;
+    border: none;
+    border-top: 1px solid lighten($brand-color, 30%);;
+    margin: $spacing-unit auto;
+}
+
+
+
+/**
+ * Clearfix
+ */
+%clearfix {
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}