-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
113 lines (111 loc) · 5.61 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1" />
<title>AHUIGO的笔记</title>
<meta name='description' content='ahuigo, note, blog, spa, programming'>
<meta name="author" content="ahuigo">
<link rel="stylesheet" href="/assets/main.css">
<script type="text/javascript">
const config = {
// your github's username
user: 'ahuigo',
// your github's repo name
repo: 'ahuigo.github.io', // 如果自建域名的话，就必须要指定你的仓库
use_cached_dir: false,
disqus_user: 'ahuigo',
}
const matchHost = location.host.match(/^([^\.]+)\.github\.io$/)
if(matchHost){
config.repo = location.host
config.use_cached_dir= true
config.user = matchHost[1]
}
if(location.hostname==='m'){
config.use_cached_dir= true
}
window.config = config
console.log(window.config)
</script>
</head>
<body class="layout-documentation page-layout">
<div>
<div class="pure-menu pure-menu-horizontal" style=" background: #363636; ">
<a href="#" class="pure-menu-heading pure-menu-link"><strong>AHUIGO'S NOTES</STRONG></a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a class="is-primary" href="/">🏠 Home</a></li>
<li class="pure-menu-item"><a class="is-primary" href="?p=d~post">📂 Archive</a></li>
<li class="pure-menu-item"><a class="is-primary" href="/?p=f~readme">📖 Readme</a></li>
<li class="pure-menu-item"><a class="is-primary" href="//github.com/ahuigo">🐙 Github</a></li>
<li class="pure-menu-item"><a class="is-primary" href="/atom.xml">📶 Rss</a></li>
</ul>
</div>
<div id="app">
<!-- imgview -->
<div :id="'imgview'" v-if="imgsrc" @click="imgsrc=null">
<div class="popup-back"></div>
<div class="img-wrapper"><img :src="imgsrc"></div>
</div>
<!-- left menu -->
<div :class="{left:true, 'active':showMenu}" >
<button class="button is-primary menu-toggle" :class="{a:true}" @click="showMenu=!showMenu">
<template v-if="showMenu"> Close </template>
<template v-else>Open</template>
</button>
<tree-folder :nodes="nodes" :class="{'active':showMenu}" :show="show"></tree-folder>
</div>
<div class="middle" v-on="showMenu?{click:r=>showMenu=false}:{}">
<router-view></router-view>
<div class="hr"></div>
<div class="share" style="display:flex;justify-content:space-between">
<div>
<h4>分享文章</h4>
<div>
<span @click="openShare('twitter', this)" class="icon twitter-icon">
twitter
</span>
<span @click="openShare('weibo')" class="icon weibo-icon">微博 </span>
</div>
</div>
</div>
<div class="hr"></div>
<div id="disqus_thread">
<button id="show-comments" class="button is-primary" onclick="disqus();return false;">Load Discus</button>
</div>
</div>
<div class="right">
<div id="search" class="pure-form">
<fieldset>
<input id="search_q" placeholder="Google" @keyup.enter="searchBlog($('#search_q').value)">
<button @click="searchBlog($('#search_q').value)" class="pure-button pure-button-primary">搜索</button>
</fieldset>
</div>
<div id="toc"></div>
</div>
</div>
<button class="button is-primary" onclick="window.scroll(0, 10)" id="up">Up</button>
<button class="button is-primary" onclick="window.scrollTo(0,document.body.scrollHeight)" id="down">Down</button>
</div>
<template id="tree-folder">
<ul class="pure-menu-list" v-if="show">
<li class="pure-menu-item" v-for="(file,index) in nodes" :key="file.path">
<a v-if="file.type==='dir'" :type="file.type" class="folder" @click="openFolder(file)" :xhref="'?p=d~'+file.path.slice(0).replaceAll('/','~')">{{file.name}}
</a>
<router-link v-else :type="file.type" class="file" :to="'?p=f~'+file.path.slice(0,-3).replaceAll('/','~')">{{file.name.slice(0,-3)}} </router-link>
<tree-folder v-if="file.nodes" :show="file.show" :nodes="file.nodes"></tree-folder>
</li>
</ul>
</template>
<template id="md">
<div id="content" v-html="marked(md)"></div>
</template>
<link href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/highlight.js/11.4.0/styles/monokai-sublime.min.css" rel="stylesheet">
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/highlight.js/11.4.0/highlight.min.js"></script>
<link href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.15.2/katex.min.css" rel="stylesheet">
<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.15.2/katex.min.js"></script>
<link href="/assets/purecss@2.0.3.css" rel="stylesheet" >
<script src="/assets/marked.js"></script>
<script type="module" src="/assets/blog.js?a=3"></script>
</body>
</html>