reset repo

.gitignore

@@ -0,0 +1,41 @@
+# Ignore docs files
+_gh_pages
+_site
+.ruby-version
+
+# Numerous always-ignore extensions
+*.diff
+*.err
+*.orig
+*.log
+*.rej
+*.swo
+*.swp
+*.zip
+*.vi
+*~
+
+# OS or Editor folders
+.DS_Store
+._*
+Thumbs.db
+.cache
+.project
+.settings
+.tmproj
+*.esproj
+nbproject
+*.sublime-project
+*.sublime-workspace
+.idea
+
+# Komodo
+*.komodoproject
+.komodotools
+
+# grunt-html-validation
+validation-status.json
+validation-report.json
+
+# Folders to ignore
+node_modules

404.html

@@ -0,0 +1,10 @@
+---
+layout: default
+title: "404: Page not found"
+permalink: 404.html
+---
+
+<div class="page">
+  <h1 class="page-title">404: Page not found</h1>
+  <p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="{{ site.baseurl }}">Head back home</a> to try finding it again.</p>
+</div>

Archive.md

@@ -0,0 +1,23 @@
+---
+layout: page
+title: Archives
+---
+<ul class="archive">
+  {% for post in site.posts %}
+
+    {% unless post.next %}
+      <h3>{{ post.date | date: '%Y' }}</h3>
+    {% else %}
+      {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
+      {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
+      {% if year != nyear %}
+        <h3>{{ post.date | date: '%Y' }}</h3>
+      {% endif %}
+    {% endunless %}
+
+    <li>    
+        <div class="month">{{ post.date | date:"%b" }}</div>
+        <div class="archive-post-title"><a href="{{ post.url }}">{{ post.title }}</a></div>
+    </li>
+  {% endfor %}
+</ul>

README.md

@@ -1 +1,7 @@
 # Rhadow.github.io
+
+Welcome to Rhadow's Tech note! This is a place to share my knowledge and experience on web development. The articles will be focus around any JavaScript related technology.
+
+This blog is made by Jekyll and using [Hyde](https://github.com/poole/hyde) theme as basic theme. If you have any suggestions or questions about this blog, feel free to contact me.
+
+Please visit: [http://rhadow.github.io/](http://rhadow.github.io/) to view the site.

TagCloud.md

@@ -0,0 +1,14 @@
+---
+layout: page
+title: Tag Cloud
+---
+<ul class="tag-cloud">
+{% assign sorted_tags = (site.tags | sort: 0) %}
+{% for tag in sorted_tags %}
+  <li style="font-size: {{ tag | last | size | times: 100 | divided_by: site.tags.size | plus: 35  }}%">
+    <a href="/tags/{{ tag[0] }}">
+      {{ tag | first }} ({{ tag | last | size }})
+    </a>
+  </li>
+{% endfor %}
+</ul>

_config.yml

@@ -0,0 +1,27 @@
+# Dependencies
+markdown            : redcarpet
+highlighter         : pygments
+
+# Permalinks
+permalink           : pretty
+relative_permalinks : true
+
+# Setup
+title               : Rhadow's Tech Note
+tagline             : 'Waves of JavaScript, front-end, and web development articles'
+description         : 'News, articles and reviews of a variety of web development frameworks and modules.'
+baseurl             : /
+
+author              : Howard Chang
+name                : 'Howard Chang'
+url                 : http://rhadow.github.io/
+
+paginate            : 5
+
+# Custom vars
+version             : 0.1.0
+github              :
+rep                 :
+twitter_username    : Rhadow3433
+github_username     : Rhadow
+facebook_username   : howard.chang.3194

_includes/comment_count.html

@@ -0,0 +1,15 @@
+<script type="text/javascript">
+/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+var disqus_shortname = 'rhadowtechnote'; // required: replace example with your forum shortname
+var disqus_identifier = '{{ page.url }}';
+var disqus_url = 'http://rhadow.github.com{{ page.url }}';
+
+/* * * DON'T EDIT BELOW THIS LINE * * */
+(function() {
+    var s = document.createElement('script');
+    s.async = true;
+    s.type = 'text/javascript';
+    s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
+    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
+}());
+</script>

_includes/comments.html

@@ -0,0 +1,25 @@
+{% if page.comments %}
+<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+    var disqus_shortname = 'rhadowtechnote'; // required: replace example with your forum shortname
+    var disqus_identifier = '{{ page.url }}';
+    var disqus_url = 'http://rhadow.github.com{{ page.url }}';
+
+    console.log(disqus_identifier);
+
+    /* * * DON'T EDIT BELOW THIS LINE * * */
+    (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>
+    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
+    </noscript>
+    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+</div>
+{% endif %}

_includes/google_analytics.html

@@ -0,0 +1,10 @@
+<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', 'UA-59285222-1', 'auto');
+  ga('send', 'pageview');
+
+</script>

_includes/head.html

@@ -0,0 +1,55 @@
+<head>
+  <link href="http://gmpg.org/xfn/11" rel="profile">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+
+  <!-- Enable responsiveness on mobile devices-->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+
+  <!-- SEO -->
+  <meta charset="utf-8">
+  <meta http-equiv="content-type" content="text/html">
+  <meta name="author" content="Howard Chang">
+  <meta name="copyright" content="Howard Chang">
+  <meta name="google-site-verification" content="Y6EHO_vACb33JR6CLegTUED-tf0hwqt3auuO2yHTwwg" />
+  <meta name="keywords" 
+        content="ReactJS,Flux,AngularJS,CSS,Git,HTML5,JavaScript,Front end engineering,SublimeText,Node,Unit Testing,前端工程研究">
+
+  <link rel="contents" title="Archive" href="/Archive">
+  <link rel="start" title="Rhadow's Tech Note" href="/">
+  <meta name="description" 
+        content="Waves of JavaScript, front-end, and web development articles. News, articles and reviews of a variety of web development frameworks and modules.">
+
+  <meta property="og:title" content="Rhadow's Tech Note" >
+  <meta property="og:type" content="article" />
+  <meta property="og:url" content="http://rhadow.github.io">
+  <meta property="og:image" content="http://rhadow.github.io/public/favicon.ico">
+  <meta property="og:description" 
+        content="Waves of JavaScript, front-end, and web development articles. News, articles and reviews of a variety of web development frameworks and modules." >
+
+</head>
+
+  <title>
+    {% if page.title == "Home" %}
+      {{ site.title }} &middot; {{ site.tagline }}
+    {% else %}
+      {{ page.title }} &middot; {{ site.title }}
+    {% endif %}
+  </title>
+
+  <!-- CSS -->
+  <link rel="stylesheet" href="{{ site.baseurl }}public/css/poole.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}public/css/syntax.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}public/css/hyde.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}public/css/custom.css">
+  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
+
+  <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+
+  <!-- Icons -->
+  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}public/apple-touch-icon-144-precomposed.png">
+  <link rel="shortcut icon" href="{{ site.baseurl }}public/favicon.ico">
+
+  <!-- RSS -->
+  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
+</head>

_includes/navbar.html

@@ -0,0 +1,19 @@
+<div class="navbar">
+    <h1>
+        <a class="home-logo" href="{{ site.baseurl }}">
+            {{ site.title }}
+        </a>
+    </h1>
+
+    <nav>
+        <a href="{{ site.baseurl }}">Home</a>
+        {% assign pages_list = site.pages %}
+        {% for node in pages_list %}
+            {% if node.title != null %}
+                {% if node.layout == "page" %}
+                    <a  href="{{ node.url }}">{{ node.title }}</a>
+                {% endif %}
+            {% endif %}
+        {% endfor %}
+    </nav>
+</div>

_includes/sidebar.html

@@ -0,0 +1,66 @@
+<div class="sidebar">
+  <div class="container sidebar-sticky">
+    <div class="sidebar-about">
+      <h1>
+        <a href="{{ site.baseurl }}">
+          {{ site.title }}
+        </a>
+      </h1>
+      <p class="lead">{{ site.description }}</p>
+    </div>
+
+    <nav class="sidebar-nav">
+      <a class="sidebar-nav-item" href="{{ site.baseurl }}">Home</a>
+      {% comment %}
+        The code below dynamically generates a sidebar nav of pages with
+        `layout: page` in the front-matter. See readme for usage.
+      {% endcomment %}
+
+      {% assign pages_list = site.pages %}
+      {% for node in pages_list %}
+        {% if node.title != null %}
+          {% if node.layout == "page" %}
+            <a class="sidebar-nav-item" href="{{ node.url }}">{{ node.title }}</a>
+          {% endif %}
+        {% endif %}
+      {% endfor %}
+      <span class="sidebar-nav-item">
+        <ul class="list-inline text-center">
+          {% if site.twitter_username %}
+          <li>
+              <a href="https://twitter.com/{{ site.twitter_username }}">
+                  <span class="fa-stack fa-lg">
+                      <i class="fa fa-circle fa-stack-2x"></i>
+                      <i class="fa fa-twitter fa-stack-1x"></i>
+                  </span>
+              </a>
+          </li>
+          {% endif %}
+          {% if site.facebook_username %}
+          <li>
+              <a href="https://www.facebook.com/{{ site.facebook_username }}">
+                  <span class="fa-stack fa-lg">
+                      <i class="fa fa-circle fa-stack-2x"></i>
+                      <i class="fa fa-facebook fa-stack-1x"></i>
+                  </span>
+              </a>
+          </li>
+          {% endif %}
+          {% if site.github_username %}
+          <li>
+              <a href="https://github.com/{{ site.github_username }}">
+                  <span class="fa-stack fa-lg">
+                      <i class="fa fa-circle fa-stack-2x"></i>
+                      <i class="fa fa-github fa-stack-1x"></i>
+                  </span>
+              </a>
+          </li>
+          {% endif %}
+        </ul>
+      </span>
+    </nav>    
+    <p class="copyright">
+        &copy; Copyright {{ site.time | date: '%Y' }} | Rhadow's Tech Blog | All rights reserved
+    </p>
+  </div>
+</div>

_includes/signature.html

@@ -0,0 +1,6 @@
+<div class="message">
+  <img class="profile" src="/public/profile.png" alt="profile-image">
+  <div class="intro-message">
+      Hello, I'm Rhadow. Currently working as front-end engineer at Miniasp. Focusing on developing web apps using React, Flux and Node.
+  </div>
+</div>

_layouts/default.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
+
+{% include head.html %}
+
+<body class="theme-base-chocolate">
+
+    {% include navbar.html %}
+    {% include sidebar.html %}
+
+    <div class="content container">
+        {{ content }}
+        {% include comments.html %}
+    </div>
+
+
+	{% include comment_count.html %}
+    {% include google_analytics.html %}
+
+</body>
+
+</html>

_layouts/page.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+
+<div class="page">
+  <h1 class="page-title">{{ page.title }}</h1>
+  {{ content }}
+</div>