milesblog
/
hexo-theme-icarus
peilaus alkaen https://github.com/MilesPong/hexo-theme-icarus.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932
							<!DOCTYPE html>
<html lang=en>
<head>
    <meta charset="utf-8">
    
    <title>Icarus</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="Hexo theme - Icarus">
<meta property="og:type" content="website">
<meta property="og:title" content="Icarus">
<meta property="og:url" content="http://ppoffice.github.io/hexo-theme-icarus/page/2/index.html">
<meta property="og:site_name" content="Icarus">
<meta property="og:description" content="Hexo theme - Icarus">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Icarus">
<meta name="twitter:description" content="Hexo theme - Icarus">
    

    <link rel="stylesheet" href="/hexo-theme-icarus/vendor/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/hexo-theme-icarus/vendor/open-sans/styles.css">
    <link rel="stylesheet" href="/hexo-theme-icarus/vendor/source-code-pro/styles.css">

    <link rel="stylesheet" href="/hexo-theme-icarus/css/style.css">

    <script src="/hexo-theme-icarus/vendor/jquery/2.1.3/jquery.min.js"></script>
    
    
        <link rel="stylesheet" href="/hexo-theme-icarus/vendor/fancybox/jquery.fancybox.css">
    
    
</head>
<body>
    <div id="container">
        <header id="header">
    <div id="header-main" class="header-inner">
        <div class="outer">
            <a href="/hexo-theme-icarus/" id="logo">
                <i class="logo"></i>
                <span class="site-title">Icarus</span>
            </a>
            <nav id="main-nav">
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/.">Home</a>
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/archives">Archives</a>
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/categories">Categories</a>
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/tags">Tags</a>
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/about">About</a>
                
            </nav>
            
                
                <nav id="sub-nav">
                    <div class="profile" id="profile-nav">
                        <a id="profile-anchor" href="javascript:;">
                            <img class="avatar" src="/hexo-theme-icarus/css/images/avatar.png" />
                            <i class="fa fa-caret-down"></i>
                        </a>
                    </div>
                </nav>
            
            <div id="search-form-wrap">

    <form class="search-form">
        <input type="text" class="ins-search-input search-form-input" placeholder="Search" />
        <button type="submit" class="search-form-submit"></button>
    </form>
    <div class="ins-search">
    <div class="ins-search-mask"></div>
    <div class="ins-search-container">
        <div class="ins-input-wrapper">
            <input type="text" class="ins-search-input" placeholder="Type something..." />
            <span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
(function (window) {
    var INSIGHT_CONFIG = {
        TRANSLATION: {
            POSTS: 'Posts',
            PAGES: 'Pages',
            CATEGORIES: 'Categories',
            TAGS: 'Tags',
            UNTITLED: '(Untitled)',
        },
        ROOT_URL: '/hexo-theme-icarus/',
        CONTENT_URL: '/hexo-theme-icarus/content.json',
    };
    window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/hexo-theme-icarus/js/insight.js"></script>

</div>
        </div>
    </div>
    <div id="main-nav-mobile" class="header-sub header-inner">
        <table class="menu outer">
            <tr>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/.">Home</a></td>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/archives">Archives</a></td>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/categories">Categories</a></td>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/tags">Tags</a></td>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/about">About</a></td>
                
                <td>
                    
    <div class="search-form">
        <input type="text" class="ins-search-input search-form-input" placeholder="Search" />
    </div>

                </td>
            </tr>
        </table>
    </div>
</header>

        <div class="outer">
            
                
<aside id="profile">
    <div class="inner profile-inner">
        <div class="base-info profile-block">
            <img id="avatar" src="/hexo-theme-icarus/css/images/avatar.png" />
            <h2 id="name">PPOffice</h2>
            <h3 id="title">Web Developer &amp; Designer</h3>
            <span id="location"><i class="fa fa-map-marker"></i>Harbin, China</span>
            <a id="follow" target="_blank" href="https://github.com/ppoffice/">FOLLOW</a>
        </div>
        <div class="article-info profile-block">
            <div class="article-info-block">
                10
                <span>posts</span>
            </div>
            <div class="article-info-block">
                3
                <span>tags</span>
            </div>
        </div>
        
        <div class="profile-block social-links">
            <table>
                <tr>
                    
                    <td><a href="http://github.com/ppoffice/hexo-theme-icarus" target="_blank" title="github"><i class="fa fa-github"></i></a></td>
                    
                    <td><a href="/hexo-theme-icarus/" target="_blank" title="twitter"><i class="fa fa-twitter"></i></a></td>
                    
                    <td><a href="/hexo-theme-icarus/" target="_blank" title="facebook"><i class="fa fa-facebook"></i></a></td>
                    
                    <td><a href="/hexo-theme-icarus/" target="_blank" title="dribbble"><i class="fa fa-dribbble"></i></a></td>
                    
                    <td><a href="/hexo-theme-icarus/" target="_blank" title="rss"><i class="fa fa-rss"></i></a></td>
                    
                </tr>
            </table>
        </div>
        
    </div>
</aside>

            
            <section id="main">
    <article id="post-中文测试" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
        
            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2015/01/26/中文测试/">中文测试</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2015/01/26/中文测试/">
            <time datetime="2015-01-26T13:55:37.000Z" itemprop="datePublished">2015-01-26</time>
        </a>
    </div>


                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><h2 id="桃花源记"><a href="#桃花源记" class="headerlink" title="桃花源记"></a>桃花源记</h2><h3 id="朝代：魏晋"><a href="#朝代：魏晋" class="headerlink" title="朝代：魏晋"></a>朝代：魏晋</h3><h3 id="作者：陶渊明"><a href="#作者：陶渊明" class="headerlink" title="作者：陶渊明"></a>作者：陶渊明</h3><h3 id="原文："><a href="#原文：" class="headerlink" title="原文："></a>原文：</h3><p>　　晋太元中，武陵人捕鱼为业。缘溪行，忘路之远近。忽逢桃花林，夹岸数百步，中无杂树，芳草鲜美，落英缤纷，渔人甚异之。复前行，欲穷其林。</p>
<p>　　林尽水源，便得一山，山有小口，仿佛若有光。便舍船，从口入。初极狭，才通人。复行数十步，豁然开朗。土地平旷，屋舍俨然，有良田美池桑竹之属。阡陌交通，鸡犬相闻。其中往来种作，男女衣着，悉如外人。黄发垂髫，并怡然自乐。</p>
<p>　　见渔人，乃大惊，问所从来。具答之。便要还家，设酒杀鸡作食。村中闻有此人，咸来问讯。自云先世避秦时乱，率妻子邑人来此绝境，不复出焉，遂与外人间隔。问今是何世，乃不知有汉，无论魏晋。此人一一为具言所闻，皆叹惋。余人各复延至其家，皆出酒食。停数日，辞去。此中人语云：“不足为外人道也。”(间隔 一作：隔绝)</p>
<p>　　既出，得其船，便扶向路，处处志之。及郡下，诣太守，说如此。太守即遣人随其往，寻向所志，遂迷，不复得路。</p>
<p>　　南阳刘子骥，高尚士也，闻之，欣然规往。未果，寻病终，后遂无问津者。<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2015/01/26/中文测试/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2015/01/26/中文测试/" data-id="cincq2hxc000q50vc7tjdknmz" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        </footer>
    </div>
    
</article>


    <article id="post-post3" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2015/01/25/post3/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/smartphone.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2015/01/25/post3/">Decreasing the Use of Smartphones</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2015/01/25/post3/">
            <time datetime="2015-01-25T15:03:36.000Z" itemprop="datePublished">2015-01-25</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a>
    </div>

                    
    <div class="article-tag">
        <i class="fa fa-tag"></i>
        <a class="tag-link" href="/hexo-theme-icarus/tags/Research/">Research</a>
    </div>

                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>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.<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2015/01/25/post3/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2015/01/25/post3/" data-id="cincq2hx3000k50vc9g6ypjnp" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2015/01/25/post3/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2015/01/25/post3/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <article id="post-Markdown Example" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2014/12/25/Markdown Example/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/markdown.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2014/12/25/Markdown Example/">Markdown</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2014/12/25/Markdown Example/">
            <time datetime="2014-12-24T16:31:00.000Z" itemprop="datePublished">2014-12-25</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/Technology/">Technology</a><i class="fa fa-angle-right"></i><a class="article-category-link" href="/hexo-theme-icarus/categories/Technology/Github/">Github</a>
    </div>

                    
    <div class="article-tag">
        <i class="fa fa-tag"></i>
        <a class="tag-link" href="/hexo-theme-icarus/tags/markdown/">markdown</a>
    </div>

                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>A markdown example shows how to write a markdown file. This document integrates core syntax and extensions (GMF).<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2014/12/25/Markdown Example/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2014/12/25/Markdown%20Example/" data-id="cincq2hwh000850vc2x65b105" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2014/12/25/Markdown%20Example/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2014/12/25/Markdown%20Example/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <article id="post-Gabrielle-Aplin-with-The-Power-Of-Love" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2014/12/02/Gabrielle-Aplin-with-The-Power-Of-Love/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/music1.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2014/12/02/Gabrielle-Aplin-with-The-Power-Of-Love/">Gabrielle Aplin with The Power Of Love</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2014/12/02/Gabrielle-Aplin-with-The-Power-Of-Love/">
            <time datetime="2014-12-02T14:40:21.000Z" itemprop="datePublished">2014-12-02</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a>
    </div>

                    
    <div class="article-tag">
        <i class="fa fa-tag"></i>
        <a class="tag-link" href="/hexo-theme-icarus/tags/Music/">Music</a>
    </div>

                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>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.<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2014/12/02/Gabrielle-Aplin-with-The-Power-Of-Love/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2014/12/02/Gabrielle-Aplin-with-The-Power-Of-Love/" data-id="cincq2hvx000250vchwyzqrje" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2014/12/02/Gabrielle-Aplin-with-The-Power-Of-Love/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2014/12/02/Gabrielle-Aplin-with-The-Power-Of-Love/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <nav id="page-nav">
        <a class="extend prev" rel="prev" href="/hexo-theme-icarus/">&laquo; Prev</a><a class="page-number" href="/hexo-theme-icarus/">1</a><span class="page-number current">2</span>
    </nav>
</section>
            
                <aside id="sidebar">
   
        
    <div class="widget-wrap">
        <h3 class="widget-title">recent</h3>
        <div class="widget">
            <ul id="recent-post" class="">
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2016/04/23/post2/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/shoes.jpg)" alt="Being Outside in Fresh Air &amp; How Your Body Loves It" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2016/04/23/post2/" class="title">Being Outside in Fresh Air &amp; How Your Body Loves It</a></p>
                            <p class="item-date"><time datetime="2016-04-23T04:10:48.046Z" itemprop="datePublished">2016-04-23</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2016/04/23/post1/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/salt-lake.jpg)" alt="Take a Deep Breath and Just Be" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2016/04/23/post1/" class="title">Take a Deep Breath and Just Be</a></p>
                            <p class="item-date"><time datetime="2016-04-23T04:10:48.045Z" itemprop="datePublished">2016-04-23</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/guitarist.jpg)" alt="Independent Artists Make Their Own Way Without Big Record Labels" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/" class="title">Independent Artists Make Their Own Way Without Big Record Labels</a></p>
                            <p class="item-date"><time datetime="2015-02-03T09:29:25.000Z" itemprop="datePublished">2015-02-03</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/music2.jpg)" alt="Starting to Actually Listen to The Lyrics in Music" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/" class="title">Starting to Actually Listen to The Lyrics in Music</a></p>
                            <p class="item-date"><time datetime="2015-02-03T09:27:36.000Z" itemprop="datePublished">2015-02-03</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/little-girl.jpg)" alt="An Ode To Earth – Baba Yetu" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/" class="title">An Ode To Earth – Baba Yetu</a></p>
                            <p class="item-date"><time datetime="2015-02-03T09:22:23.000Z" itemprop="datePublished">2015-02-03</time></p>
                        </div>
                    </li>
                
            </ul>
        </div>
    </div>

    
    <div class="widget-wrap">
        <h3 class="widget-title">categories</h3>
        <div class="widget">
            <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/hexo-theme-icarus/categories/Music/">Music</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/hexo-theme-icarus/categories/Technology/">Technology</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/hexo-theme-icarus/categories/Technology/Github/">Github</a><span class="category-list-count">1</span></li></ul></li></ul>
        </div>
    </div>

    
    <div class="widget-wrap">
        <h3 class="widget-title">archives</h3>
        <div class="widget">
            <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/hexo-theme-icarus/archives/2016/04/">April 2016</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/hexo-theme-icarus/archives/2015/02/">February 2015</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/hexo-theme-icarus/archives/2015/01/">January 2015</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/hexo-theme-icarus/archives/2014/12/">December 2014</a><span class="archive-list-count">2</span></li></ul>
        </div>
    </div>

    
    <div class="widget-wrap">
        <h3 class="widget-title">tags</h3>
        <div class="widget">
            <ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/hexo-theme-icarus/tags/Music/">Music</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/hexo-theme-icarus/tags/Research/">Research</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/hexo-theme-icarus/tags/markdown/">markdown</a><span class="tag-list-count">1</span></li></ul>
        </div>
    </div>

    
    <div class="widget-wrap">
        <h3 class="widget-title">tag cloud</h3>
        <div class="widget tagcloud">
            <a href="/hexo-theme-icarus/tags/Music/" style="font-size: 20px;">Music</a> <a href="/hexo-theme-icarus/tags/Research/" style="font-size: 10px;">Research</a> <a href="/hexo-theme-icarus/tags/markdown/" style="font-size: 10px;">markdown</a>
        </div>
    </div>

    
    <div class="widget-wrap widget-list">
        <h3 class="widget-title">links</h3>
        <div class="widget">
            <ul>
                
                    <li>
                        <a href="http://hexo.io">Hexo</a>
                    </li>
                
            </ul>
        </div>
    </div>


    <div id="toTop" class="fa fa-angle-up"></div>
</aside>
            
        </div>
        <footer id="footer">
    <div class="outer">
        <div id="footer-info" class="inner">
            &copy; 2016 PPOffice<br>
            Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>. Theme by <a href="http://github.com/ppoffice">PPOffice</a>
        </div>
    </div>
</footer>
        
    
    <script>
    var disqus_shortname = 'hexo-theme-icarus';
    
    
    (function() {
    var dsq = document.createElement('script');
    dsq.type = 'text/javascript';
    dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
    </script>


        <script src="/hexo-theme-icarus/vendor/fancybox/jquery.fancybox.pack.js"></script>
    

<!-- Custom Scripts -->
<script src="/hexo-theme-icarus/js/main.js"></script>

    </div>
</body>
</html>