Skip to content
Snippets Groups Projects
Commit 5ffb870e authored by Tommy Chen's avatar Tommy Chen
Browse files

Update index

Change icon font to icomoon
parent 326f9e7b
No related branches found
No related tags found
No related merge requests found
Showing
with 248 additions and 148 deletions
# Basic
title: Hexo
subtitle: Node.js blog framework
subtitle: Hexo is a fast, simple & powerful blog framework powered by Node.js.
description:
url: http://hexo.io
author: SkyArrow
......@@ -64,4 +64,4 @@ highlight:
# Read documentaion for more information
deploy:
type: github
repo: https://github.com/hexojs/hexojs.github.io.git
\ No newline at end of file
repo: https://github.com/hexojs/hexojs.github.io.git
......@@ -42,11 +42,11 @@ hexo.extend.helper.register('page_nav', function(){
result = [];
if (index > 0){
result.push('<a href="' + keys[index - 1] + '" id="page-footer-prev" class="page-footer-link" title="' + list[keys[index - 1]] + '">Prev</a>');
result.push('<a href="' + keys[index - 1] + '" id="page-footer-prev" title="' + list[keys[index - 1]] + '">Prev</a>');
}
if (index < keys.length - 1){
result.push('<a href="' + keys[index + 1] + '" id="page-footer-next" class="page-footer-link" title="' + list[keys[index + 1]] + '">Next</a>');
result.push('<a href="' + keys[index + 1] + '" id="page-footer-next" title="' + list[keys[index + 1]] + '">Next</a>');
}
return result.join('');
......
layout: index
description: Hexo is a fast, simple & powerful blog framework powered by Node.js
---
.intro-wrap
.outer
h2.intro-title Features
ul
li.intro-feature-wrap
.intro-feature#intro-feature-fast
h3.intro-feature-title Blazing Fast
p.intro-feature-desc Node.js brings you incredible generating speed. Hundreds of files take only seconds to generate.
li.intro-feature-wrap
.intro-feature#intro-feature-markdown
h3.intro-feature-title Markdown Support
p.intro-feature-desc All features of GitHub Flavored Markdown are supported. You can even use most of Octopress plugins in Hexo.
li.intro-feature-wrap
.intro-feature#intro-feature-deploy
h3.intro-feature-title One-Command Deployment
p.intro-feature-desc You only need one command to deploy your site to GitHub Pages, Heroku or other sites.
li.intro-feature-wrap
.intro-feature#intro-feature-plugin
h3.intro-feature-title Various Plugins
p.intro-feature-desc Hexo has a powerful plugin system. You can install more plugins for Jade, CoffeeScript plugins.
#intro-cmd-wrap
.outer
ul.inner
li.intro-cmd-item npm install hexo -g
li.intro-cmd-item hexo init blog
li.intro-cmd-item cd blog
li.intro-cmd-item npm install
li.intro-cmd-item hexo server
.outer
.intro-feature
h3.intro-feature-title Blazing Fast
p.intro-feature-desc Hexo is powered by Node.js and supports multi-thread generating. Hundreds of files take only seconds to generate.
.intro-feature
h3.intro-feature-title Easy Write
p.intro-feature-desc Hexo supports GitHub Flavored Markdown and all Octopress plugins and highly Jekyll/Octopress compatible.
.intro-feature
h3.intro-feature-title Extensibility
p.intro-feature-desc Hexo supports EJS, Swig &amp; Stylus. You can install more plugins for Haml, Jade, Less supports.
.intro-wrap
.outer
h2.intro-title Quick Start
.outer
.intro-quick-start
h3.intro-feature-title 1. install
p.intro-feature-desc
figure.highlight
pre
code $ npm install hexo -g
.intro-quick-start
h3.intro-feature-title 2. Setup
p.intro-feature-desc
figure.highlight
pre
code $ hexo init blog && cd blog
.intro-quick-start
h3.intro-feature-title 3. Generate
p.intro-feature-desc
figure.highlight
pre
code $ hexo generate
.intro-quick-start
h3.intro-feature-title 4. Server
p.intro-feature-desc
figure.highlight
pre
code $ hexo server
\ No newline at end of file
#intro-btn-wrap
a#intro-btn(href="/docs/") Get Started
\ No newline at end of file
source/logo.png

3.4 KiB

menu:
Docs: docs/
API: api/classes/Hexo.html
Docs: /docs/
API: /api/classes/Hexo.html
Plugins: https://github.com/tommy351/hexo/wiki/Plugins
Themes: https://github.com/tommy351/hexo/wiki/Themes
Source: https://github.com/tommy351/hexo
......@@ -35,4 +35,5 @@ doc_sidebar:
google_analytics: UA-4910098-10
fb_admins: 100000247608790
swiftype_key: DDvzs7LQ9kdKssQNQLcv
\ No newline at end of file
swiftype_key: DDvzs7LQ9kdKssQNQLcv
twitter: hexojs
\ No newline at end of file
<% if (config.disqus_shortname){ %>
<!-- Disqus -->
<script>
var disqus_shortname = '<%= config.disqus_shortname %>';
<% if (page.permalink){ %>
var disqus_url = '<%= page.permalink %>';
<% } %>
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//go.disqus.com/<% if (page.comments){ %>embed.js<% } else { %>count.js<% } %>';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<% } %>
<!-- Swiftype -->
<script>
var Swiftype = window.Swiftype || {};
(function() {
Swiftype.key = '<%- theme.swiftype_key %>';
/** DO NOT EDIT BELOW THIS LINE **/
var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
script.src = "//s.swiftypecdn.com/embed.js";
var entry = document.getElementsByTagName('script')[0];
document.getElementsByTagName('script')[0].parentNode.insertBefore(script, entry);
}());
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="<%- config.root %>js/script.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<footer id="footer">
<div class="outer">
<div class="inner">
&copy; <%= new Date().getFullYear() %> <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 id="footer-copyright">
&copy; <%= new Date().getFullYear() %> <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>
<div id="footer-links">
<a href="https://twitter.com/<%= theme.twitter %>" id="footer-link-twitter" class="footer-link" target="_blank"><span>Twitter</span></a>
<a href="https://github.com/tommy351/hexo" id="footer-link-github" class="footer-link" target="_blank"><span>GitHub</span></a>
</div>
</div>
</div>
</footer>
<% if (config.disqus_shortname){ %>
<!-- Disqus -->
<script>
var disqus_shortname = '<%= config.disqus_shortname %>';
<% if (page.permalink){ %>
var disqus_url = '<%= page.permalink %>';
<% } %>
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//go.disqus.com/<% if (page.comments){ %>embed.js<% } else { %>count.js<% } %>';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<% } %>
<!-- Swiftype -->
<script>
var Swiftype = window.Swiftype || {};
(function() {
Swiftype.key = '<%- theme.swiftype_key %>';
/** DO NOT EDIT BELOW THIS LINE **/
var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
script.src = "//s.swiftypecdn.com/embed.js";
var entry = document.getElementsByTagName('script')[0];
document.getElementsByTagName('script')[0].parentNode.insertBefore(script, entry);
}());
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="<%- config.root %>js/script.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
\ No newline at end of file
</footer>
\ No newline at end of file
......@@ -13,6 +13,10 @@
<link rel="stylesheet" href="<%- config.root %>css/style.css">
<link href="//fonts.googleapis.com/css?family=Lato:300,700" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,700' rel='stylesheet' type='text/css'>
<%- open_graph({fb_admins: theme.fb_admins}) %>
<%- open_graph({
fb_admins: theme.fb_admins,
twitter_site: '@' + theme.twitter,
image: config.url + '/logo.png'
}) %>
<%- partial('google-analytics') %>
</head>
\ No newline at end of file
......@@ -9,7 +9,7 @@
<ul id="main-nav-list">
<% _.each(theme.menu, function(menu, title){ %>
<li class="main-nav-item">
<a href="<%= /^([a-z]+:)?\/{1,2}/.test(menu) ? '' : config.root %><%= menu %>" class="main-nav-link<% if(is_current(menu)){ %> current<% } %>"><%= title %></a>
<a href="<%= menu %>" class="main-nav-link<% if(is_current(menu)){ %> current<% } %>"><%= title %></a>
</li>
<% }); %>
</ul>
......
......@@ -2,8 +2,9 @@
<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://hexo.io/" 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%2Fhexo.io%2F&amp;width=90&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&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://hexo.io/"></g:plusone>
\ No newline at end of file
<g:plusone size="medium" href="http://hexo.io/"></g:plusone>
<!-- Twitter Follow Button -->
<a href="https://twitter.com/hexojs" class="twitter-follow-button" data-show-count="false">Follow @hexojs</a>
......@@ -14,4 +14,4 @@
</div>
</div>
<%- page.content %>
\ No newline at end of file
<%- page.content %>
......@@ -4,5 +4,6 @@
<%- partial('_partial/header') %>
<%- body %>
<%- partial('_partial/footer') %>
<%- partial('_partial/after-footer') %>
</body>
</html>
\ No newline at end of file
......@@ -50,9 +50,9 @@
margin: line-height 0
color: color-default
&:before
@extend $icon-font
content: "\f06a"
color: note-warn
font-family: font-icon
strong
font-weight: bold
color: note-warn
......
footer-link-size = 30px
#footer
padding: 40px 0
background: #eee
......@@ -5,8 +7,49 @@
color: color-grey
line-height: 1.5
border: 1px solid color-border
text-align: center
@media mq-normal
text-align: left
#footer-copyright
@media mq-normal
float: left
a
color: #777
text-decoration: none
&:hover
text-decoration: underline
\ No newline at end of file
text-decoration: underline
color: color-blue
#footer-links
@media mq-mobile
margin-top: 25px
@media mq-normal
float: right
margin-right: -10px
.footer-link
text-decoration: none
width: footer-link-size
height: @width
font-size: @width
line-height: @width
display: inline-block
text-align: center
color: color-grey
margin: 0 10px
transition: color 0.2s
&:hover
color: color-blue
&:before
@extend $icon-font
span
display: none
#footer-link-twitter
&:before
content: "\f099"
#footer-link-github
&:before
content: "\f113"
\ No newline at end of file
......@@ -26,7 +26,7 @@ logo-height = 35px
#main-nav-toggle
float: right
width: logo-size
width: logo-height
height: @width
text-align: center
color: #999
......@@ -37,17 +37,12 @@ logo-height = 35px
right: 0
margin: auto
user-select: none
font-size: 24px
&:before
@extend $icon-font
square(@font-size)
absolute-center()
content: "\f0c9"
width: 24px
height: @width
font: @width font-icon
position: absolute
top: 0
left: 0
right: 0
bottom: 0
margin: auto
&:hover, &:active
color: #555
@media mq-normal
......@@ -110,7 +105,8 @@ logo-height = 35px
&:hover
color: color-blue
&:before
@extend $icon-font
content: "\f002"
font: @width font-icon
font-size: @width
@media mq-normal
display: block
\ No newline at end of file
......@@ -18,29 +18,33 @@ intro-quick-start-column = 2
text-shadow: 1px 0 #eee
line-height: 1.3
$banner-getting-started-font
font-family: font-mono
font-size: 14px
line-height: getting-started-height
@media mq-normal
font-size: 16px
#banner-getting-started
clearfix()
padding-top: 30px
#banner-getting-started-prefix
@extend $banner-getting-started-font
float: left
background: getting-started-bg
font-family: font-mono
font-size: font-size
padding-left: 15px
color: #999
line-height: getting-started-height
#banner-getting-started-input
@extend $banner-getting-started-font
float: left
float: left
background: getting-started-bg
font-size: font-size
font-family: font-mono
color: #555
border: none
padding: 0 15px
margin: 0
line-height: getting-started-height
height: getting-started-height
border-radius: 0
......@@ -53,12 +57,13 @@ intro-quick-start-column = 2
height: @width
text-align: center
line-height: @width
&:before
content: "\f061"
font: 16px font-icon
font-size: 16px
&:hover
background: #aaa
color: #555
&:before
@extend $icon-font
content: "\f061"
#banner-share
padding: 100px 0 0
......@@ -67,35 +72,87 @@ intro-quick-start-column = 2
display: block
.intro-wrap
background: #fff
padding: 40px 0
.intro-title
.intro-feature-wrap
column(12)
font-size: 30px
font-weight: 300
font-family: font-title
color: color-default
padding-bottom: 20px
@media mq-normal
column(6)
.intro-feature
column(12)
padding-top: 30px
@media mq-normal
column(4)
padding: 40px 0 40px 50px
position: relative
&:before
@extend $icon-font
font-size: 30px
position: absolute
top: 40px
left: 0
color: color-blue
.intro-quick-start
column(12)
padding-top: 30px
@media mq-normal
column(6)
#intro-feature-fast
&:before
content: "\e604"
#intro-feature-markdown
&:before
content: "\e606"
#intro-feature-deploy
&:before
content: "\e603"
#intro-feature-plugin
&:before
content: "\e605"
.intro-feature-title
font-size: 18px
color: color-default
font-weight: bold
font-weight: 300
font-family: font-title
color: color-blue
font-size: 24px
padding-bottom: 20px
line-height: 1.3em
.intro-feature-desc
color: color-default
line-height: 1.6
margin-top: 15px
\ No newline at end of file
line-height: 2em
#intro-cmd-wrap
margin: 40px auto
max-width: 700px
overflow: auto
background: #eee
padding: 15px 0
.intro-cmd-item
line-height: 1.8
font-family: font-mono
font-size: 16px
color: color-default
white-space: nowrap
&:before
content: "$"
padding-right: 10px
color: color-blue
#intro-btn-wrap
text-align: center
padding: 25px 0
#intro-btn
display: inline-block
padding: 15px 30px
font-family: font-title
font-weight: bold
border: 3px solid color-blue
border-radius: 3px
color: color-blue
font-size: 16px
text-transform: uppercase
transition: 0.2s
text-decoration: none
line-height: 1
&:hover
color: #fff
background: color-blue
......@@ -32,11 +32,12 @@ note-warn = hsl(0, 100%, 50%)
bottom: 0
right: 0
margin: auto
font-size: @width
&:hover
color: #888
&:before
@extend $icon-font
content: "\f040"
font: @width font-icon
@media mq-mobile
display: none
......@@ -95,12 +96,12 @@ note-warn = hsl(0, 100%, 50%)
@media mq-normal
margin-left: 40px
&:before
@extend $icon-font
content: "\f10d"
position: absolute
left: -40px
top: 20px
font-size: 25px
font-family: font-icon
width: 25px
height: 25px
text-align: center
......@@ -159,7 +160,7 @@ note-warn = hsl(0, 100%, 50%)
@media mq-normal
display: inline
.page-footer-link
$page-footer-link
font-family: font-title
font-size: 1em
color: color-blue
......@@ -168,18 +169,20 @@ note-warn = hsl(0, 100%, 50%)
text-decoration: none
#page-footer-prev
@extend $page-footer-link
float: left
&:before
content: "\f053"
@extend $icon-font
content: "\f060"
padding-right: 10px
font-family: font-icon
#page-footer-next
@extend $page-footer-link
float: right
&:after
content: "\f054"
@extend $icon-font
content: "\f061"
padding-left: 10px
font-family: font-icon
#sidebar
column(3)
......
......@@ -16,7 +16,7 @@ square(size)
width: size
height: size
vertical-align()
absolute-center()
position: absolute
top: 0
left: 0
......
......@@ -17,19 +17,19 @@ font-mono = "Source Code Pro", Monaco, Menlo, Consolas, monospace
font-size = 14px
line-height = 1.6em
font-icon = FontAwesome
font-icon-path = "fonts/fontawesome-webfont"
font-icon-version = "4.0.3"
font-icon = icomoon
font-icon-path = "fonts/icomoon"
font-icon-version = "-tyh1oa"
@font-face
font-family: FontAwesome
font-style: normal
font-family: font-icon
font-weight: normal
src: url(font-icon-path + ".eot?v=#" + font-icon-version)
src: url(font-icon-path + ".eot?#iefix&v=#" + font-icon-version) format("embedded-opentype"),
url(font-icon-path + ".woff?v=#" + font-icon-version) format("woff"),
url(font-icon-path + ".ttf?v=#" + font-icon-version) format("truetype"),
url(font-icon-path + ".svg#fontawesomeregular?v=#" + font-icon-version) format("svg")
font-style: normal
src: url(font-icon-path + ".eot?" + font-icon-version)
src: url(font-icon-path + ".eot?#iefix" + font-icon-version) format("embedded-opentype"),
url(font-icon-path + ".woff?" + font-icon-version) format("woff"),
url(font-icon-path + ".ttf?" + font-icon-version) format("truetype"),
url(font-icon-path + ".svg?" + font-icon-version + "#icomoon") format("svg")
// Layout
column-width = 60px
......
File deleted
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment