Skip to content

Commit

Permalink
Site updated: 2024-10-07 19:48:15
Browse files Browse the repository at this point in the history
  • Loading branch information
sz134055 committed Oct 7, 2024
1 parent f248315 commit ba1bc16
Show file tree
Hide file tree
Showing 44 changed files with 10,088 additions and 0 deletions.
483 changes: 483 additions & 0 deletions 2024/09/04/hello-world/index.html

Large diffs are not rendered by default.

485 changes: 485 additions & 0 deletions 2024/10/07/youdao-api/index.html

Large diffs are not rendered by default.

383 changes: 383 additions & 0 deletions about/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,383 @@
<!DOCTYPE html>
<html>
<head>

<title>About-Serene</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="/image/favicon.ico">

<link rel="stylesheet" href="/css/index.css">


<meta name="keywords" content="学习笔记,爬虫,Web">
<meta name="description" content="描述">


<script src="/js/jquery.min.js"></script>


<script src="/js/index.js"></script>


<script src="/js/fancybox.umd.js"></script>


<script src="/js/fancybox-images.js"></script>


<script src="/js/gitalk.min.js"></script>


<script src="/js/hljs.min.js"></script>

<script>hljs.highlightAll();</script>

<meta name="generator" content="Hexo 7.3.0"></head>

<body>

<div class="header">
<div class="header-top" id="header-top">
<div class="h-left">
<a href="/">
<img src="/image/logo.png" alt="Quiet">
</a>
</div>
<div class="h-right">
<ul>


<li>
<a href="/">
主页
</a>
<span class="dot"></span>
</li>



<li>
<a href="/categories">
分类
</a>
<span class="dot"></span>
</li>



<li>
<a href="/tags">
标签
</a>
<span class="dot"></span>
</li>



<li class="select">
<a href="/about">
关于
</a>
<span class="dot"></span>
</li>


</ul>
</div>
<div class="h-right-close">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
<path fill="none" d="M0 0h24v24H0z" />
<path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z" fill="rgba(68,68,68,1)" />
</svg>
</div>
</div>
</div>
<div class="sidebar">
<div class="topo">
<h2>Skrifan</h2>
</div>
<ul>

<li>
<a href="/">主页</a>
</li>

<li>
<a href="/categories">分类</a>
</li>

<li>
<a href="/tags">标签</a>
</li>

<li>
<a href="/about">关于</a>
</li>

</ul>
<div class="my_foot">

<a href="">
<img src="" alt="Quiet主题">
</a>

</div>
</div>
<div class='shelter'>
</div>
<style>
.shelter{
background-color: #333;
opacity:0.5;
cursor: pointer;
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1998;
}
.sidebar {
width: 0;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 1999;
text-align: center;
box-shadow: -6px 0 20px rgba(98, 94, 94, .815)
}

.topo {
width: 100%;
height: 200px;
background: url(https://api.ixiaowai.cn/gqapi/gqapi.php) no-repeat;
background-size: 100% 100%;
position: relative;
display: flex;
align-items: flex-end
}

.topo h2 {
color: #fff;
z-index: 1;
position: relative;
margin: 0 0 10px 10px;
font-size: 1.2em;
box-sizing: border-box
}

.topo:before {
content: '';
background-image: url(/image/pattern.png);
background-repeat: repeat;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}

.sidebar ul {
width: 100%;
margin-top: 50px
}

.sidebar ul li {
height: 50px;
list-style: none;
font-size: 1.2em;
text-align: right;
margin-right: 10px
}

.sidebar ul li a {
display: grid;
color: #5d606a;
text-overflow: ellipsis;
width: 100%;
text-decoration: none
}

.my_foot {
width: 100%;
padding: 10px;
margin-bottom: 10px;
position: absolute;
bottom: 0
}

.my_foot a {
text-decoration: none;
margin-right: 10px;
display: inline-block
}

.my_foot a img {
width: 30px;
height: 30px
}
</style>

<script>
$( function () {
$( '.h-right-close>svg' )
.click( function () {
$( '.sidebar' )
.animate( {
width: "66%"
}, 500 );
$( '.shelter' )
.fadeIn( "slow" )
} );
$( '.shelter' )
.click( function ( e ) {
$( '.sidebar' )
.animate( {
width: "0"
}, 500 );
$( '.shelter' )
.fadeOut( "slow" )
} )
} )

</script>

<div class="about">
<div class="about-header-background">
<div class="about-header-background-content">
<img src="https://cdn.jsdelivr.net/gh/duogongneng/MyBlogImg/imgIMG_7327.jpeg" alt="Q">
<h1> Test
<span>Test</span>
</h1>
</div>
</div>

<div class="about-content" id="content" >
<div id="article" class="about-content-info">

</div>
<div id=""></div>
</div>
</div>


<div class="footer">
<div class="Copyright">
©2024 By Skrifan. 主题:<a
style="text-decoration: none;display: contents; color: #898F9F;"
target="_blank" rel="noopener" href="https://github.com/79e/hexo-theme-quiet">Quiet</a>
</div>
<div class="contact">

<a href="">
<img src="" alt="Quiet主题">
</a>

</div>
</div>

<script src="/js/gotop.js"></script>


<style type="text/css">
@media screen and (min-width: 600px) {
.goTop>span {
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
width: 40px;
height: 40px;
cursor: pointer;
opacity: 0.8;
background: rgba(18, 24, 58, 0.06);
text-align: center;
transition: border .5s;
border: 1px solid rgba(18, 24, 58, 0.06);

-moz-transition: border .5s;
/* Firefox 4 */
-webkit-transition: border .5s;
/* Safari 和 Chrome */
-o-transition: border .5s;
/* Opera */
}

.goTop>span:hover {
border: 1px solid #6680B3;
}


.goTop {
position: fixed;
right: 30px;
bottom: 80px;
}

.goTop>span>svg {
width: 20px;
height: 20px;
opacity: 0.7;
}

}

@media screen and (max-width: 600px) {
.goTop {
display: none;
}
}
</style>
<div class="goTop" id="js-go_top">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g>
<path d="M13 12v8h-2v-8H4l8-8 8 8z"></path>
</g>
</svg>
</span>
</div>
<script>
$( '#js-go_top' )
.gotoTop( {
offset: 500,
speed: 300,
animationShow: {
'transform': 'translate(0,0)',
'transition': 'transform .5s ease-in-out'
},
animationHide: {
'transform': 'translate(100px,0)',
'transition': 'transform .5s ease-in-out'
}
} );
</script>


<!-- Gitalk -->
<script>
const data = '{"clientID":"02b3c","clientSecret":"adfc7b4","repo":"gimment","owner":"duneng","admin":"duneng"}'
const gitalk = new Gitalk({
...JSON.parse( data),
id:location.pathname,
distractionFreeMode:false
})

if(Boolean('false')){
gitalk.render('gitalk-container')
}
</script>

<script>
console.log('\n %c Hexo-Quiet 主题 %c https://github.com/79e/hexo-theme-quiet \n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;')
</script>
</body>
</html>

Loading

0 comments on commit ba1bc16

Please sign in to comment.