commit ee4fd4cd3628fb29cdd409d4e041811c1d31f467 Author: DelLevin-Home Date: Tue Jan 13 21:18:06 2026 +0800 首次提交 diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..fdfa558 Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..6d004ee --- /dev/null +++ b/index.html @@ -0,0 +1,523 @@ + + + + + + + + DELLEVIN + + + + + + + + + + + +
+ +
+
+
+
+
+
+ avatar +
Del Levin
+
99青年，后端开发者，略懂前端, 学生，缺乏社会的毒打
+
+
+ + + + +
+
+
+ +
+
+
+ + 联系方式 +
+
+ 微信 ： E-Levin_ +
+ 扣扣 ： 1754084631 +
+ 邮箱 ： dellevin99@gmail.com +
+
+
+
+
+
+ + 诗词 +
+
+
+
+
+
+
+ + 经历 +
+
+
+
    +
  • +
    +
    未来还须努力 +
    +
    2024至今
    +
    • +
  • +
    +
    大学毕业了 +
    +
    2023.07
    +
    • +
  • +
    +
    购买了第一台服务器
    +
    2020.02.02
    +
    • +
+
+
+
+
+ + +
+
+
+

音乐

+ + +
+

自述 · 平凡

+
+ 你好啊！我叫张昊洋，河北衡水人，土生土长的北方汉子，毕业于一所不知名的二本院校。信息管理与信息系统专业。 + 自学java、vue、linux以及mysql等技术，会些PS图片、PR、AE视频制作，也做过系统，剪过网线，搞过plc耍过单片机，修过服务器， + 运营过公众号和网站等等。可谓是会，但只会一点点。别人都觉得我是个大佬，其实我就是个小菜鸡。平时也爱玩玩游戏看看书， + 写写小工具什么的，混迹于各大网络论坛并在各个博主下面直呼“大佬666”。博客也在断断续续中更新。主要是记录生活随笔和碰到的技术难题。 + 目前呢，是买了两个域名（ittoolman.top和ittoolman.com），一个国外服务器。至于为什么喜欢ittoolman这个呢？这就说来话长了。 +
+ 之前的域名是wonder1999.com这个，那是我大学第一次买域名和服务器，一切都好似有着希望。后来随着会的技术越来越多，我也不吝啬展示自己的能力。 + 帮了很多人，也做过很多事情，我感觉我像一个工具人一样，召之即来挥之即去。慢慢的，我像一个机器人一样的生活，清澈的眼神多了些许的浑浊。这就是 + ittoolman这个域名的由来。 +
+ 如今的我已经工作了，我很庆幸我还是对技术有着极大的热情，虽然藉藉无名，但是我还是一直会保持着对技术的热爱，对生活的热爱的。 +
+
+

我的网站

+
+ + +
+

Github博客

+

技术随笔

+
+
+ +
+ + +
+

博客

+

记录生活

+
+
+ +
+ + +
+

图床

+

兰空图床

+
+
+ +
+ + +
+

alist云盘

+

存一些数据

+
+
+ +
+ + + + + + + + + + +
+
+

技能

+
+
+ +
Java
+
+
+ +
spring
+
+
+ +
Vue
+
+
+ +
git
+
+
+ +
javascript
+
+
+ +
Html
+
+
+ +
typescript
+
+
+ +
python
+
+
+ +
pytorch
+
+
+ +
Docker
+
+
+ +
windows
+
+
+ +
Linux
+
+
+ +
centos
+
+
+ +
ubuntu
+
+
+ +
debian
+
+
+ +
MySQL
+
+
+ +
electron
+
+
+ +
Redis
+
+
+ +
maven
+
+
+ +
Nginx
+
+
+ +
Nodejs
+
+
+ +
Apache
+
+
+ +
Tomcat
+
+
+
+

常用工具

+
+
+ +
postman
+
+
+ +
idea
+
+
+ +
pycharm
+
+
+ +
vscode
+
+
+ +
hbuilderx
+
+
+ +
navicate
+
+
+ +
cmder
+
+
+ +
Typora
+
+ + +
+ +
Xshell
+
+
+ +
VMware
+
+
+ +
github
+
+ +
+ +
photoshop
+
+
+ +
premiere
+
+
+ +
Ae
+
+
+ +
CheatEngine
+
+
+ +
x64dbg
+
+
+ +
netease
+
+
+
+

收藏的网站

+
+ bilibili、 + 爱达杂货铺、 + 贵州数字图书馆、 + 书栈网 + 今日热榜 +
+ +
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 0000000..04c2a0c --- /dev/null +++ b/static/css/index.css @@ -0,0 +1,507 @@ +* { + box-sizing: border-box; +} +html { + height: 100%; +} +body { + position: relative; + min-height: 100%; + background: #eee; + color: #4c4948; + font-size: 14px; + font-family: Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, "Microsoft JhengHei", "MicrMicrosoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif; + line-height: 2; +} +body { + margin: 0; +} +h1, h2, h3, h4, h5, h6 { + position: relative; + margin: 1rem 0 .7rem; + color: #344c67; + font-weight: 700 +} +hr:before { + position: absolute; + top: -10px; + left: 5%; + z-index: 1; + color: #49b1f5; + content: '\f0c4'; + font: normal normal normal 14px/1 FontAwesome; + font-size: 20px; + transition: all 1s ease-in-out; +} +hr { + position: relative; + margin: 2rem auto; + width: calc(100% - 4px); + border: 2px dashed #a4d8fa; + background: #fff; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +body, li, span, p { + /* cursor: url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/texto.cur),auto; */ +} +a { + background-color: transparent; + /* cursor: url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/ayuda.cur),auto; */ +} +strong{ + color: #FF0066; +} +#body-wrap { + position: relative; + display: box; + display: flex; + box-flex: 1; + flex: 1 auto; + -webkit-box-orient: vertical; + flex-direction: column; + transition: all .5s; +} +#nav.not_index_bg { + height: 15rem; +} +#nav { + position: relative; + margin-top: -2rem; + width: 100%; + background-color: #49b1f5; + background-attachment: local; + background-position: center; + background-size: cover; +} +#page_site-info { + position: absolute; + top: 7rem; + width: 100%; +} +#site-title { + color: #eee; + text-align: center; + text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, .15); + line-height: 1.5; + font-weight: 700; + font-size: 1.3rem; + animation: titlescale 1s; +} +main { + display: block; +} + +#content-outer { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; +} +h1 { + font-size: 2em; + margin: .67em 0; +} +.layout_page { + display: flex; + -webkit-box-align: start; + align-items: flex-start; + margin: 0 auto; + padding: 0 5px; + max-width: 1400px; +} + +#page{ + margin-top: 10px; + width: 75%; + border-radius: 3px; + background: #fff; + box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06); + transition: all .3s; +} +#page{ + padding: 20px 44px 44px; +} + +#aside_content { + width: 25%; +} +#aside_content .card-widget { + overflow: hidden; + margin: 10px 0; + border-radius: 3px; + background: #fff; + -webkit-box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06); + box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06); + -webkit-transition: all .3s; + -moz-transition: all .3s; + -o-transition: all .3s; + -ms-transition: all .3s; + transition: all .3s; +} +#aside_content .card-content { + padding: 1rem 1.2rem; +} + +.skillbar { + position: relative; + display: block; + max-width: 360px; + margin: 15px 10px; + background: #eee; + height: 30px; + border-radius: 35px; + -moz-border-radius: 35px; + -webkit-border-radius: 35px; + -webkit-transition: 0.4s linear; + -moz-transition: 0.4s linear; + -o-transition: 0.4s linear; + transition: 0.4s linear; + -webkit-transition-property: width, background-color; + -moz-transition-property: width, background-color; + -o-transition-property: width, background-color; + transition-property: width, background-color; +} + +.skillbar .skillbar-title { + position: absolute; + top: 0; + left: 0; + width: 110px; + font-size: 0.9rem; + color: #ffffff; + border-radius: 35px; + -webkit-border-radius: 35px; + -moz-border-radius: 35px; +} +.skillbar .skillbar-title span { + display: block; + background: rgba(0, 0, 0, 0.15); + padding: 0 20px; + height: 30px; + line-height: 30px; + border-radius: 35px; + -webkit-border-radius: 35px; + -moz-border-radius: 35px; +} +.skillbar .skill-bar-percent { + position: absolute; + right: 10px; + top: 0; + font-size: 12px; + height: 30px; + line-height: 30px; + color: #ffffff; + color: rgba(0, 0, 0, 0.5); +} + +.tool a { + color: #FF0066; +} + +.is-center { + text-align: center; +} + +#aside_content .card-info img { + display: inline-block; + padding: 5px; + width: 120px; + height: 120px; + border-radius: 70px; + vertical-align: top; + transition: all .3s; +} +img { + max-width: 100%; + transition: all .2s; +} +.avatar-img { + animation: avatar_turn_around 2s linear infinite; +} +#aside_content .card-info .author-info__name { + font-weight: 500; + font-size: 1.1rem; +} +aside_content .card-info .author-info__description { + margin-top: -.3rem; +} +#aside_content .card-info .card-info-social-icons { + margin: .3rem 0 -.3rem; +} +#aside_content .card-info .card-info-social-icons .social-icon { + margin: 0 .5rem; + color: #4c4948; + font-size: 1.5rem; +} + +#aside_content .item-headline { + font-size: .8rem; +} +#aside_content .item-headline span { + margin-left: .5rem; +} + +#aside_content .card-webinfo .webinfo { + padding: .2rem 1rem; +} +#aside_content .card-webinfo .webinfo .webinfo-item { + display: block; + padding: 4px 0 0; +} +#aside_content .card-webinfo .webinfo .webinfo-item div:first-child { + display: inline-block; +} +#aside_content .card-webinfo .webinfo .webinfo-item div:last-child { + display: inline-block; + float: right; +} +#footer { + position: relative; + margin-top: 1rem; + background-attachment: local; + background-position: bottom; + background-size: cover; +} +#footer-wrap { + position: relative; + padding: 2rem 1rem; + text-align: center; +} + + +#footer, .layout_page, .layout_post { + -webkit-animation: main 1s; + -moz-animation: main 1s; + -o-animation: main 1s; + -ms-animation: main 1s; + animation: main 1s; +} + +@media screen and (min-width: 768px){ + #site-title { + font-size: 2rem; + } + +} + +@media screen and (max-width: 768px){ + .layout_page { + padding: 0 5px !important; + } + #page { + margin: 0; + padding: 1.8rem 1.3rem; + } +} + +@media screen and (max-width: 900px){ + #page{ + width: 100% !important; + } + #aside_content{ + width: 100% !important; + } + .layout_page { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + + + +@media screen and (min-width: 900px){ + #aside_content .card-widget { + margin-right: 15px; + } +} + +::-webkit-scrollbar { + width: 2px; + height: 2px +} + +::-webkit-scrollbar-thumb { + background: linear-gradient(to right, #FF0066 0%, #FF00CC 100%); width: 85% +} + +::-webkit-scrollbar-track { + background-color: transparent +} + +/* ---------------- */ +html { + --item_bg_color: rgb(102,175,239,0.8); + --item_left_title_color: #000000; + --item_left_text_color: #000000; + --card_filter: 0px; + -webkit-user-select: none; /* Safari */ + -moz-user-select: none; /* Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ +} +.selectable { + -webkit-user-select: text; /* Safari */ + -moz-user-select: text; /* Firefox */ + -ms-user-select: text; /* Internet Explorer/Edge */ + user-select: text; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ +} + +.projectItem { + min-width: 200px; + text-decoration: none; + margin: 7px; + display: flex; + background-color: var(--item_bg_color); + border-radius: 8px; + padding: 15px; + height: 95px; + width: calc(22% - 25px); + backdrop-filter: blur(var(--card_filter));-webkit-backdrop-filter: blur(var(--card_filter)); + -webkit-backdrop-filter: blur(var(--card_filter));-webkit-backdrop-filter: blur(var(--card_filter)); + transition: opacity 0.3s ease, background-color 0.3s ease, border 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; +} +.projectItem:hover { + box-shadow: 0 8px 16px -4px #2c2d300c; + transform: translateY(-2px); + transition: box-shadow 0.3s ease, transform 0.2s ease; +} + +.projectItem:hover .projectItemLeft { + width: 100%; + transition: width 0.4s ease; +} + +.projectItem:hover .projectItemRight { + width: 0%; + transition: width 0.4s ease; +} + +.projectItem:hover .projectItemRight img { + transform: rotate(40deg); + transition: transform 0.4s ease; +} + +.projectItem.pressed { + transform: scale(0.9); +} + +.projectItemLeft p { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 12px; + margin-top: 15px; + color: var(--item_left_text_color); +} + + +.projectItemLeft h1 { + font-weight: normal; + font-size: 16px; + margin: 0px; + transition: font-size 0.4s ease; + color: var(--item_left_title_color); +} + +.projectItemLeft { + transition: width 0.4s ease; + height: 100%; + width: 80%; +} +.projectItemRight { + overflow: hidden; + transition: width 0.4s ease; + display: flex; + justify-content: center; + align-items: center; + width: 20%; + height: 100%; +} + +.projectItemRight img { + height: 38px; + width: 39px; +} + +.auto-resize.flex-container { + display: flex; + flex-wrap: wrap; + gap: 15px; +} +.left-div { + flex-shrink: 0; + width: 100%; + border-radius: 13px; + margin-top: 10px; + backdrop-filter: blur(var(--card_filter)); + -webkit-backdrop-filter: blur(var(--card_filter)); +} +#line { + width: 100%; + height: 200px; + font-size: 13px; + padding-left: 8px; + scroll-snap-type: y mandatory; + overflow-y: scroll; +} + +#line li { + list-style: none; + position: relative; + padding: 15px 0px 0px 15px; + border-left: 2px solid #d5d5d5; + border-radius: 0; + scroll-snap-align: end; + color: var(--main_text_color); +} + +#line li:first-child .focus:first-child { + background-color: #aaffcd; + animation: focus 1.8s ease infinite; +} + +#line::-webkit-scrollbar { + display: none; +} +.skill { + display: flex; + flex-wrap: wrap; + padding-bottom: 20px; + gap: 40px; +} + +.skillsImg { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 38px; + width: 38px; + position: relative; + + margin-bottom: 20px; +} + +.skillsImg img { + max-width: 100%; + max-height: 100%; +} + +.skillsImgText { + text-align: center; + margin-top: 0; + font-weight: 800; + position: absolute; + bottom: -80%; + left: 50%; + transform: translateX(-50%); +} \ No newline at end of file diff --git a/static/img/2.png b/static/img/2.png new file mode 100644 index 0000000..45c1781 Binary files /dev/null and b/static/img/2.png differ diff --git a/static/img/3.png b/static/img/3.png new file mode 100644 index 0000000..9086682 Binary files /dev/null and b/static/img/3.png differ diff --git a/static/img/blog.png b/static/img/blog.png new file mode 100644 index 0000000..6ca42cf Binary files /dev/null and b/static/img/blog.png differ diff --git a/static/img/blog1.png b/static/img/blog1.png new file mode 100644 index 0000000..ee8ca67 Binary files /dev/null and b/static/img/blog1.png differ diff --git a/static/img/skills/Apache.png b/static/img/skills/Apache.png new file mode 100644 index 0000000..aa85c03 Binary files /dev/null and b/static/img/skills/Apache.png differ diff --git a/static/img/skills/Docker.png b/static/img/skills/Docker.png new file mode 100644 index 0000000..d5b38ac Binary files /dev/null and b/static/img/skills/Docker.png differ diff --git a/static/img/skills/Linux.png b/static/img/skills/Linux.png new file mode 100644 index 0000000..c199748 Binary files /dev/null and b/static/img/skills/Linux.png differ diff --git a/static/img/skills/MySQL.png b/static/img/skills/MySQL.png new file mode 100644 index 0000000..9aab15f Binary files /dev/null and b/static/img/skills/MySQL.png differ diff --git a/static/img/skills/Nginx.png b/static/img/skills/Nginx.png new file mode 100644 index 0000000..e7f81b2 Binary files /dev/null and b/static/img/skills/Nginx.png differ diff --git a/static/img/skills/Nodejs.png b/static/img/skills/Nodejs.png new file mode 100644 index 0000000..4624ed7 Binary files /dev/null and b/static/img/skills/Nodejs.png differ diff --git a/static/img/skills/Redis.png b/static/img/skills/Redis.png new file mode 100644 index 0000000..9b892a7 Binary files /dev/null and b/static/img/skills/Redis.png differ diff --git a/static/img/skills/Tomcat.png b/static/img/skills/Tomcat.png new file mode 100644 index 0000000..4738b61 Binary files /dev/null and b/static/img/skills/Tomcat.png differ diff --git a/static/img/skills/cent-os.png b/static/img/skills/cent-os.png new file mode 100644 index 0000000..f508ce7 Binary files /dev/null and b/static/img/skills/cent-os.png differ diff --git a/static/img/skills/debian.png b/static/img/skills/debian.png new file mode 100644 index 0000000..40d2cd5 Binary files /dev/null and b/static/img/skills/debian.png differ diff --git a/static/img/skills/electron.png b/static/img/skills/electron.png new file mode 100644 index 0000000..2779bca Binary files /dev/null and b/static/img/skills/electron.png differ diff --git a/static/img/skills/git.png b/static/img/skills/git.png new file mode 100644 index 0000000..129298c Binary files /dev/null and b/static/img/skills/git.png differ diff --git a/static/img/skills/html.png b/static/img/skills/html.png new file mode 100644 index 0000000..5bd68cf Binary files /dev/null and b/static/img/skills/html.png differ diff --git a/static/img/skills/java.png b/static/img/skills/java.png new file mode 100644 index 0000000..35a95ba Binary files /dev/null and b/static/img/skills/java.png differ diff --git a/static/img/skills/javascript.png b/static/img/skills/javascript.png new file mode 100644 index 0000000..6bd0f67 Binary files /dev/null and b/static/img/skills/javascript.png differ diff --git a/static/img/skills/maven.png b/static/img/skills/maven.png new file mode 100644 index 0000000..7578383 Binary files /dev/null and b/static/img/skills/maven.png differ diff --git a/static/img/skills/python.png b/static/img/skills/python.png new file mode 100644 index 0000000..6998029 Binary files /dev/null and b/static/img/skills/python.png differ diff --git a/static/img/skills/pytorch.png b/static/img/skills/pytorch.png new file mode 100644 index 0000000..eb70fd7 Binary files /dev/null and b/static/img/skills/pytorch.png differ diff --git a/static/img/skills/spring-boot.png b/static/img/skills/spring-boot.png new file mode 100644 index 0000000..4f0cf17 Binary files /dev/null and b/static/img/skills/spring-boot.png differ diff --git a/static/img/skills/typescript.png b/static/img/skills/typescript.png new file mode 100644 index 0000000..7d299ef Binary files /dev/null and b/static/img/skills/typescript.png differ diff --git a/static/img/skills/ubuntu.png b/static/img/skills/ubuntu.png new file mode 100644 index 0000000..652602c Binary files /dev/null and b/static/img/skills/ubuntu.png differ diff --git a/static/img/skills/vue.png b/static/img/skills/vue.png new file mode 100644 index 0000000..c0c9502 Binary files /dev/null and b/static/img/skills/vue.png differ diff --git a/static/img/skills/windows.png b/static/img/skills/windows.png new file mode 100644 index 0000000..21fe8d8 Binary files /dev/null and b/static/img/skills/windows.png differ diff --git a/static/img/tools/1.png b/static/img/tools/1.png new file mode 100644 index 0000000..3c6275e Binary files /dev/null and b/static/img/tools/1.png differ diff --git a/static/img/tools/Ae.png b/static/img/tools/Ae.png new file mode 100644 index 0000000..f5bd0c1 Binary files /dev/null and b/static/img/tools/Ae.png differ diff --git a/static/img/tools/Typora.png b/static/img/tools/Typora.png new file mode 100644 index 0000000..d0e81eb Binary files /dev/null and b/static/img/tools/Typora.png differ diff --git a/static/img/tools/VMware.png b/static/img/tools/VMware.png new file mode 100644 index 0000000..ea84945 Binary files /dev/null and b/static/img/tools/VMware.png differ diff --git a/static/img/tools/Xshell.png b/static/img/tools/Xshell.png new file mode 100644 index 0000000..e8bdd6f Binary files /dev/null and b/static/img/tools/Xshell.png differ diff --git a/static/img/tools/cmder.png b/static/img/tools/cmder.png new file mode 100644 index 0000000..1dc33cf Binary files /dev/null and b/static/img/tools/cmder.png differ diff --git a/static/img/tools/github.png b/static/img/tools/github.png new file mode 100644 index 0000000..f9ccf27 Binary files /dev/null and b/static/img/tools/github.png differ diff --git a/static/img/tools/hbuilderx.png b/static/img/tools/hbuilderx.png new file mode 100644 index 0000000..55b4d48 Binary files /dev/null and b/static/img/tools/hbuilderx.png differ diff --git a/static/img/tools/icons8-intellij-idea.png b/static/img/tools/icons8-intellij-idea.png new file mode 100644 index 0000000..9e35605 Binary files /dev/null and b/static/img/tools/icons8-intellij-idea.png differ diff --git a/static/img/tools/music.png b/static/img/tools/music.png new file mode 100644 index 0000000..07638f7 Binary files /dev/null and b/static/img/tools/music.png differ diff --git a/static/img/tools/navicate.png b/static/img/tools/navicate.png new file mode 100644 index 0000000..ade3529 Binary files /dev/null and b/static/img/tools/navicate.png differ diff --git a/static/img/tools/photoshop.png b/static/img/tools/photoshop.png new file mode 100644 index 0000000..3a4449b Binary files /dev/null and b/static/img/tools/photoshop.png differ diff --git a/static/img/tools/postman.png b/static/img/tools/postman.png new file mode 100644 index 0000000..179f780 Binary files /dev/null and b/static/img/tools/postman.png differ diff --git a/static/img/tools/premiere.png b/static/img/tools/premiere.png new file mode 100644 index 0000000..5afbcbb Binary files /dev/null and b/static/img/tools/premiere.png differ diff --git a/static/img/tools/pycharm.png b/static/img/tools/pycharm.png new file mode 100644 index 0000000..dfc934e Binary files /dev/null and b/static/img/tools/pycharm.png differ diff --git a/static/img/tools/vscode.png b/static/img/tools/vscode.png new file mode 100644 index 0000000..38bc90f Binary files /dev/null and b/static/img/tools/vscode.png differ diff --git a/static/img/tools/x64dbg.png b/static/img/tools/x64dbg.png new file mode 100644 index 0000000..e0b5dd8 Binary files /dev/null and b/static/img/tools/x64dbg.png differ diff --git a/static/img/web.png b/static/img/web.png new file mode 100644 index 0000000..1ed8981 Binary files /dev/null and b/static/img/web.png differ