Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@azure2870
azure2870 authored Nov 17, 2024
1 parent feef9d6 commit 8299cb2
Show file tree
Hide file tree
Showing 20 changed files with 681 additions and 0 deletions.
12 changes: 12 additions & 0 deletions FH-HomePage/icon/icon.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
@font-face {
font-family: 'iconfont'; /* Project id 4570482 */
src: url('//at.alicdn.com/t/c/font_4570482_cn45pyz9q7s.woff2?t=1717259281024') format('woff2'),
url('//at.alicdn.com/t/c/font_4570482_cn45pyz9q7s.woff?t=1717259281024') format('woff'),
url('//at.alicdn.com/t/c/font_4570482_cn45pyz9q7s.ttf?t=1717259281024') format('truetype');
}
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
183 changes: 183 additions & 0 deletions FH-HomePage/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,183 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- 浏览器标签上显示的网站标题 -->
<title></title>
<!-- 网站介绍 -->
<meta name="description" content="">
<!-- 网站关键字 -->
<meta name="keywords" content="">
<!-- 浏览器标签上显示的图标 -->
<link rel="stylesheet" href="./icon/icon.css">
<!-- 样式文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css">
<link rel="stylesheet" href="./static/APlayer-1.10.1/dist/APlayer.min.css">
<link rel="stylesheet" href="./static/style.css" type="text/css">

<!-- 自定义设置 -->
<style>
body {
/*背景图片URL 可使用随机图片API 可选择渐变背景 */
/* 默认为图片背景 */
background-image: url("图片链接或路径");
/* 蓝绿色渐变背景 */
/* background-image: linear-gradient(25deg, #84bfd1 40%, #7ce67c); */
/* 紫粉色渐变背景 */
/* background-image: linear-gradient(25deg, #9795f0 40%, #fbc8d4); */
}
/*顶部背景图片URL 可使用随机图片API */
.background::before {
background-image: url("图片链接或路径");
}
</style>

<script>
// 音乐设置
let meting_music_api = "https://www.kisou.cn/api/meting/";// meting api
let music_server = "netease"; // 音乐服务：网易云 netease 参见 meting api支持的服务
let music_type = "song"; // 歌曲类型：歌单playlist 单首歌曲 song 专辑 album
let music_id = "18520488"; // 歌单ID或歌曲ID或者专辑ID 列如 18520488
let music_order = "list"; // 音频循环顺序, 顺序播放: 'list', 随机播放：'random'
let music_mini = false; // mini模式 吸底模式开启后此选项实效 true / false
let music_fixed = false; // 吸底模式
let music_volume = 0.5; // 默认音量
let music_autoplay = false; // 自动播放
let music_loop = "all"; // 音频循环播放, 可选值: 'all', 'one', 'none' ，分别为全部循环，单曲循环，不循环
</script>

</head>

<body>
<div class="box">
<img src="" alt="头像" class="avatar">
<div class="background">
<div class="title">
<!-- 标题及标识 -->
<div class="Positive-title">
<h1>标题</h1>
</div>
<!-- 一言获取，获取失败将展示自定义内容-->
<div id="hitokoto" class="onespeech">[# 一言获取...] </div>
</div>
</div>
<div class="content">
<div class="tags">
<span class="tag">#Tags</span>
<span class="tag">#Tags</span>
<span class="tag">#Tags</span>
<span class="tag">#Tags</span>
<span class="tag">#Tags</span>
<span class="tag">#Tags</span>
<!-- 版权及备案 -->
</div>
</div>
<div class="container">
<div class="introduce">
<!-- 个人介绍-->
<p>
个人介绍：##########################
</p>
</div>
<!-- 音乐播放器 -->
<div id="aplayer-inner" class="aplayer " style="border-radius: 6px;"></div>
<div class="nav-button">
<!-- 导航按钮 -->
<button data-href="链接" data-title="Blog" data-window="pop" data-anim="4"
data-area-w="80%" data-area-h="90%" data-shade="false"
class="spacing-button kisou-nav-btn btn btn-primary col-lg-4">按钮</button>
<button data-href="链接" data-title="Blog" data-window="pop" data-anim="4"
data-area-w="80%" data-area-h="90%" data-shade="false"
class="spacing-button kisou-nav-btn btn btn-primary col-lg-4">按钮</button>
<button data-href="链接" data-title="Blog" data-window="pop" data-anim="4"
data-area-w="80%" data-area-h="90%" data-shade="false"
class="spacing-button kisou-nav-btn btn btn-primary col-lg-4">按钮</button>
<button data-href="链接" data-title="Blog" data-window="pop" data-anim="4"
data-area-w="80%" data-area-h="90%" data-shade="false"
class="spacing-button kisou-nav-btn btn btn-primary col-lg-4">按钮</button>
<button data-href="链接" data-title="Blog" data-window="pop" data-anim="4"
data-area-w="80%" data-area-h="90%" data-shade="false"
class="spacing-button kisou-nav-btn btn btn-primary col-lg-4">按钮</button>
<button data-href="链接" data-title="Blog" data-window="pop" data-anim="4"
data-area-w="80%" data-area-h="90%" data-shade="false"
class="spacing-button kisou-nav-btn btn btn-primary col-lg-4">按钮</button>
</div>
<div class="copyright">
<div class="footer">
<span class="subject">#ICP备</span>
<span class="value orange">
<!-- icp备案链接 -->
<a href="https://beian.miit.gov.cn/" target="_blank" one-link-mark="yes">0000000000号-1</a>
</span>
</div>
<!-- 版权 -->
<div class="footer">
<span class="subject">版权</span>
<span class="value Yellow">
<a href="链接" target="_blank" one-link-mark="yes">Copyright© 2024 #####.</a>
</span>
</script>
</div>
<!-- 运行时间 -->
<div class="footer">
<span class="subject"><i class="fa fa-clock-o"></i>运行时间</span>
<span class="value green"><span id="blog_running_days" class="odometer odometer-auto-theme"></span>天
<span id="blog_running_hours" class="odometer odometer-auto-theme"></span> 时
<span id="blog_running_mins" class="odometer odometer-auto-theme"></span> 分
<!-- 这个秒不太好用 -->
<!-- <span id="blog_running_secs" class="odometer odometer-auto-theme"></span>秒 -->
</span>
</div>
<br>
<!-- 联系方式或者链接 -->
<div class="footer">
<span class="subnav"><a href="链接"><i class="iconfont" aria-hidden="true">&#xe691;</i></a></span>
<span class="subnav"><a href="链接"><i class="iconfont" aria-hidden="true" >&#xe6f5;</i></a></span>
<span class="subnav"><a href="链接"><i class="iconfont" aria-hidden="true" >&#xeaf9;</i></a></span>
<span class="subnav"><a href="链接"><i class="iconfont" aria-hidden="true" >&#xea90;</i></a></span>
<span class="subnav"><a href="链接"><i class="iconfont" aria-hidden="true" >&#xe882;</i></a></span>
<span class="subnav"><a href="链接"><i class="iconfont" aria-hidden="true" >&#xe61e;</i></a></span>
<span class="subnav"><a href="链接"><i class="iconfont" aria-hidden="true" >&#xe744;</i></a></span>
<span class="subnav"><a href="链接"><i class="iconfont" aria-hidden="true" >&#xe908;</i></a></span>
</div>
</div>
</div>
<!-- aplayer -->
<div id="aplayer-fixed" class="aplayer" ></div>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="./static/APlayer-1.10.1/dist/APlayer.min.js"></script>
<script src="./static/Meting.min.js"></script>
<!-- end_aplayer -->
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script defer src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="./static/layer-v3.5.1/layer/layer.js"></script>
<script src="./static/main.js"></script>

<script no-pjax="">
var blog_running_days = document.getElementById("blog_running_days");
var blog_running_hours = document.getElementById("blog_running_hours");
var blog_running_mins = document.getElementById("blog_running_mins");
var blog_running_secs = document.getElementById("blog_running_secs");
function refresh_blog_running_time() {
var time = new Date() - new Date(2024, 5, 0, 0, 0, 0); //时间往前30天 时间格式：年 ，月，日，时，分，秒
var d = parseInt(time / 24 / 60 / 60 / 1000);
var h = parseInt((time % (24 * 60 * 60 * 1000)) / 60 / 60 / 1000);
var m = parseInt((time % (60 * 60 * 1000)) / 60 / 1000);
var s = parseInt((time % (60 * 1000)) / 1000);
blog_running_days.innerHTML = d;
blog_running_hours.innerHTML = h;
blog_running_mins.innerHTML = m;
blog_running_secs.innerHTML = s;
}
refresh_blog_running_time();
if (typeof bottomTimeIntervalHasSet == "undefined") {
var bottomTimeIntervalHasSet = true;
setInterval(function () {
refresh_blog_running_time();
}, 500);
}
</script>
</body>
</html>
Loading

0 comments on commit 8299cb2

Please sign in to comment.