展示性页面的完成

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+npm-debug.log

_comment.html

@@ -0,0 +1,12 @@
+{{if .Site.Comment}}
+<div id="comments" class="gen">
+    <section id="disqus_thread"></section>
+    <script type="text/javascript">
+        (function() {
+            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+            dsq.src = '//{{.Site.Comment}}.disqus.com/embed.js';
+            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+        })();
+    </script>
+</div>
+{{end}}

_footer.html

@@ -0,0 +1,135 @@
+<footer id="footer" role="contentinfo">
+    <div class="container-fluid">
+        <div class="row">
+        <div class="col-12">
+            &copy; 
+            <script type="text/javascript">
+                document.write(new Date().getFullYear());
+            </script>
+            <a href="/">{{.Site.Title}}</a>.
+            Using <a target="_blank" href="http://www.chole.io/">Ink</a> & <a target="_blank" href="/">Story</a>.
+        </div>
+        </div>
+    </div>
+</footer>
+
+<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
+<script src="{{.Site.Root}}/static/js/prism.js"></script>
+<script src="{{.Site.Root}}/static/js/zoom-vanilla.min.js"></script>
+<script src="{{.Site.Root}}/static/js/main.js"></script>
+
+<script>
+    window.onload=function(){
+        if (window.location.hash!='') {
+          var i=window.location.hash.indexOf('#comment');
+          var ii=window.location.hash.indexOf('#respond-post');
+          if (i != '-1' || ii != '-1') {
+            document.getElementById('btn-comments').innerText='hide comments';
+            document.getElementById('comments').style.display='block';
+          }
+        }
+    }
+
+    function isMenu(){
+        if(document.getElementById('menu-1').style.display=='inline'){
+            $('#search-box').fadeOut(200);
+            $('#menu-page').fadeOut(200);
+            $('#menu-1').fadeOut(500);
+            $('#menu-2').fadeOut(400);
+            $('#menu-3').fadeOut(300);
+        } else {
+            $('#menu-1').fadeIn(150);
+            $('#menu-2').fadeIn(150);
+            $('#menu-3').fadeIn(150);
+        }
+    }
+
+    function isMenu1(){
+        if(document.getElementById('menu-page').style.display=='block'){
+            $('#menu-page').fadeOut(300);
+        } else {
+            $('#menu-page').fadeIn(300);
+        }
+    }
+
+    function isMenu2(){
+        if(document.getElementById('torTree')){
+            if(document.getElementById('torTree').style.display=='block'){
+                $('#torTree').fadeOut(300);
+            } else {
+                $('#torTree').fadeIn(300);
+            }
+        }
+    }
+
+    function isMenu3(){
+        if(document.getElementById('search-box').style.display=='block'){
+            $('#search-box').fadeOut(300);
+        } else {
+            $('#search-box').fadeIn(300);
+        }
+    }
+
+    function isComments(){
+        if(document.getElementById('btn-comments').innerText=='show comments'){
+            document.getElementById('btn-comments').innerText='hide comments';
+            document.getElementById('comments').style.display='block';
+        } else {
+            document.getElementById('btn-comments').innerText='show comments';
+            document.getElementById('comments').style.display='none';
+        }
+    }
+
+    function Search404(){
+        $('#menu-1').fadeIn(150);
+        $('#menu-2').fadeIn(150);
+        $('#menu-3').fadeIn(150);
+        $('#search-box').fadeIn(300);
+    }
+
+    function goBack(){
+        window.history.back();
+    }
+</script>
+
+<!-- cPlayer Start -->
+<script async>
+"use strict";
+(function(){
+var cp = function(){
+    var len = cPlayerOptions.length;
+    for(var i=0;i<len;i++){
+        var element = document.getElementById('player' + cPlayerOptions[i]['id'])
+        while (element.hasChildNodes()) {
+            element.removeChild(element.firstChild);
+        };
+        cPlayers[i] = new cPlayer({
+            element: element,
+            list: cPlayerOptions[i]['list'],
+            });
+    };
+    cPlayers = [];cPlayerOptions = [];
+};
+var script = document.createElement('script');
+script.type = "text/javascript";
+script.src = "https://yumoe.com/usr/plugins/cPlayer/assets/dist/cplayer.js?v=1.2.11";
+script.async = true;
+script.crossOrigin = "anonymous";
+script.integrity = "sha256-DfhgVlsA1ZGGnu67H8m4gS6sKim08dZwCO51NqiW54Q=";
+if(script.readyState){  //IE
+    script.onreadystatechange = function(){
+        if (script.readyState == "loaded" ||
+            script.readyState == "complete"){
+            script.onreadystatechange = null;
+            cp();
+        }
+    };
+}else{  //Others
+    script.onload = function(){
+        cp();
+    };
+}
+document.head.appendChild(script);
+})();
+</script>
+<!-- cPlayer End -->

_head.html

@@ -0,0 +1,80 @@
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta http-equiv="Cache-Control" content="no-siteapp">
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=1">
+<meta name="renderer" content="webkit">
+<meta name="google" value="notranslate">
+<meta name="robots" content="index,follow">
+
+<!-- Twitter -->
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="{{.Site.Title}}">
+<meta name="twitter:description" content="{{.Site.Subtitle}}">
+<meta name="twitter:image:src" content="{{.Site.Url}}{{.Site.Logo}}">
+<!-- Facebook -->
+<meta property="og:url" content="{{.Site.Url}}">
+<meta property="og:title" content="{{.Site.Title}}">
+<meta property="og:description" content="{{.Site.Subtitle}}">
+<meta property="og:site_name" content="{{.Site.Title}}">
+<meta property="og:image" content="{{.Site.Url}}{{.Site.Logo}}">
+<meta property="og:type" content="website">
+<meta name="robots" content="noodp">
+<!-- Google Plus -->
+<meta itemprop="name" content="{{.Site.Title}}">
+<meta itemprop="description" content="{{.Site.Subtitle}}">
+<meta itemprop="image" content="{{.Site.Url}}{{.Site.Logo}}">
+<!-- Canonical URL -->
+<link rel="canonical" href="{{.Site.Url}}">
+
+<link rel="shortcut icon" href="{{.Site.Root}}/favicon.png">
+<link rel="apple-itouch-icon" href="{{.Site.Root}}/favicon.png">
+<!--
+<link rel="stylesheet" href="{{.Site.Root}}/static/index.css">
+-->
+<link type="text/css" rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">
+<link type="text/css" rel="stylesheet" href="{{.Site.Root}}/static/css/prism.css">
+<link type="text/css" rel="stylesheet" href="{{.Site.Root}}/static/css/zoom.css">
+<link type="text/css" rel="stylesheet" href="{{.Site.Root}}/static/css/main.css">
+<!--[if lt IE 9]>
+    <script src="http://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
+    <script src="http://cdn.staticfile.org/respond.js/1.3.0/respond.min.js"></script>
+<![endif]-->
+
+<!-- cPlayer Start -->
+<script>var cPlayers = [];var cPlayerOptions = [];</script>
+<!-- cPlayer End -->
+
+<script type="text/javascript">
+    var timeSinceLang = {
+        year: '{{i18n "since_year"}}',
+        month: '{{i18n "since_month"}}',
+        day: '{{i18n "since_day"}}',
+        hour: '{{i18n "since_hour"}}',
+        minute: '{{i18n "since_minute"}}',
+        second: '{{i18n "since_second"}}'
+    };
+    var root = '{{.Site.Root}}';
+</script>
+{{if .Develop}}
+<script type="text/javascript">
+    var conn, reloadTimer, connectTimer;
+    var connect = function() {
+        conn = new WebSocket('ws://' + location.host + '/live');
+        conn.onmessage = function(event) {
+            if (event.data === 'change') {
+                if (reloadTimer) clearTimeout(reloadTimer);
+                reloadTimer = setTimeout(function() {
+                    window.location.reload();
+                }, 200);
+            }
+        };
+        conn.onclose = function() {
+            if (connectTimer) clearTimeout(connectTimer);
+            connectTimer = setTimeout(function() {
+                connect();
+            }, 1000);
+        };
+    };
+    connect();
+</script>
+{{end}}

_header.html

@@ -0,0 +1,56 @@
+<header id="header" class="clearfix">
+  <div class="container-fluid">
+      <div class="row">
+          <div class="logo">
+              <div class="header-logo">
+                <a href="/">
+                  <span class="b">A</span>
+                </a>
+                <a href="/">
+                  <span class="b">k</span>
+                </a>
+                <a href="/">
+                  <span class="b">k</span>
+                </a>
+                <a href="/">
+                  <span class="w">u</span>
+                </a>
+                <a href="/">
+                  <span class="b">m</span>
+                </a>
+                <a href="/">
+                  <span class="b">a</span>
+                </a>
+                <a href="/">
+                  <span class="b">n</span>
+                </a>
+                <a id="btn-menu" href="javascript:isMenu();">
+                    <span class="b">·</span>
+                </a>
+                <a href="javascript:isMenu1();">
+                    <span id="menu-1" class="bf">1</span>
+                </a>
+                <a href="javascript:isMenu2();">
+                    <span id="menu-2" class="bf">2</span>
+                </a>
+                <a href="javascript:isMenu3();">
+                    <span id="menu-3" class="bf">3</span>
+                </a>
+              </div>
+              <div id="menu-page">
+                <a href="{{.Site.Root}}/archive.html"><li>{{i18n "archive"}}</li></a>
+                <a href="{{.Site.Root}}/tag.html"><li>{{i18n "tag"}}</li></a>
+                {{if .Site.Url}}
+                <a href="{{.Site.Root}}/atom.xml"><li>{{i18n "rss"}}</li></a>
+                {{end}}
+                <a href="about.html"><li>{{i18n "about"}}</li></a>
+              </div>
+              <div id="search-box">
+                  <form id="search">
+                      <input autocomplete="off" type="text" name="s" id="menu-search" placeholder="{{i18n "search"}}..." data-root="{{.Site.Root}}" />
+                  </form>
+              </div>
+          </div>
+      </div>
+  </div>
+  </header>

_search.html

@@ -0,0 +1,4 @@
+<div class="search-wrap">
+  <input id="search" class="search" placeholder="{{i18n "search"}}..." data-root="{{.Site.Root}}">
+  <svg class="icon" width="25" height="25" viewBox="0 0 25 25"><path d="M20.067 18.933l-4.157-4.157a6 6 0 1 0-.884.884l4.157 4.157a.624.624 0 1 0 .884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"></path></svg>
+</div>

archive.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        {{template "head" .}}
+        <meta name="keywords" content="{{.Site.Title}}, {{.Site.Subtitle}}">
+        <meta name="description" content="{{.Site.Subtitle}}">
+        <meta name="author" content="{{.Author.Name}}">
+        <title>{{.Site.Title}}</title>
+    </head>
+    <body>
+        <!--[if lt IE 8]>
+            <div class="browsehappy" role="dialog">当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请 <a href="http://browsehappy.com/">升级你的浏览器</a>.</div>
+        <![endif]-->
+        {{template "header" .}}
+        <div id="body" class="clearfix">
+            <div class="container-fluid">
+                <div class="row">
+                    <div id="main" class="col-12 clearfix" role="main">
+                        <article class="posti" itemscope itemtype="http://schema.org/BlogPosting">
+                            <div class="site">
+                                <h1 class="title">{{.Site.Title}}</h1>
+                                <h2 class="subtitle">{{.Site.Subtitle}}</h2>
+                            </div>
+                            <h3>{{i18n "archive"}} - {{.Total}} {{i18n "articles"}}</h3>
+                            <div id="archives">
+                                {{range .Archive}}
+                                <h4>{{.Year}}</h4>
+                                <ul>
+                                    {{range .Articles}}
+                                    <li>{{.Date}}：
+                                        <a href="{{.Link}}">{{.Title}}</a>
+                                    </li>
+                                    {{end}}
+                                </ul>
+                                {{end}}
+                            </div>
+                        </article>
+                    </div>
+                </div>
+            </div>
+        </div><!-- end #body -->
+        {{template "footer" .}}
+    </body>
+</html>

article.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        {{template "head" .}}
+        <meta name="keywords" content="{{range .Tags}}{{.}},{{end}}">
+        <meta name="description" content="{{.Title}}">
+        <meta name="author" content="{{.Author.Name}}">
+        <title>{{.Title}}</title>
+    </head>
+    <body>
+        <!--[if lt IE 8]>
+            <div class="browsehappy" role="dialog">当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请 <a href="http://browsehappy.com/">升级你的浏览器</a>.</div>
+        <![endif]-->
+        {{template "header" .}}
+        <div id="body" class="clearfix">
+            <div class="container-fluid">
+                <div class="row">
+                    <div id="main" class="col-12 clearfix" role="main">
+                        <article class="posti" itemscope itemtype="http://schema.org/BlogPosting">
+                            <h1 class="post-title" itemprop="name headline">{{.Title}}</h1>
+                            <div class="post-meta">
+                                <p>
+                                    {{if .Author.Name}}Written by <a itemprop="name" href="{{.Site.Root}}/about.{{.Author.Id}}.html" rel="author">{{.Author.Name}}</a>{{end}} with ♥ on <time datetime="{{.Date}}" itemprop="datePublished"></time> in {{range .Tags}}<a href="{{$.Site.Root}}/tag/{{.}}/index.html">{{.}} </a>{{end}}
+                                </p>
+                            </div>
+                            <div class="post-content" itemprop="articleBody">
+                                {{.Content}}
+                            </div>
+                            <div style="display:block;" class="clearfix">
+                                <section style="float:left;">
+                                    <span itemprop="keywords" class="tags">
+                                        tag(s): {{range .Tags}}<a href="{{$.Site.Root}}/tag/{{.}}/index.html">{{.}} </a>{{end}}
+                                    </span>
+                                </section>
+                                <section style="float:right;">
+                                    <span><a id="btn-comments" href="javascript:isComments();">show comments</a></span> · <span><a href="javascript:goBack();">back</a></span> · 
+                                    <span><a href="/">home</a></span>
+                                </section>
+                            </div>
+                            {{template "comment" .}}
+                        </article>
+                    </div>
+                </div>
+            </div>
+        </div><!-- end #body -->
+        {{template "footer" .}}
+    </body>
+</html>