generated from dellevin/template
523 lines
29 KiB
HTML
523 lines
29 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
|
||
<title>DELLEVIN</title>
|
||
<meta name="description" content="99青年，后端开发者，略懂前端">
|
||
<meta name="keywords" content="Java,Spring,个人博客，微信小程序，博客">
|
||
<meta name="format-detection" content="telephone=no">
|
||
<link rel="shortcut icon" href="./favicon.ico">
|
||
<link rel="stylesheet" href="static/css/index.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.fancybox@2.1.5/source/jquery.fancybox.css">
|
||
<script type="text/javascript">
|
||
if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
|
||
alert('朋友，上古浏览器不支持呢~');
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="body-wrap">
|
||
<nav class="not_index_bg" id="nav" style="background-image:url()">
|
||
<div id="page_site-info">
|
||
<div id="site-title">
|
||
<span class="blogtitle"></span>
|
||
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
|
||
<script>
|
||
var typed = new Typed(".blogtitle", {
|
||
strings: ['求知若饥，虚心若愚', 'Stay Hungry Stay Foolish'],
|
||
startDelay: 300,
|
||
typeSpeed: 100,
|
||
loop: true,
|
||
backSpeed: 50,
|
||
showCursor: true
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<main id="content-outer">
|
||
<div class="layout_page" id="content-inner">
|
||
<div class="aside_content" id="aside_content">
|
||
<div class="card-widget card-info">
|
||
<div class="card-content">
|
||
<div class="card-info-avatar is-center">
|
||
<img class="avatar-img"
|
||
src="https://img.ittoolman.com/2024/10/23/e2378b86dee7d.png"
|
||
alt="avatar">
|
||
<div class="author-info__name">Del Levin</div>
|
||
<div class="author-info__description">99青年，后端开发者，略懂前端, <s>学生</s>，缺乏社会的毒打</div>
|
||
</div>
|
||
<div class="card-info-social-icons is-center">
|
||
<a class="social-icon" href="https://github.com/dellevin" target="_blank">
|
||
<i class="fa fa-github"></i>
|
||
</a>
|
||
<a class="social-icon" href="https://weibo.com/u/6094785105" target="_blank">
|
||
<i class="fa fa-weibo"></i>
|
||
</a>
|
||
<a class="social-icon" href="https://steamcommunity.com/profiles/76561199155776053/" target="_blank">
|
||
<i class="fa fa-steam"></i>
|
||
</a>
|
||
<a class="social-icon" href="https://t.me/levin092" target="_blank">
|
||
<i class="fa fa-telegram"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--
|
||
<div class="card-widget card-announcement">
|
||
<div class="card-content">
|
||
<div class="item-headline">
|
||
<i class="fa fa-bullhorn" aria-hidden="true"></i>
|
||
<span>一言</span>
|
||
</div>
|
||
<div id="hitokoto"></div>
|
||
</div>
|
||
</div> -->
|
||
<div class="card-widget card-announcement">
|
||
<div class="card-content">
|
||
<div class="item-headline">
|
||
<i class="fa fa-connectdevelop" aria-hidden="true"></i>
|
||
<span style="font-weight: 1000;">联系方式</span>
|
||
</div>
|
||
<div class="selectable">
|
||
<span style="font-weight: 1000;">微信 ：</span> E-Levin_
|
||
</br>
|
||
<span style="font-weight: 1000;">扣扣 ：</span> 1754084631
|
||
</br>
|
||
<span style="font-weight: 1000;">邮箱 ： </span>dellevin99@gmail.com
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-widget card-announcement">
|
||
<div class="card-content">
|
||
<div class="item-headline">
|
||
<i class="fa fa-pagelines" aria-hidden="true"></i>
|
||
<span>诗词</span>
|
||
</div>
|
||
<div id="jinrishici-sentence"></div>
|
||
</div>
|
||
</div>
|
||
<div class="card-widget card-announcement">
|
||
<div class="card-content">
|
||
<div class="item-headline">
|
||
<i class="fa fa-calendar" aria-hidden="true"></i>
|
||
<span>经历</span>
|
||
</div>
|
||
<div>
|
||
<div class="left-div left-time">
|
||
<ul id="line">
|
||
<li>
|
||
<div class="focus"></div>
|
||
<div>未来还须努力
|
||
</div>
|
||
<div>2024至今</div>
|
||
</li>
|
||
<li>
|
||
<div class="focus"></div>
|
||
<div>大学毕业了
|
||
</div>
|
||
<div>2023.07</div>
|
||
</li>
|
||
<li>
|
||
<div class="focus"></div>
|
||
<div>购买了第一台服务器</div>
|
||
<div>2020.02.02</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="card-widget card-webinfo">
|
||
<div class="card-content">
|
||
<div class="item-headline">
|
||
<i class="fa fa-line-chart" aria-hidden="true"></i>
|
||
<span>站点信息</span>
|
||
</div>
|
||
<div class="webinfo">
|
||
<div class="webinfo-item">
|
||
<div class="webinfo-site-uv-name">本站访客数 :</div>
|
||
<div class="webinfo-site-uv-count" id="busuanzi_value_site_uv"></div>
|
||
</div>
|
||
<div class="webinfo-item">
|
||
<div class="webinfo-site-name">本站总访问量 :</div>
|
||
<div class="webinfo-site-pv-count" id="busuanzi_value_site_pv"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
<article id="page">
|
||
<div class="article-container">
|
||
<h2>音乐</h2>
|
||
<meting-js server="netease" type="playlist" id="6901399940" autoplay="false" list-max-height=180px>
|
||
</meting-js>
|
||
<hr>
|
||
<h2>自述 · 平凡</h2>
|
||
<div>
|
||
你好啊！我叫张昊洋，河北衡水人，土生土长的北方汉子，毕业于一所不知名的二本院校。信息管理与信息系统专业。
|
||
自学java、vue、linux以及mysql等技术，会些PS图片、PR、AE视频制作，也做过系统，剪过网线，搞过plc耍过单片机，修过服务器，
|
||
运营过公众号和网站等等。可谓是会，但只会一点点。别人都觉得我是个大佬，其实我就是个小菜鸡。平时也爱玩玩游戏看看书，
|
||
写写小工具什么的，混迹于各大网络论坛并在各个博主下面直呼“大佬666”。博客也在断断续续中更新。主要是记录生活随笔和碰到的技术难题。
|
||
目前呢，是买了两个域名（ittoolman.top和ittoolman.com），一个国外服务器。至于为什么喜欢ittoolman这个呢？这就说来话长了。
|
||
</br>
|
||
之前的域名是wonder1999.com这个，那是我大学第一次买域名和服务器，一切都好似有着希望。后来随着会的技术越来越多，我也不吝啬展示自己的能力。
|
||
帮了很多人，也做过很多事情，我感觉我像一个工具人一样，召之即来挥之即去。慢慢的，我像一个机器人一样的生活，清澈的眼神多了些许的浑浊。这就是
|
||
ittoolman这个域名的由来。
|
||
</br>
|
||
如今的我已经工作了，我很庆幸我还是对技术有着极大的热情，虽然藉藉无名，但是我还是一直会保持着对技术的热爱，对生活的热爱的。
|
||
</div>
|
||
<hr>
|
||
<h2>我的网站</h2>
|
||
<div class="auto-resize flex-container">
|
||
|
||
<a class="projectItem a" target="_blank" href="https://www.ittoolman.top/">
|
||
<div class="projectItemLeft">
|
||
<h1>Github博客</h1>
|
||
<p>技术随笔</p>
|
||
</div>
|
||
<div class="projectItemRight">
|
||
<img src="./static/img/blog1.png" alt="">
|
||
</div>
|
||
</a>
|
||
<a class="projectItem a" target="_blank" href="https://blog.ittoolman.com/">
|
||
<div class="projectItemLeft">
|
||
<h1>博客</h1>
|
||
<p>记录生活</p>
|
||
</div>
|
||
<div class="projectItemRight">
|
||
<img src="./static/img/blog.png" alt="">
|
||
</div>
|
||
</a>
|
||
<a class="projectItem a" target="_blank" href="https://img.ittoolman.com/">
|
||
<div class="projectItemLeft">
|
||
<h1>图床</h1>
|
||
<p>兰空图床</p>
|
||
</div>
|
||
<div class="projectItemRight">
|
||
<img src="./static/img/2.png" alt="">
|
||
</div>
|
||
</a>
|
||
<a class="projectItem a" target="_blank" href="https://alist.ittoolman.com">
|
||
<div class="projectItemLeft">
|
||
<h1>alist云盘</h1>
|
||
<p>存一些数据</p>
|
||
</div>
|
||
<div class="projectItemRight">
|
||
<img src="./static/img/3.png" alt="">
|
||
</div>
|
||
</a>
|
||
<!--<a class="projectItem a" target="_blank" href="https://webdav.ittoolman.com">-->
|
||
<!-- <div class="projectItemLeft">-->
|
||
<!-- <h1>webdav</h1>-->
|
||
<!-- <p>webdav站点</p>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="projectItemRight">-->
|
||
<!-- <img src="./static/img/web.png" alt="">-->
|
||
<!-- </div>-->
|
||
<!--</a>-->
|
||
</div>
|
||
<hr>
|
||
<h2>技能</h2>
|
||
<div class="skill">
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/java.png" alt="">
|
||
<div class="skillsImgText">Java</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/spring-boot.png" alt="">
|
||
<div class="skillsImgText">spring</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/vue.png" alt="">
|
||
<div class="skillsImgText">Vue</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/git.png" alt="">
|
||
<div class="skillsImgText">git</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/javascript.png" alt="">
|
||
<div class="skillsImgText">javascript</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/html.png" alt="">
|
||
<div class="skillsImgText">Html</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/typescript.png" alt="">
|
||
<div class="skillsImgText">typescript</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/python.png" alt="">
|
||
<div class="skillsImgText">python</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/pytorch.png" alt="">
|
||
<div class="skillsImgText">pytorch</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/Docker.png" alt="">
|
||
<div class="skillsImgText">Docker</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/windows.png" alt="">
|
||
<div class="skillsImgText">windows</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/Linux.png" alt="">
|
||
<div class="skillsImgText">Linux</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/cent-os.png" alt="">
|
||
<div class="skillsImgText">centos</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/ubuntu.png" alt="">
|
||
<div class="skillsImgText">ubuntu</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/debian.png" alt="">
|
||
<div class="skillsImgText">debian</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/MySQL.png" alt="">
|
||
<div class="skillsImgText">MySQL</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/electron.png" alt="">
|
||
<div class="skillsImgText">electron</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/Redis.png" alt="">
|
||
<div class="skillsImgText">Redis</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/maven.png" alt="">
|
||
<div class="skillsImgText">maven</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/Nginx.png" alt="">
|
||
<div class="skillsImgText">Nginx</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/Nodejs.png" alt="">
|
||
<div class="skillsImgText">Nodejs</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/Apache.png" alt="">
|
||
<div class="skillsImgText">Apache</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/skills/Tomcat.png" alt="">
|
||
<div class="skillsImgText">Tomcat</div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<h2>常用工具</h2>
|
||
<div class="skill">
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/postman.png" alt="">
|
||
<div class="skillsImgText">postman</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/icons8-intellij-idea.png" alt="">
|
||
<div class="skillsImgText">idea</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/pycharm.png" alt="">
|
||
<div class="skillsImgText">pycharm</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/vscode.png" alt="">
|
||
<div class="skillsImgText">vscode</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/hbuilderx.png" alt="">
|
||
<div class="skillsImgText">hbuilderx</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/navicate.png" alt="">
|
||
<div class="skillsImgText">navicate</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/cmder.png" alt="">
|
||
<div class="skillsImgText">cmder</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/Typora.png" alt="">
|
||
<div class="skillsImgText">Typora</div>
|
||
</div>
|
||
|
||
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/Xshell.png" alt="">
|
||
<div class="skillsImgText">Xshell</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/VMware.png" alt="">
|
||
<div class="skillsImgText">VMware</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/github.png" alt="">
|
||
<div class="skillsImgText">github</div>
|
||
</div>
|
||
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/photoshop.png" alt="">
|
||
<div class="skillsImgText">photoshop</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/premiere.png" alt="">
|
||
<div class="skillsImgText">premiere</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/Ae.png" alt="">
|
||
<div class="skillsImgText">Ae</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/1.png" alt="">
|
||
<div class="skillsImgText">CheatEngine</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/x64dbg.png" alt="">
|
||
<div class="skillsImgText">x64dbg</div>
|
||
</div>
|
||
<div class="skillsImg">
|
||
<img src="./static/img/tools/music.png" alt="">
|
||
<div class="skillsImgText">netease</div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<h2>收藏的网站</h2>
|
||
<div class="tool">
|
||
<a href="https://www.bilibili.com/" target="_blank" rel="noopener noreferrer">bilibili、</a>
|
||
<a href="https://adzhp.cn/" target="_blank" rel="noopener noreferrer">爱达杂货铺、</a>
|
||
<a href="http://www.gzlib.org/" target="_blank" rel="noopener noreferrer">贵州数字图书馆、</a>
|
||
<a href="https://www.bookstack.cn/" target="_blank" rel="noopener noreferrer">书栈网</a>
|
||
<a href="https://hot.imsyy.top/#/" target="_blank" rel="noopener noreferrer">今日热榜</a>
|
||
</div>
|
||
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</main>
|
||
<footer id="footer">
|
||
<div id="footer-wrap">
|
||
<div class="copyright">©2020 - 2024 BY Del Levin</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/jquery.fancybox@2.1.5/source/jquery.fancybox.js"></script>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/instant.page@3.0.0/instantpage.js" type="module"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/lazysizes@5.2.0/lazysizes.min.js" async></script>
|
||
<!-- aplayer、meting -->
|
||
<!-- require APlayer -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
|
||
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
|
||
<!-- require MetingJS -->
|
||
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
|
||
|
||
<!-- nplayer -->
|
||
<script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>
|
||
|
||
<!-- 一言、今日诗词 -->
|
||
<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
|
||
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
|
||
|
||
|
||
<!--鼠标点击效果-->
|
||
<script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
const urlWithParams = `https://47.121.199.144/8081/sys_api/api/markIP?url=${encodeURIComponent(window.location.href)}`;
|
||
fetch(urlWithParams)
|
||
.then(response => {
|
||
if (!response.ok) {
|
||
throw new Error('Network response was not ok');
|
||
}
|
||
return response.json(); // 如果返回的是 JSON 数据
|
||
})
|
||
.then(data => {
|
||
// console.log('Response data:', data);
|
||
})
|
||
.catch(error => {
|
||
console.error('There has been a problem with your fetch operation:', error);
|
||
});
|
||
});
|
||
console.clear();
|
||
console.log("%c 有朋自远方来, 不亦说乎.", "background:#24272A; color:#ffffff", "");
|
||
|
||
|
||
(function ($) {
|
||
$.fn.snow = function (options) {
|
||
var $flake = $('<div id="snowbox" />').css({ 'position': 'absolute', 'z-index': '9999', 'top': '-50px' }).html('❄'),
|
||
documentHeight = $(document).height(),
|
||
documentWidth = $(document).width(),
|
||
defaults = {
|
||
minSize: 10,
|
||
maxSize: 20,
|
||
newOn: 1000,
|
||
flakeColor: "#AFDAEF" /* 此处可以定义雪花颜色，若要白色可以改为#FFFFFF */
|
||
},
|
||
options = $.extend({}, defaults, options);
|
||
var interval = setInterval(function () {
|
||
var startPositionLeft = Math.random() * documentWidth - 100,
|
||
startOpacity = 0.5 + Math.random(),
|
||
sizeFlake = options.minSize + Math.random() * options.maxSize,
|
||
endPositionTop = documentHeight - 200,
|
||
endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
|
||
durationFall = documentHeight * 10 + Math.random() * 5000;
|
||
$flake.clone().appendTo('body').css({
|
||
left: startPositionLeft,
|
||
opacity: startOpacity,
|
||
'font-size': sizeFlake,
|
||
color: options.flakeColor
|
||
}).animate({
|
||
top: endPositionTop,
|
||
left: endPositionLeft,
|
||
opacity: 0.2
|
||
}, durationFall, 'linear', function () {
|
||
$(this).remove()
|
||
});
|
||
}, options.newOn);
|
||
};
|
||
})(jQuery);
|
||
$(function () {
|
||
$.fn.snow({
|
||
minSize: 5, /* 定义雪花最小尺寸 */
|
||
maxSize: 40,/* 定义雪花最大尺寸 */
|
||
newOn: 700 /* 定义密集程度，数字越小越密集 */
|
||
});
|
||
});
|
||
|
||
// 浏览器标题
|
||
// var OriginTitle = document.title;
|
||
// var titleTime;
|
||
// document.addEventListener('visibilitychange', function () {
|
||
// if (document.hidden) {
|
||
// // $('[rel="icon"]').attr('href', "/funny.ico");
|
||
// document.title = '╭(°A°`)╮ 不要走 ~';
|
||
// clearTimeout(titleTime);
|
||
// }
|
||
// else {
|
||
// $('[rel="icon"]').attr('href', "/favicon.ico");
|
||
// document.title = '(ฅ>ω<*ฅ) 噫，你回来辣 ~' + OriginTitle;
|
||
// titleTime = setTimeout(function () {
|
||
// document.title = OriginTitle;
|
||
// }, 2000);
|
||
// }
|
||
// });
|
||
</script>
|
||
</body>
|
||
|
||
</html> |