333 lines
9.9 KiB
HTML
333 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-cn">
|
|
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>关于</title>
|
|
<link rel='stylesheet' href='/css/light.css'>
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
<link rel="stylesheet" href="/css/normalize.css">
|
|
<link rel="stylesheet" href="/css/remixicon.css">
|
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
|
<script src="/js/jquery.min.js"></script>
|
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
|
<script src="/js/pjax.js"></script>
|
|
|
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
|
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
|
|
<meta name="template" content="Ying" />
|
|
</head>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="main">
|
|
<div class="container">
|
|
<div class="header">
|
|
<div class="head_author_img load-memos-editor">
|
|
<img src="https://avatars.githubusercontent.com/u/94612053" class="blog-img" width="80" height="80" alt="小赵同学的博客" />
|
|
</div>
|
|
<div class="site-description">
|
|
<h2><span class="uk-invisible">风吹云散，云卷云舒</span></h2>
|
|
<nav class="nav social uk-visible@m">
|
|
<ul class="flat">
|
|
|
|
|
|
<a href="https://pan.usj.cc" title="GitHub" target="_blank"><i class="ri-cloudy-2-line"></i></a>
|
|
|
|
<a href="https://space.bilibili.com/525472039" title="Twitter" target="_blank"><i class="ri-bilibili-line"></i></a>
|
|
|
|
<a href="https://github.com/imzql" title="LinkedIn" target="_blank"><i class="ri-github-fill"></i></a>
|
|
|
|
|
|
</ul>
|
|
<div class="yiyandes">风吹云散，云卷云舒</div>
|
|
</nav>
|
|
</div>
|
|
<nav class="nav">
|
|
<ul class="flat">
|
|
<li class="active"><a href="http://localhost:1313/">首页</a></li>
|
|
<li class="active"><a href="http://localhost:1313//about">关于</a></li>
|
|
<li class="active"><a href="http://localhost:1313//says">留言</a></li>
|
|
<li class="active"><a href="http://localhost:1313//archives">归档</a></li>
|
|
<li class="active"><a href="http://localhost:1313//links">友链</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="pjax-container">
|
|
<div class="post-content" itemprop="articleBody">
|
|
<h2 id="热力图">热力图</h2>
|
|
<div id="heatmap" style="
|
|
max-width: 1900px;
|
|
height: 180px;
|
|
padding: 2px;
|
|
text-align: center;
|
|
"
|
|
></div>
|
|
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.0/dist/echarts.min.js"></script>
|
|
<script type="text/javascript">
|
|
var chartDom = document.getElementById('heatmap');
|
|
var myChart = echarts.init(chartDom);
|
|
window.onresize = function() {
|
|
myChart.resize();
|
|
};
|
|
var option;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var dataMap = new Map();
|
|
|
|
var key = "2024-07-12";
|
|
var value = dataMap.get(key);
|
|
var wordCount = 1 ;
|
|
var link = "/post/demo05/";
|
|
var title = "Demo05";
|
|
|
|
|
|
if (value == null) {
|
|
dataMap.set(key, [{wordCount, link, title}]);
|
|
} else {
|
|
value.push({wordCount, link, title});
|
|
}
|
|
var key = "2024-07-11";
|
|
var value = dataMap.get(key);
|
|
var wordCount = 3 ;
|
|
var link = "/post/demo03/";
|
|
var title = "Demo03";
|
|
|
|
|
|
if (value == null) {
|
|
dataMap.set(key, [{wordCount, link, title}]);
|
|
} else {
|
|
value.push({wordCount, link, title});
|
|
}
|
|
var key = "2024-07-11";
|
|
var value = dataMap.get(key);
|
|
var wordCount = 111 ;
|
|
var link = "/post/demo01/";
|
|
var title = "Demo01";
|
|
|
|
|
|
if (value == null) {
|
|
dataMap.set(key, [{wordCount, link, title}]);
|
|
} else {
|
|
value.push({wordCount, link, title});
|
|
}
|
|
var key = "2024-07-11";
|
|
var value = dataMap.get(key);
|
|
var wordCount = 1 ;
|
|
var link = "/post/my-second-post/";
|
|
var title = "My Second Post";
|
|
|
|
|
|
if (value == null) {
|
|
dataMap.set(key, [{wordCount, link, title}]);
|
|
} else {
|
|
value.push({wordCount, link, title});
|
|
}
|
|
var key = "2024-07-11";
|
|
var value = dataMap.get(key);
|
|
var wordCount = 1 ;
|
|
var link = "/post/my-first-post/";
|
|
var title = "My First Post";
|
|
|
|
|
|
if (value == null) {
|
|
dataMap.set(key, [{wordCount, link, title}]);
|
|
} else {
|
|
value.push({wordCount, link, title});
|
|
}
|
|
var key = "2024-07-09";
|
|
var value = dataMap.get(key);
|
|
var wordCount = 3 ;
|
|
var link = "/post/helloworld/";
|
|
var title = "Helloworld";
|
|
|
|
|
|
if (value == null) {
|
|
dataMap.set(key, [{wordCount, link, title}]);
|
|
} else {
|
|
value.push({wordCount, link, title});
|
|
}var data = [];
|
|
|
|
for (const [key, value] of dataMap.entries()) {
|
|
var sum = 0;
|
|
for (const v of value) {
|
|
sum += v.wordCount;
|
|
}
|
|
data.push([key, (sum / 1000).toFixed(1)]);
|
|
}
|
|
|
|
var startDate = new Date();
|
|
var year_Mill = startDate.setFullYear((startDate.getFullYear() - 1));
|
|
var startDate = +new Date(year_Mill);
|
|
var endDate = +new Date();
|
|
|
|
var dayTime = 3600 * 24 * 1000;
|
|
startDate = echarts.format.formatTime('yyyy-MM-dd', startDate);
|
|
endDate = echarts.format.formatTime('yyyy-MM-dd', endDate);
|
|
|
|
|
|
function heatmap_width(months){
|
|
var startDate = new Date();
|
|
var mill = startDate.setMonth((startDate.getMonth() - months));
|
|
var endDate = +new Date();
|
|
startDate = +new Date(mill);
|
|
|
|
endDate = echarts.format.formatTime('yyyy-MM-dd', endDate);
|
|
startDate = echarts.format.formatTime('yyyy-MM-dd', startDate);
|
|
|
|
var showmonth = [];
|
|
showmonth.push([
|
|
startDate,
|
|
endDate
|
|
]);
|
|
return showmonth
|
|
};
|
|
|
|
function getRangeArr() {
|
|
const windowWidth = window.innerWidth;
|
|
if (windowWidth >= 600) {
|
|
return heatmap_width(12);
|
|
} else if (windowWidth >= 400) {
|
|
return heatmap_width(9);
|
|
} else {
|
|
return heatmap_width(6);
|
|
}
|
|
}
|
|
|
|
option = {
|
|
title: {
|
|
top: 0,
|
|
left: 'center',
|
|
text: ''
|
|
},
|
|
tooltip: {
|
|
hideDelay: 1000,
|
|
enterable: true,
|
|
formatter: function (p) {
|
|
const date = p.data[0];
|
|
const posts = dataMap.get(date);
|
|
var content = `${date}`;
|
|
for (const [i, post] of posts.entries()) {
|
|
content += "<br>";
|
|
var link = post.link;
|
|
var title = post.title;
|
|
var wordCount = (post.wordCount / 1000).toFixed(1);
|
|
content += `<a href="${link}" target="_blank">${title} | ${wordCount} k</a>`
|
|
}
|
|
return content;
|
|
}
|
|
},
|
|
visualMap: {
|
|
min: 0,
|
|
max: 10,
|
|
type: 'piecewise',
|
|
orient: 'horizontal',
|
|
left: 'center',
|
|
top: 30,
|
|
|
|
inRange: {
|
|
|
|
color: ['#7aa8744c', '#7AA874' ]
|
|
},
|
|
splitNumber: 4,
|
|
text: ['千字', ''],
|
|
showLabel: true,
|
|
itemGap: 20,
|
|
},
|
|
calendar: {
|
|
top: 80,
|
|
left: 20,
|
|
right: 4,
|
|
cellSize: ['auto', 13],
|
|
range: getRangeArr(),
|
|
itemStyle: {
|
|
color: '#F1F1F1',
|
|
borderWidth: 1.5,
|
|
borderColor: '#fff',
|
|
},
|
|
yearLabel: { show: false },
|
|
|
|
splitLine: {
|
|
lineStyle: {
|
|
color: 'rgba(0, 0, 0, 0.0)',
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
},
|
|
series: {
|
|
type: 'heatmap',
|
|
coordinateSystem: 'calendar',
|
|
data: data,
|
|
}
|
|
};
|
|
myChart.setOption(option);
|
|
myChart.on('click', function(params) {
|
|
if (params.componentType === 'series') {
|
|
|
|
const post = dataMap.get(params.data[0])[0];
|
|
const link = window.location.origin + post.link;
|
|
window.open(link, '_blank').focus();
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<h2 id="关于我">关于我</h2>
|
|
<p>00后，湖北襄阳人，目前大三本科在读</p>
|
|
<p>脾气超好，喜欢看求生类节目以及恐怖片</p>
|
|
<p>性格慢热，言语幽默，喜欢独处</p>
|
|
<p>喜欢用文字记录生活，是用心在写文章的宝藏博主</p>
|
|
<h2 id="我的计划">我的计划</h2>
|
|
<p><del>1.坚持背完不背单词一本单词书</del> [已于2023.3.3日实现]</p>
|
|
<p><del>2.23年5月份成功上岸</del> [已于2023.5.26日实现]</p>
|
|
<p><del>3.和朋友去看襄阳唐城夜场</del> [已于2023.5.12日实现]</p>
|
|
<p><del>4.体验独自进电子厂打工</del> [已于2023.6.3日实现并跑路]</p>
|
|
<p>5.通过四六级考试</p>
|
|
<p>6.考研上岸</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="footer">
|
|
<nav class="nav" style="clear: both;">
|
|
© 2019 - 2024
|
|
<br>
|
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
|
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/js/iconfont.js"></script>
|
|
<script src="/js/lightgallery.umd.min.js"></script>
|
|
<script src="/js/uikit.min.js"></script>
|
|
<script src="/js/EasyLazyload.min.js"></script>
|
|
<script src="/js/view-image.min.js"></script>
|
|
<script src="/js/main.js"></script>
|
|
<script src="/js/mypjax.js"></script>
|
|
<script src="/js/nprogress.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|