New theme: hexo3

liwuxi · Aug 24, 2013 · 0dcdd16 · 0dcdd16
1 parent 71231be
commit 0dcdd16
Show file tree

Hide file tree

Showing 26 changed files with 1,066 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,5 @@
 node_modules
 public
 .deploy
-db.json
+db.json
+debug.log
diff --git a/_config.yml b/_config.yml
@@ -43,7 +43,7 @@ disqus_shortname:
 
 # Extensions
 plugins:
-theme: hexo2
+theme: hexo3
 exclude_generator:
 - category
 - tag

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hexo",
-  "version": "2.0.0-beta2",
+  "version": "2.0.0-rc3",
   "private": true,
   "engines": {
     "node": ">0.6.0",

diff --git a/themes/hexo3/_config.yml b/themes/hexo3/_config.yml
@@ -0,0 +1,37 @@
+menu:
+  Docs: docs/
+  #API: api/
+  Plugins: https://github.com/tommy351/hexo/wiki/Plugins
+  Themes: https://github.com/tommy351/hexo/wiki/Themes
+  Source: https://github.com/tommy351/hexo
+  #Blog: blog/
+
+doc_sidebar:
+  Getting Started:
+    Installation: installation.html
+    Setup: setup.html
+    Configuration: configuration.html
+    Commands: commands.html
+    Migration: migration.html
+  Basic Usage:
+    Writing: writing.html
+    Generating: generating.html
+    Tag Plugins: tag-plugins.html
+    Server: server.html
+    Deployment: deployment.html
+  Customization:
+    Permalinks: permalinks.html
+    Themes: themes.html
+    Variables: variables.html
+    Pagination: pagination.html
+    Helpers: helpers.html
+    i18n: i18n.html
+  Advanced:
+    Models: models.html
+    Events: events.html
+    Plugins: plugins.html
+  Miscellaneous:
+    Troubleshooting: troubleshooting.html
+    Contributing: contributing.html
+
+google_analytics: UA-4910098-7
diff --git a/themes/hexo3/layout/_partial/footer.ejs b/themes/hexo3/layout/_partial/footer.ejs
@@ -0,0 +1,11 @@
+<footer id="footer">
+  <div class="inner">
+    &copy; 2013 <a href="http://zespia.tw">SkyArrow</a><br>
+    Background: <a href="http://subtlepatterns.com/shattered/" target="_blank">Shattered</a> by <a href="http://luukvanbaars.com/" target="_blank">Luuk van Baars</a>.
+  </div>
+</footer>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+
+<% if (page.layout === 'index'){ %>
+  <script src="<%- config.root %>js/home.js"></script>
+<% } %>
diff --git a/themes/hexo3/layout/_partial/head.ejs b/themes/hexo3/layout/_partial/head.ejs
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title><% if (page.title){ %><%= page.title %> | <% } %>Hexo</title>
+  <link rel="stylesheet" href="<%- config.root %>css/style.css">
+  <link href="//fonts.googleapis.com/css?family=Lato:300,700" rel="stylesheet" type="text/css">
+  <!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+</head>
diff --git a/themes/hexo3/layout/_partial/header.ejs b/themes/hexo3/layout/_partial/header.ejs
@@ -0,0 +1,12 @@
+<header id="header">
+  <div id="header-inner" class="inner">
+    <h1 id="logo-wrap">
+      <a href="<%- config.root %>" id="logo">Hexo</a>
+    </h1>
+    <nav id="main-nav">
+      <% _.each(theme.menu, function(menu, title){ %>
+        <a href="<%= /^([a-z]+:)?\/{1,2}/.test(menu) ? '' : config.root %><%= menu %>" class="main-nav-link<% if(is_current(menu)){ %> current<% } %>"><%= title %></a>
+      <% }); %>
+    </nav>
+  </div>
+</header>
diff --git a/themes/hexo3/layout/_partial/share.ejs b/themes/hexo3/layout/_partial/share.ejs
@@ -0,0 +1,9 @@
+<!-- GitHub Star -->
+<iframe src="http://ghbtns.com/github-btn.html?user=tommy351&repo=hexo&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px" class="alignleft"></iframe>
+<!-- Tweet button -->
+<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://zespia.tw/hexo" data-text="Hexo - A fast, simple &amp; powerful blog framework powered by Node.js." data-hashtags="hexo,nodejs">Tweet</a>
+<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+<!-- Facebook like button -->
+<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fzespia.tw%2Fhexo&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=145365378826124" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>
+<!-- Google +1 button -->
+<g:plusone size="medium" href="http://zespia.tw/hexo"></g:plusone>
diff --git a/themes/hexo3/layout/_partial/sidebar.ejs b/themes/hexo3/layout/_partial/sidebar.ejs
@@ -0,0 +1,8 @@
+<aside id="sidebar">
+  <% _.each(theme.doc_sidebar, function(menu, title){ %>
+    <strong class="sidebar-title"><%= title %></strong>
+    <% _.each(menu, function(link, text){ %>
+      <a href="<%- config.root %>docs/<%= link %>" class="sidebar-link<% if (is_current('docs/' + link)){ %> current<% } %>"><%= text %></a>
+    <% }) %>
+  <% }) %>
+</aside>
diff --git a/themes/hexo3/layout/index.ejs b/themes/hexo3/layout/index.ejs
@@ -0,0 +1,71 @@
+<div id="banner" class="inner">
+  <h2 id="banner-title">A fast, simple &amp; powerful blog framework,<br>powered by Node.js.</h2>
+  <div id="banner-getting-started">
+    <span id="banner-getting-started-prefix">$</span>
+    <input id="banner-getting-started-input" type="text" value="npm install hexo -g" readonly="true">
+    <a href="<%- config.root %>docs" id="banner-getting-started-btn">START!</a>
+  </div>
+  <div id="banner-share">
+    <%- partial('_partial/share') %>
+  </div>
+</div>
+
+<div class="intro-wrap">
+  <div class="inner">
+    <h2 class="intro-title">Features</h2>
+    <div class="intro-feature-wrap">
+      <div class="intro-feature">
+        <h3 class="intro-feature-title">Blazing Fast</h3>
+        <p class="intro-feature-desc">Hexo is powered by Node.js and supports multi-thread generating. Hundreds of files take only seconds to generate.</p>
+      </div>
+      <div class="intro-feature">
+        <h3 class="intro-feature-title">Easy Writing</h3>
+        <p class="intro-feature-desc">Hexo supports GitHub Flavored Markdown and all Octopress plugins and highly Jekyll/Octopress compatible.</p>
+      </div>
+      <div class="intro-feature">
+        <h3 class="intro-feature-title">Extensibility</h3>
+        <p class="intro-feature-desc">Hexo supports EJS, Swig &amp; Stylus. You can install more plugins for Haml, Jade, Less supports.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="intro-wrap">
+  <div class="inner">
+    <h2 class="intro-title">Quick Start</h2>
+    <div class="intro-feature-wrap">
+      <div class="intro-feature intro-quick-start">
+        <h3 class="intro-feature-title">1. Install</h3>
+        <p class="intro-feature-desc">
+          <figure class="highlight">
+            <pre><code>$ npm install hexo -g</code></pre>
+          </figure>
+        </p>
+      </div>
+      <div class="intro-feature intro-quick-start">
+        <h3 class="intro-feature-title">2. Setup</h3>
+        <p class="intro-feature-desc">
+          <figure class="highlight">
+            <pre><code>$ hexo init blog && cd blog</code></pre>
+          </figure>
+        </p>
+      </div>
+      <div class="intro-feature intro-quick-start">
+        <h3 class="intro-feature-title">3. Generate</h3>
+        <p class="intro-feature-desc">
+          <figure class="highlight">
+            <pre><code>$ hexo generate</code></pre>
+          </figure>
+        </p>
+      </div>
+      <div class="intro-feature intro-quick-start">
+        <h3 class="intro-feature-title">4. Server</h3>
+        <p class="intro-feature-desc">
+          <figure class="highlight">
+            <pre><code>$ hexo server</code></pre>
+          </figure>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/themes/hexo3/layout/layout.ejs b/themes/hexo3/layout/layout.ejs
@@ -0,0 +1,8 @@
+<%- partial('_partial/head') %>
+
+<body class="<%= page.layout || 'page' %>">
+  <%- partial('_partial/header') %>
+  <%- body %>
+  <%- partial('_partial/footer') %>
+</body>
+</html>
diff --git a/themes/hexo3/layout/page.ejs b/themes/hexo3/layout/page.ejs
@@ -0,0 +1,20 @@
+<article class="page">
+  <header id="page-banner">
+    <div class="inner">
+      <h1 class="page-title"><%= page.title %></h1>
+    </div>
+  </header>
+  <div id="page-inner" class="inner">
+    <div class="page-content">
+      <div class="page-entry">
+        <%- page.content %>
+      </div>
+      <footer id="page-footer">
+        <time id="page-footer-updated" datetime="<%= date_xml(page.updated) %>">Last updated: <%= date(page.updated) %></time>
+        <% if (page.prev){ %><a href="<%- config.root %>docs/<%= page.prev %>.html" id="page-footer-prev" class="page-footer-link">Prev</a><% } %>
+        <% if (page.next){ %><a href="<%- config.root %>docs/<%= page.next %>.html" id="page-footer-next" class="page-footer-link">Next</a><% } %>
+      </footer>
+    </div>
+    <%- partial('_partial/sidebar') %>
+  </div>
+</article>
diff --git a/themes/hexo3/source/css/_partial/footer.styl b/themes/hexo3/source/css/_partial/footer.styl
@@ -0,0 +1,12 @@
+#footer
+  padding: 40px 0
+  background: #eee
+  font-family: font-title
+  color: color-grey
+  line-height: 1.5
+  border: 1px solid color-border
+  a
+    color: #777
+    text-decoration: none
+    &:hover
+      text-decoration: underline
diff --git a/themes/hexo3/source/css/_partial/header.styl b/themes/hexo3/source/css/_partial/header.styl
@@ -0,0 +1,38 @@
+logo-size = 35px
+
+#header
+  background: #fff
+  border-bottom: 1px solid #ccc
+  font-family: font-title
+  padding: 30px 0
+
+#header-inner
+  clearfix()
+
+#logo-wrap
+  float: left
+
+#logo
+  color: color-blue
+  font-weight: bold
+  text-transform: lowercase
+  text-decoration: none
+  font-size: logo-size
+
+#main-nav
+  float: right
+
+.main-nav-link
+  float: left
+  margin-left: 50px
+  color: color-default
+  font-weight: 300
+  text-transform: uppercase
+  text-decoration: none
+  padding-top: 13px
+  border-bottom: 2px solid transparent
+  display: block
+  transition: 0.2s
+  &:hover, &.current
+    padding-bottom: 5px
+    border-color: #555
diff --git a/themes/hexo3/source/css/_partial/highlight.styl b/themes/hexo3/source/css/_partial/highlight.styl
@@ -0,0 +1,105 @@
+// https://github.com/chriskempson/tomorrow-theme
+highlight-background = #fff
+highlight-current-line = #efefef
+highlight-selection = #d6d6d6
+highlight-foreground = #4d4d4c
+highlight-comment = #8e908c
+highlight-red = #c82829
+highlight-orange = #f5871f
+highlight-yellow = #eab700
+highlight-green = #718c00
+highlight-aqua = #3e999f
+highlight-blue = #4271ae
+highlight-purple = #8959a8
+
+.page-entry
+  pre, code
+    font-family: font-mono
+    color: highlight-foreground
+    background: #eee
+    font-size: 13px
+  code
+    border-radius: 2px
+    border: 1px solid color-border
+    padding: 0 5px
+  pre
+    padding: 10px 15px
+    line-height: 22px
+    border-radius: 4px
+    border: 1px solid color-border
+    code
+      border: none
+      display: block
+      padding: 0
+
+.highlight
+  background: #eee
+  border: 1px solid color-border
+  border-radius: 4px
+  padding: 10px 15px
+  color: highlight-foreground
+  overflow: auto
+  margin: 0
+  figcaption
+    clearfix()
+    margin: -10px -15px 0
+    background: linear-gradient(top, color-border, #eee)
+    font-size: 0.9em
+    padding: 5px 15px
+    color: color-grey
+    a
+      float: right
+  pre
+    padding: 0
+    border: none
+    background: none
+
+pre
+  .comment
+  .title
+    color: highlight-comment
+  .variable
+  .attribute
+  .tag
+  .regexp
+  .ruby .constant
+  .xml .tag .title
+  .xml .pi
+  .xml .doctype
+  .html .doctype
+  .css .id
+  .css .class
+  .css .pseudo
+    color: highlight-red
+  .number
+  .preprocessor
+  .built_in
+  .literal
+  .params
+  .constant
+    color: highlight-orange
+  .class
+  .ruby .class .title
+  .css .rules .attribute
+    color: highlight-green
+  .string
+  .value
+  .inheritance
+  .header
+  .ruby .symbol
+  .xml .cdata
+    color: highlight-green
+  .css .hexcolor
+    color: highlight-aqua
+  .function
+  .python .decorator
+  .python .title
+  .ruby .function .title
+  .ruby .title .keyword
+  .perl .sub
+  .javascript .title
+  .coffeescript .title
+    color: highlight-blue
+  .keyword
+  .javascript .function
+    color: highlight-purple
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,4 +2,5 @@ @@
     node_modules
     public
     .deploy
-    db.json
+    db.json
+    debug.log