123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551 |
- <!DOCTYPE html>
- <html lang=en>
- <head>
- <meta charset="utf-8">
-
- <title>About Icarus | Icarus</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
- <meta name="description" content="The blog theme you may fall in love with, coming to Hexo. Preview
- View DocumentationIt is strongly recommended that you read the docs before using Icarus.
- FeaturesProfile SidebarA nice place to show y">
- <meta property="og:type" content="website">
- <meta property="og:title" content="About Icarus">
- <meta property="og:url" content="http://ppoffice.github.io/hexo-theme-icarus/about/index.html">
- <meta property="og:site_name" content="Icarus">
- <meta property="og:description" content="The blog theme you may fall in love with, coming to Hexo. Preview
- View DocumentationIt is strongly recommended that you read the docs before using Icarus.
- FeaturesProfile SidebarA nice place to show y">
- <meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/preview.png">
- <meta property="og:updated_time" content="2016-04-08T13:25:58.276Z">
- <meta name="twitter:card" content="summary">
- <meta name="twitter:title" content="About Icarus">
- <meta name="twitter:description" content="The blog theme you may fall in love with, coming to Hexo. Preview
- View DocumentationIt is strongly recommended that you read the docs before using Icarus.
- FeaturesProfile SidebarA nice place to show y">
- <meta name="twitter:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/preview.png">
-
-
-
- <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 & 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="page-undefined" class="article article-type-page" itemscope itemprop="blogPost">
- <div class="article-inner">
-
-
-
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- About Icarus
- </h1>
-
- <div class="article-meta">
-
- <div class="article-date">
- <i class="fa fa-calendar"></i>
- <a href="/hexo-theme-icarus/about/index.html">
- <time datetime="2016-04-08T16:29:24.751Z" itemprop="datePublished">2016-04-09</time>
- </a>
- </div>
-
-
- </div>
- </header>
-
- <div class="article-entry" itemprop="articleBody">
-
-
- <h3 id="The-blog-theme-you-may-fall-in-love-with-coming-to-Hexo-Preview"><a href="#The-blog-theme-you-may-fall-in-love-with-coming-to-Hexo-Preview" class="headerlink" title="The blog theme you may fall in love with, coming to Hexo. Preview"></a>The blog theme you may fall in love with, coming to Hexo. <a href="http://ppoffice.github.io/hexo-theme-icarus/">Preview</a></h3><p><img src="http://ppoffice.github.io/hexo-theme-icarus/gallery/preview.png" alt=""></p>
- <h4 id="View-Documentation"><a href="#View-Documentation" class="headerlink" title="View Documentation"></a><a href="https://github.com/ppoffice/hexo-theme-icarus/wiki" target="_blank" rel="external">View Documentation</a></h4><p>It is strongly recommended that you read the docs before using Icarus.</p>
- <h2 id="Features"><a href="#Features" class="headerlink" title="Features"></a>Features</h2><h3 id="Profile-Sidebar"><a href="#Profile-Sidebar" class="headerlink" title="Profile Sidebar"></a>Profile Sidebar</h3><p>A nice place to show yourself. You can add your own information in your site’s <code>_config.yml</code></p>
- <p><img src="http://ppoffice.github.io/hexo-theme-icarus/gallery/profile.png" alt=""></p>
- <h3 id="Self-hosted-Insite-Search-Engine"><a href="#Self-hosted-Insite-Search-Engine" class="headerlink" title="Self-hosted Insite Search Engine"></a>Self-hosted Insite Search Engine</h3><p>With the help of <a href="https://github.com/ppoffice/hexo-theme-icarus/wiki/Search#insight-search" target="_blank" rel="external">Insight Search</a>, you can search anything inside your site without any third-party plugin.</p>
- <p><img src="https://ooo.0o0.ooo/2016/04/07/57068467ad5ea.png" alt=""></p>
- <h3 id="Custom-Comment-Services"><a href="#Custom-Comment-Services" class="headerlink" title="Custom Comment Services"></a>Custom Comment Services</h3><p>Icarus supports several comment services, give you better choices to communicate with your readers.</p>
- <p><img src="https://ooo.0o0.ooo/2016/02/08/56b884a1e2bc6.png" alt=""></p>
- <h3 id="Post-Banner-amp-Thumbnail"><a href="#Post-Banner-amp-Thumbnail" class="headerlink" title="Post Banner & Thumbnail"></a>Post Banner & Thumbnail</h3><p>Thanks to <a href="https://github.com/atika" target="_blank" rel="external">atika</a>, you can now add thumbnails and banners to every post to create better reading experience.</p>
- <h3 id="Responsive-Layout"><a href="#Responsive-Layout" class="headerlink" title="Responsive Layout"></a>Responsive Layout</h3><p>Icarus knows on what screen size you are browsering the website, and reorganize the layout to fit your device.</p>
- <p><img src="http://ppoffice.github.io/hexo-theme-icarus/gallery/responsive.jpg" alt=""></p>
- <h3 id="Custom-Categories-amp-Tags-Pages"><a href="#Custom-Categories-amp-Tags-Pages" class="headerlink" title="Custom Categories & Tags Pages"></a>Custom Categories & Tags Pages</h3><p>Get your categories and tags listed in single pages to make your blog more methodic.</p>
- <h3 id="Fancybox"><a href="#Fancybox" class="headerlink" title="Fancybox"></a>Fancybox</h3><p>Icarus uses [Fancybox] to showcase your photos. You can use Markdown syntax or fancybox tag plugin to add your photos.</p>
- <figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"></span><br></pre></td></tr></table></figure>
- <h3 id="Sidebar"><a href="#Sidebar" class="headerlink" title="Sidebar"></a>Sidebar</h3><p>Icarus provides 6 built-in widgets:</p>
- <ul>
- <li>recent_posts</li>
- <li>category</li>
- <li>archives</li>
- <li>tag</li>
- <li>tagcloud</li>
- <li>links</li>
- </ul>
- <p>All of them are enabled by default. You can edit them in <code>widget</code> setting.</p>
-
- </div>
- <footer class="article-footer">
- <div class="share-container">
- </div>
- <a data-url="http://ppoffice.github.io/hexo-theme-icarus/about/index.html" data-id="cincq2hvu000150vcj8yvekgq" 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/about/index.html#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/about/index.html">Comments</a>
-
- </footer>
- </div>
-
-
-
- </article>
-
- <section id="comments">
-
-
- <div id="disqus_thread">
- <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
- </div>
-
- </section>
- </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 & 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 & 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">
- © 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';
-
-
- var disqus_url = 'http://ppoffice.github.io/hexo-theme-icarus/about/index.html';
-
- (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>
-
- <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>
|