Init v3.2
This commit is contained in:
JiXieShi
55
themes/blog/article.html
Normal file
55
themes/blog/article.html
Normal file
@@ -0,0 +1,55 @@
|
||||
{{template "header" .}}
|
||||
<div class="sub-title">- {{ .Title }} -</div>
|
||||
|
||||
<h1 style="text-align: center">{{ .Data.Title }}</h1>
|
||||
|
||||
<div class="article-info">
|
||||
<span>
|
||||
<img class="icon" src="/public/img/folder.svg" alt="">
|
||||
<span>
|
||||
分类于
|
||||
<a class="category" href="/?category={{ .Data.Category }}">{{ .Data.Category }}</a>
|
||||
</span>
|
||||
</span>
|
||||
<span class="divider-line"></span>
|
||||
<span>
|
||||
<img class="icon" src="/public/img/date.svg" alt="">
|
||||
<span>发表于{{ .Data.Date.Format "2006-01-02 15:04" }}</span>
|
||||
</span>
|
||||
<span class="divider-line"></span>
|
||||
<span>
|
||||
<img class="icon" src="/public/img/tag.svg" alt="">
|
||||
<span>Tags:
|
||||
{{ range .Data.Tags }}
|
||||
<a class="category" href="/?tag={{.}}">{{.}}</a>
|
||||
{{ end }}</span>
|
||||
</span>
|
||||
<!-- <span id="busuanzi_container_page_pv">-->
|
||||
<!-- 已浏览<span id="busuanzi_value_page_pv"></span>次-->
|
||||
<!-- </span>-->
|
||||
</div>
|
||||
|
||||
{{ if ne .Data.MusicId "" }}
|
||||
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/js/v3.js"></script>
|
||||
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/layer/layer.js"></script>
|
||||
<div id="aplayer" class="aplayer" data-order="random" data-id="{{ .Data.MusicId }}" data-server="netease"
|
||||
data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.8"></div>
|
||||
<span class="pln"><span class="pln"> </span></span>
|
||||
{{ end }}
|
||||
<div id="article" class="markdown">
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('article').innerHTML = marked({{ .Data.Body }});
|
||||
</script>
|
||||
<script src="/public/js/prism.js"></script>
|
||||
{{if ne .Config.UtterancesRepo ""}}
|
||||
<script src="https://utteranc.es/client.js" repo="{{ .Config.UtterancesRepo }}" issue-term="[{{ .Data.Title }}]"
|
||||
theme="github-light" crossorigin="anonymous" async>
|
||||
</script>
|
||||
{{end}}
|
||||
{{template "footer" .}}
|
||||
17
themes/blog/categories.html
Normal file
17
themes/blog/categories.html
Normal file
@@ -0,0 +1,17 @@
|
||||
{{template "header" .}}
|
||||
<div class="sub-title">- {{ .Title }} -</div>
|
||||
<div class="categories">
|
||||
{{range .Data}}
|
||||
<div class="categories-card">
|
||||
<a href="/?category={{ .Name }}">
|
||||
<h3><img class="icon" src="/public/img/folder.svg" alt=""> {{ .Name }} <sub>({{ .Quantity }})</sub></h3>
|
||||
</a>
|
||||
<article class="categories-article">
|
||||
{{range .Articles}}
|
||||
<a href="/article?key={{ .ShortUrl }}">{{ .Title }}</a>
|
||||
{{end}}
|
||||
</article>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{template "footer" .}}
|
||||
45
themes/blog/dashboard.html
Normal file
45
themes/blog/dashboard.html
Normal file
@@ -0,0 +1,45 @@
|
||||
{{template "header" .}}
|
||||
<div class="sub-title">- {{ .Title }} -</div>
|
||||
<p>Search：</p>
|
||||
<div class="item-content">
|
||||
<div class="search-box">
|
||||
<input id="search-input" class="search-input" type="text">
|
||||
<img onclick="searchArticle()" class="search-icon" src="/public/img/search.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<p>Theme：</p>
|
||||
<div class="item-content">
|
||||
<ul class="colors">
|
||||
{{range $index, $color := .Config.ThemeOption }}
|
||||
<li onclick="selectColor('{{ $index }}')" class="{{ if eq $color $.Config.ThemeColor }}active{{end}}" style="background-color: {{ $color }}"></li>
|
||||
{{end}}
|
||||
</ul>
|
||||
</div>
|
||||
<p>Action：</p>
|
||||
<div class="item-content">
|
||||
<div class="action">
|
||||
<a href="{{ .Config.DashboardEntrance }}?action=updateArticle">更新文章</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ if .Data.msg }}
|
||||
<div id="action-msg" class="action-msg">
|
||||
{{range $msg := .Data.msg }}
|
||||
<span>{{ $msg }}</span>
|
||||
{{ end }}
|
||||
<span class="close" onclick="document.getElementById('action-msg').remove()">x</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
<span class="action-tip">提示：更新文章会执行git pull命令，和你的仓库网络有关，等待时间可能会稍长。</span>
|
||||
<script>
|
||||
function selectColor(index) {
|
||||
window.location.href = '{{ .Config.DashboardEntrance }}?theme=' + index
|
||||
}
|
||||
function searchArticle() {
|
||||
var searchKey = document.getElementById('search-input').value;
|
||||
searchKey = searchKey.replace(/^\s+|\s+$/g,"")
|
||||
if("" === searchKey){return}
|
||||
|
||||
window.location.href = '/?search=' + searchKey
|
||||
}
|
||||
</script>
|
||||
{{template "footer" .}}
|
||||
7
themes/blog/extraNav.html
Normal file
7
themes/blog/extraNav.html
Normal file
@@ -0,0 +1,7 @@
|
||||
{{template "header" .}}
|
||||
<div class="sub-title">- {{ .Title }} -</div>
|
||||
<div id="about"></div>
|
||||
<script>
|
||||
document.getElementById('about').innerHTML = marked({{ .Data.Body }});
|
||||
</script>
|
||||
{{template "footer" .}}
|
||||
55
themes/blog/index.html
Normal file
55
themes/blog/index.html
Normal file
@@ -0,0 +1,55 @@
|
||||
{{template "header" .}}
|
||||
<div class="sub-title">- {{ .Title }} -</div>
|
||||
|
||||
<ul class="articles">
|
||||
{{range .Data.List }}
|
||||
<li>
|
||||
<h2>
|
||||
<a class="title" href="/article?key={{ .ShortUrl }}">{{ .Title }}</a>
|
||||
</h2>
|
||||
<div class="article-info">
|
||||
{{ if ne .Category "" }}
|
||||
<span>
|
||||
<img class="icon" src="/public/img/folder.svg" alt="">
|
||||
<span>
|
||||
分类于
|
||||
<a class="category" href="/?category={{ .Category }}">{{ .Category }}</a>
|
||||
</span>
|
||||
</span>
|
||||
<span class="divider-line"></span>
|
||||
{{ end }}
|
||||
<span>
|
||||
<img class="icon" src="/public/img/date.svg" alt="">
|
||||
<span>发表于{{ .Date.Format "2006-01-02 15:04" }}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="description"> {{ .Description }}...</div>
|
||||
<a class="read-all" href="/article?key={{ .ShortUrl }}" rel="contents">
|
||||
阅读全文 »
|
||||
</a>
|
||||
<div class="article-eof"></div>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
|
||||
<ul class="pagination">
|
||||
{{ range $page := SpreadDigit .Data.TotalPage }}
|
||||
<li
|
||||
class="{{ if eq $page $.Data.Page }}active{{end}}"
|
||||
{{ if ne $page $.Data.Page }}onclick="goPage({{$page}})"{{end}}
|
||||
>
|
||||
<a href="javascript:;">{{ $page }}</a>
|
||||
</li>
|
||||
{{end}}
|
||||
<li style="color: #bfbfbf;">
|
||||
[{{ .Data.Total }}]
|
||||
</li>
|
||||
</ul>
|
||||
<script>
|
||||
var urlParams = currentUrlToParams();
|
||||
function goPage(page) {
|
||||
urlParams.page = page
|
||||
window.location.href = "/" + obj2StrParams(urlParams)
|
||||
}
|
||||
</script>
|
||||
{{template "footer" .}}
|
||||
15
themes/blog/layouts/footer.html
Normal file
15
themes/blog/layouts/footer.html
Normal file
@@ -0,0 +1,15 @@
|
||||
{{define "footer"}}
|
||||
</div>
|
||||
<div class="footer">
|
||||
<span>{{ .Config.Icp }}</span><span class="footer-divider"> | </span>
|
||||
<span>
|
||||
© 2018 - 2022 {{ .Config.Author }}
|
||||
Powered By <a href="{{ .Config.AppRepository }}" target="_blank"> {{ .Config.AppName }} </a>
|
||||
</span>
|
||||
<span id="busuanzi_container_site_pv" style='display:none'>
|
||||
总访问量<span id="busuanzi_value_site_pv"></span>次
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{{ end}}
|
||||
69
themes/blog/layouts/head.html
Normal file
69
themes/blog/layouts/head.html
Normal file
@@ -0,0 +1,69 @@
|
||||
{{define "header"}}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="shortcut icon" href="public/img/favicon.ico" type="image/x-icon">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="Keywords" content="{{ .Config.HtmlKeywords }}"/>
|
||||
<meta name="description" content="{{ .Config.HtmlDescription }}"/>
|
||||
<title>{{ .Title }} - {{ .Config.SiteName }}</title>
|
||||
<style>
|
||||
:root {
|
||||
--primary: {
|
||||
{
|
||||
.Config.ThemeColor
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/public/css/app.css">
|
||||
<link href="/public/css/prism.css" rel="stylesheet"/>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
|
||||
<script src="/public/js/marked.min.js"></script>
|
||||
<script async src="https://busuanzi.icodeq.com/busuanzi.pure.mini.js"></script>
|
||||
<script>
|
||||
function obj2StrParams(obj, firstStr = '?') {
|
||||
let params = firstStr;
|
||||
for (let p in obj) {
|
||||
let isFirst = (params === '?');
|
||||
let qz = isFirst ? '' : (params === '&' ? '' : '&');
|
||||
params += (qz + p + '=' + obj[p])
|
||||
}
|
||||
return params
|
||||
}
|
||||
|
||||
function currentUrlToParams(key = null) {
|
||||
let paramsUrl = (window.location.href).split('?');
|
||||
|
||||
if (paramsUrl.length < 2) return key ? null : {};
|
||||
let paramsArr = paramsUrl[1].split('&');
|
||||
let paramsData = {}
|
||||
|
||||
paramsArr.forEach(r => {
|
||||
let data = r.split('=')
|
||||
paramsData[data[0]] = data[1]
|
||||
})
|
||||
if (key) return paramsData.hasOwnProperty(key) ? paramsData[key] : null;
|
||||
return paramsData;
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="theme{{ .Config.ThemeColor }}">
|
||||
<nav class="head">
|
||||
<div class="container head-content">
|
||||
<div class="logo">{{ .Config.SiteName }}</div>
|
||||
<div class="nav">
|
||||
<a href="/blog">Blog</a>
|
||||
<a href="/categories">Categories</a>
|
||||
{{range $nav := .Navs }}
|
||||
<a href="/extra-nav?name={{ $nav.Title }}">{{ $nav.Title }}</a>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="post-warp">
|
||||
{{ end }}
|
||||
477
themes/blog/public/css/app.css
Normal file
477
themes/blog/public/css/app.css
Normal file
@@ -0,0 +1,477 @@
|
||||
|
||||
*{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html {
|
||||
font-family: josefin sans,-apple-system,BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,STHeiti,microsoft yahei,wenquanyi micro hei,Arial,Verdana,sans-serif;
|
||||
}
|
||||
html::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px
|
||||
}
|
||||
|
||||
html::-webkit-scrollbar-thumb {
|
||||
height: 40px;
|
||||
background-color: #eee;
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
html::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #ddd
|
||||
}
|
||||
pre{
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
background: #f5f2f0;
|
||||
}
|
||||
body{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
|
||||
a{
|
||||
color: #161209;
|
||||
text-decoration: none;
|
||||
transition: color .2s ease,border-color .46s ease,background .46s ease,opacity .46s ease;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
color: #673ab7;
|
||||
color: var(--primary,#673ab7);
|
||||
|
||||
}
|
||||
p{
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
text-indent: 2em;
|
||||
position: relative;
|
||||
margin: 20px 0;
|
||||
}
|
||||
blockquote::before{
|
||||
position: absolute;
|
||||
left: -32px;
|
||||
top: -10px;
|
||||
content: '“';
|
||||
font-family: fantasy;
|
||||
font-size: 40px;
|
||||
color: #673ab7;
|
||||
color: var(--primary,#673ab7);
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 860px){
|
||||
body{
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: josefin sans;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.eot);
|
||||
src: local("Josefin Sans"),local("JosefinSans-Normal"),url(//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.eot?#iefix) format("embedded-opentype"),url(//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.woff2) format("woff2"),url(//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.woff) format("woff"),url(//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.ttf) format("truetype"),url(//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.svg#JosefinSans) format("svg")
|
||||
}
|
||||
|
||||
|
||||
.container {
|
||||
width: auto;
|
||||
max-width: 1200px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.head{
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
}
|
||||
.head-content{
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@media screen and (max-width: 860px){
|
||||
.head-content{
|
||||
padding-top: 10px;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.nav a{
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
font-size: 32px;
|
||||
margin-bottom: 82px;
|
||||
}
|
||||
@media screen and (max-width: 860px){
|
||||
.sub-title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.post-warp{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
max-width: 780px;
|
||||
margin: 0 auto;
|
||||
min-height: calc(100vh - 120px);
|
||||
padding: 46px 0;
|
||||
}
|
||||
@media screen and (max-width: 860px){
|
||||
.post-warp{
|
||||
min-height: calc(100vh - 132px);
|
||||
}
|
||||
}
|
||||
|
||||
.markdow img{
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
.footer{
|
||||
color: #999;
|
||||
display: flex;
|
||||
height: 54px;
|
||||
line-height: 1;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.footer-divider{
|
||||
margin: 0 10px;
|
||||
}
|
||||
@media screen and (max-width: 860px){
|
||||
.footer{
|
||||
flex-direction: column;
|
||||
}
|
||||
.footer span{
|
||||
text-align: center;
|
||||
padding: 4px 0;
|
||||
}
|
||||
.footer-divider{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.footer a{
|
||||
color: #999;
|
||||
margin: 0 8px;
|
||||
}
|
||||
pre{
|
||||
border-radius: 3px;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
overflow: auto;
|
||||
}
|
||||
hr{
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
hr:after{
|
||||
content: '';
|
||||
display: block;
|
||||
margin: 30px auto;
|
||||
width: 10%;
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/*Categories*/
|
||||
|
||||
.categories{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
.categories-card{
|
||||
width: 50%;
|
||||
margin-bottom: 46px;
|
||||
min-height: 250px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
@media screen and (max-width: 860px){
|
||||
.categories-card{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.icon{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.categories-article{
|
||||
text-indent: 2em;
|
||||
}
|
||||
.categories-article a{
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/*Pagination*/
|
||||
|
||||
.pagination{
|
||||
display: flex;
|
||||
margin: 60px 0;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
}
|
||||
.pagination li{
|
||||
list-style-type: none;
|
||||
margin: 0 10px;
|
||||
width: 20px;
|
||||
}
|
||||
.pagination li a {
|
||||
text-align: center;
|
||||
display: block;
|
||||
width: 100%;
|
||||
color: #bfbfbf;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
.pagination li a:hover,.pagination .active a{
|
||||
border-bottom: 3px solid #673ab7;
|
||||
border-bottom: 3px solid var(--primary,#673ab7);
|
||||
}
|
||||
|
||||
/*Index*/
|
||||
.articles{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-height: 400px;
|
||||
}
|
||||
.articles li{
|
||||
padding-bottom: 8px;
|
||||
list-style-type: none;
|
||||
margin: 40px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.articles li:after{
|
||||
content: '';
|
||||
display: block;
|
||||
margin: 60px auto;
|
||||
width: 10%;
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.articles li:last-child:after{
|
||||
display: none;
|
||||
}
|
||||
.read-all{
|
||||
display: inline-block;
|
||||
padding: 4px 20px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
background: #673ab7;
|
||||
border: 2px solid #673ab7;
|
||||
background: var(--primary,#673ab7);
|
||||
border: 2px solid var(--primary,#673ab7);
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
.read-all:hover{
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.articles li .title{
|
||||
color: #555;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.articles li .title:hover{
|
||||
color: #673ab7;
|
||||
color: var(--primary,#673ab7);
|
||||
}
|
||||
.article-info{
|
||||
margin:20px 0 60px;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-flow: wrap;
|
||||
}
|
||||
|
||||
.article-info img{
|
||||
position: relative;
|
||||
top: 2px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.article-img img{
|
||||
position: relative;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
border-radius:3%;
|
||||
object-fit:cover;
|
||||
}
|
||||
.article-info .divider-line{
|
||||
width: 2px;
|
||||
height: 16px;
|
||||
background: #999;
|
||||
margin: 0 14px;
|
||||
}
|
||||
.article{
|
||||
padding: 10px 0;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.articles .description{
|
||||
color: #555;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
line-height: 2;
|
||||
text-indent: 2em;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@media screen and (max-width: 860px){
|
||||
.articles .description{
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.sub{
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/*dashboard*/
|
||||
.item-content{
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.search-box{
|
||||
height: 40px;
|
||||
display: flex;
|
||||
border-radius: 2px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border: 1px solid #673ab7;
|
||||
border: 1px solid var(--primary,#673ab7);
|
||||
width: 320px;
|
||||
}
|
||||
.search-input{
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
border: none;
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.search-input:focus,.search-input:active{
|
||||
border: none;
|
||||
outline:none;
|
||||
}
|
||||
.search-icon{
|
||||
cursor: pointer;
|
||||
margin: 0 10px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.colors{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.colors li{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 10px 20px;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
.colors li.active:before{
|
||||
content: '';
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #fff;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.action{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.action a{
|
||||
padding: 8px 16px;
|
||||
border-radius: 2px;
|
||||
opacity: .8;
|
||||
color: #fff;
|
||||
background-color: #673ab7;
|
||||
background-color: var(--primary,#673ab7);
|
||||
font-size: 14px;
|
||||
}
|
||||
.action a:hover{
|
||||
opacity: 1;
|
||||
box-shadow: 0 0 4px rgba(0,0,0,.2);
|
||||
}
|
||||
.action-tip{
|
||||
font-size: 14px;
|
||||
color: #673ab7;
|
||||
color: var(--primary,#673ab7);
|
||||
}
|
||||
.action-msg{
|
||||
z-index: 1400;
|
||||
position: fixed;
|
||||
top: 24px;
|
||||
left: auto;
|
||||
right: 24px;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 12px 16px;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
opacity: 1;
|
||||
min-width: 288px;
|
||||
border-radius: 4px;
|
||||
background-color: #673ab7;
|
||||
background-color: var(--primary,#673ab7);
|
||||
box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12);
|
||||
}
|
||||
.action-msg .close{
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: auto;
|
||||
font-size: 16px;
|
||||
right: 24px;
|
||||
}
|
||||
5
themes/blog/public/css/prism.css
Normal file
5
themes/blog/public/css/prism.css
Normal file
@@ -0,0 +1,5 @@
|
||||
/* PrismJS 1.28.0
|
||||
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+bash+c+cpp+cmake+go+java+json+json5+kotlin+lua+markup-templating+nginx+php+python+verilog+yaml&plugins=line-highlight+show-language+toolbar+copy-to-clipboard */
|
||||
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
|
||||
pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,.2)}
|
||||
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
|
||||
BIN
themes/blog/public/fonts/josefin.woff2
Normal file
BIN
themes/blog/public/fonts/josefin.woff2
Normal file
Binary file not shown.
1
themes/blog/public/img/date.svg
Normal file
1
themes/blog/public/img/date.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1556811784413" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3571" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M508.34940208 792.26591763c-22.11718637 0-41.00975882-7.11308325-56.67650371-21.35017245-15.66674489-14.23102103-25.65006222-35.48046222-29.95116562-63.7422554l-58.0600415 4.9152c3.68579318 37.8919443 18.47993837 68.30307555 44.38850372 91.23703467 25.90613808 22.94002725 59.33677985 34.4064 100.29920711 34.4064 49.96634548 0 89.39353125-18.22507615 118.26942103-54.68008297 23.75558637-29.69144889 35.63459318-64.91704889 35.63459319-105.67437273 0-42.80107615-13.51740682-77.82035911-40.54979319-105.06027616-27.03238637-27.23263525-60.21059318-40.85562785-99.53097956-40.85562784-29.69751703 0-58.05882785 9.06338608-85.09121422 27.9025588L461.34916741 437.96859259H640.64474075v-52.18607407H417.11236741l-43.62027616 231.3505754 51.91543467 6.7744806c8.18835911-12.90209659 19.45448297-23.38542933 33.79230341-31.47912534 14.3317523-8.08520059 30.41113125-12.12901452 48.22721422-12.12901451 28.672 0 51.86324859 9.11799941 69.57981393 27.3406483 17.71171082 18.22993067 26.57242075 43.11540622 26.57242074 74.65035851 0 33.17699318-9.21508978 59.80281363-27.64648297 79.87139319-18.43260682 20.07100682-40.96242725 30.10408297-67.58339317 30.10408296z" fill="#999"></path><path d="M894.81762133 50.82074075H131.55259733C85.31694933 50.82074075 47.17985185 88.05732503 47.17985185 134.29418667v756.1337363C47.17985185 936.66478459 85.31694933 974.39288889 131.55259733 974.39288889h763.41551408C941.20497303 974.39288889 978.03377778 936.66478459 978.03377778 890.42792297V134.29418667c0-46.23686163-36.98050845-83.47344592-83.21615645-83.47344592zM732.27377778 117.57037037c30.16233718 0 54.61333333 24.45099615 54.61333333 54.61333333s-24.45099615 54.61333333-54.61333333 54.61333333-54.61333333-24.45099615-54.61333333-54.61333333 24.45099615-54.61333333 54.61333333-54.61333333z m-439.33392593 0c30.16233718 0 54.61333333 24.45099615 54.61333333 54.61333333s-24.45099615 54.61333333-54.61333333 54.61333333-54.61333333-24.45099615-54.61333333-54.61333333 24.45099615-54.61333333 54.61333333-54.61333333zM905.216 890.42792297c0 6.01110755-4.23556741 11.14718815-10.24667497 11.14718814H131.55259733c-6.01110755 0-11.5549677-5.13486697-11.5549677-11.14718814V276.55585185h785.21837037v613.87207112z" fill="#999"></path></svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
BIN
themes/blog/public/img/favicon.ico
Normal file
BIN
themes/blog/public/img/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
1
themes/blog/public/img/favicon.svg
Normal file
1
themes/blog/public/img/favicon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1558276399452" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2757" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M511.939185 874.030645C312.344934 874.030645 149.969355 711.655066 149.969355 511.939185c0-199.594251 162.375579-361.96983 361.96983-361.96983 199.594251 0 361.96983 162.375579 361.96983 361.96983 0.12163 199.715881-162.253949 362.09146-361.96983 362.09146z m0-677.963654C337.76553 196.066991 195.945362 337.76553 195.945362 512.060815s141.698539 315.993823 315.993823 315.993823S827.933009 686.356099 827.933009 512.060815 686.23447 196.066991 511.939185 196.066991z" fill="#5B5C5C" p-id="2758"></path><path d="M554.144673 333.265233c-17.636299-35.759116-28.461337-70.666825-33.934672-90.978976V498.681554c9.000594 3.40563 15.325336 11.919705 15.325336 22.014966 0 13.014372-10.581779 23.596152-23.596152 23.596151s-23.596152-10.581779-23.596151-23.596151c0-10.581779 7.05452-19.460744 16.663261-22.379855V242.042998c-5.473334 20.190521-16.298373 55.21986-34.056301 91.222235-27.73156 56.071267-62.274379 105.452904-62.274379 105.452905L430.93384 741.089441s21.041929 23.474522 81.613493 23.474521c60.693194 0 81.613493-23.474522 81.613494-23.474521l22.136595-302.371303c0.12163 0-34.42119-49.381637-62.152749-105.452905z" fill="#5B5C5C" p-id="2759"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
1
themes/blog/public/img/folder.svg
Normal file
1
themes/blog/public/img/folder.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M853.333333 938.666667H170.666667c-72.533333 0-128-55.466667-128-128V213.333333c0-72.533333 55.466667-128 128-128h213.333333c12.8 0 25.6 8.533333 34.133333 17.066667L490.666667 213.333333H853.333333c72.533333 0 128 55.466667 128 128v469.333334c0 72.533333-55.466667 128-128 128zM170.666667 170.666667c-25.6 0-42.666667 17.066667-42.666667 42.666666v597.333334c0 25.6 17.066667 42.666667 42.666667 42.666666h682.666666c25.6 0 42.666667-17.066667 42.666667-42.666666V341.333333c0-25.6-17.066667-42.666667-42.666667-42.666666h-384c-12.8 0-25.6-8.533333-34.133333-17.066667L362.666667 170.666667H170.666667z" fill="#999"></path></svg>
|
||||
|
After Width: | Height: | Size: 922 B |
1
themes/blog/public/img/search.svg
Normal file
1
themes/blog/public/img/search.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1566293108350" class="icon" viewBox="0 0 1030 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2103" width="48.28125" height="48" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M738.618409 646.405992c96.606263 96.606263 192.944918 192.944918 290.889218 290.621611-31.310063 29.169204-62.352519 57.803193-93.662582 86.972397-93.662582-93.662582-190.001237-190.001237-286.875107-286.875107-104.099269 71.451169-215.691545 95.535833-336.917687 66.901844-96.87387-22.746627-175.015224-75.732887-233.621239-156.282708-120.690927-165.648966-98.747122-390.439162 42.81718-530.130212 149.860131-147.719272 377.861615-153.339027 534.947145-33.450922C814.08369 205.389036 876.436208 448.644141 738.618409 646.405992zM728.984544 407.700212C728.984544 230.008915 585.814598 86.036146 408.658514 86.036146 231.502431 86.036146 86.994448 230.276522 86.994448 407.164998c0 178.226513 143.972768 322.466888 321.664066 321.664066C587.152634 728.293849 728.984544 585.926725 728.984544 407.700212z" p-id="2104"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
1
themes/blog/public/img/tag.svg
Normal file
1
themes/blog/public/img/tag.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711012507479" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1625" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M648.32 715.072l-124.992 125.056a224 224 0 0 1-316.8 0l-22.656-22.656a224 224 0 0 1 0-316.8L308.48 376.064l63.488 63.232-124.736 124.8a134.4 134.4 0 0 0-6.528 183.04l6.528 7.04 22.656 22.592a134.4 134.4 0 0 0 183.04 6.528l7.04-6.528 124.928-124.992 63.36 63.296z m-44.288-295.04a44.8 44.8 0 0 1 0 63.36L484.736 602.56a44.8 44.8 0 1 1-63.36-63.36l119.296-119.232a44.8 44.8 0 0 1 63.36 0z m236.032-213.504a224 224 0 0 1 0 316.8l-123.84 123.84-63.488-63.296 123.968-123.904a134.4 134.4 0 0 0 6.592-183.04l-6.592-7.04-22.592-22.592a134.4 134.4 0 0 0-183.04-6.592l-7.04 6.592-124.224 124.16-63.488-63.232 124.352-124.288a224 224 0 0 1 316.8 0l22.592 22.592z" p-id="1626"></path></svg>
|
||||
|
After Width: | Height: | Size: 1012 B |
6
themes/blog/public/js/marked.min.js
vendored
Normal file
6
themes/blog/public/js/marked.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
27
themes/blog/public/js/prism.js
Normal file
27
themes/blog/public/js/prism.js
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user