前段时间有几个朋友找我要本站的关于页面，其实本站和蓝米兔大佬发出来的基本上是一样的，就简单改了一下CSS，但难免有几个不懂代码的小伙伴，所以今天把代码整理了一下，但是还有几处有点小Bug，有时间我在修修，代码就放博客里了，如果有喜欢的可以自行下载！
演示地址
代码部署
<?php
/*@name 关于我们*/
if (!defined('EMLOG_ROOT')) exit('error!');?>
<!--星语空白页-->
<!DOCTYPE html>
<html lang="ch-ZN">
<head>
<meta charset="utf-8" />
<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1" />
<script type="text/javascript" src="https://www.19yu.cn/about/Music.min.js"></script> <!-- 更改js文件的位置 -->
<audio src="http://music.163.com/song/media/outer/url?id=1398283847.mp3" id="audio"></audio> <!-- 更改MP3文件的位置 -->
<script language=JavaScript>
<!--www.19yu.cn-->
var urodz= new Date("03/12/2023"); //建站时间
var now = new Date();
var ile = now.getTime() - urodz.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
//ocument.write(+dni)
</script>
</head>
<body>
<script src="//at.alicdn.com/t/c/font_3977018_3zd2a7yh8zw.js"></script>
<div class="wniui_mes wniui_me wniui_bok" style="font-weight: 700;margin-top: -21px;">
<h4 style="font-weight: 700;">Hello</h4>
<p>十九域博客</p>
<br />
<h4 style="font-weight: 700;">Swiper.</h4>
<br />
<br />
<br />
<a href="http://wpa.qq.com/msgrd?v=3&uin=2413845395" target="_blank"><button>联系方式</button></a>
<a href="/" target="_blank"><button>网站首页</button></a>
<button id="music">音乐开关</button>
<script type="text/javascript">
function playMusic() {
var audioEle = document.getElementById("audio");
if (audioEle.paused){
audioEle.play();
}else {
audioEle.pause();
}
}
$("#music").click(function(){
play();
});
var player = document.getElementById("audio");
play();
function play(){
swal("请问是否开启音乐🎶一边阅读一边听歌呢❓\n" ,{
buttons: {
allowcancel: "开启音乐",
allow: "关闭音乐"
}
}).then(function(value) {
if (value == "allow") {
player.pause()
} else {
player.play();
}
});
}
</script>
</div>
<div class="slide_tips">
<i class="s_line"></i>
<span class="txt" style="font-weight:700;"><p>滑动</p></span>
</div>
<style type="text/css">
.wniui_bok{width: 100%; height: 100%; background-image: linear-gradient(125deg,#fdcbf1,#e6dee9,#a1c4fd,#a8edea,#d299c2);}
.wniui_me{width: auto;height: auto;margin: 0 auto;padding: 32vh 0;text-align: center;}.wniui_mes{text-align: center;}.wniui_me span{font-size: 56px;}button,input{padding: 0.625rem;border-radius: 8px;border: 0;cursor: pointer;background-color: black;color: white;font-weight: 700;margin: 0.625rem;}
.slide_tips{display:block; width: 30px; height: 57px; position: absolute; left: 50%; margin-left: -15px; bottom: 62px; z-index: 2;}.slide_tips .s_line{display:block; width: 2px; height: 32px; border-radius: 2px; position: absolute; left: 50%; margin-left: -1px; top: 0px; background: var(--main-color);}.slide_tips .txt{display:block; width: 100%; position: absolute; left:0; text-align: center; bottom: 0px; font-size: 12px; letter-spacing: 2px;}.slide_tips .s_line{animation: a_banner_s_line 3s 0.3s linear both infinite;-webkit-animation: a_banner_s_line 3s 0.3s linear both infinite;-ms-animation: a_banner_s_line 3s 0.3s linear both infinite;-moz-animation: a_banner_s_line 3s 0.3s linear both infinite;-o-animation: a_banner_s_line 3s 0.3s linear both infinite;} @keyframes a_banner_s_line{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}20%{transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}30%{transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 0;}31%{transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 0;}50%{transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 1;}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;} }@media screen and (max-width:900px){.wp-posts-content h5{font-size:10px;}}
</style>
<!--星语空白页-->
</body>
</html>
<!---->
<hr class="wp-block-separator" />
<main class="container">
<div class="content-wrap">
<div class="content-layout">
<div class="nopw-sm box-body theme-box radius8 main-bg main-shadow">
<article class=" wp-posts-content">
<style type="text/css">
.center1{text-align: center;}
.container_img{width: 100%; height: 100%; background: url(/about/metup.jpg); background-size: cover; border-radius:5px;}
blockquote{background:var(--blur-bg); border-left:5px solid var(--blur-bg); margin:1.5em 10px; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; border-radius:5px;}
/*进度条*/
.container1{width: 100%; background-color: #ddd; border-radius:15px;} .skills{text-align: right; padding-right: 20px; line-height: 20px; color: white; border-radius:15px;}
.html {width: 30%; background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 100%);}
.css {width: 20%; background-image: linear-gradient(to right, #a8edea 0%, #fed6e3 100%);}
.js {width: 10%; background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);}
.php {width: 5%; background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);}
</style>
<html>
<body>
<section class="center1 container_img">
<div style="color:#fff;">
<br>
<img src="https://q1.qlogo.cn/g?b=qq&nk=2413845395&s=640" class="avatar avatar-48" style="width:100px;height:100px"></img>
<h3> 十九域博客</h3>
<h4>熬夜秃头选拔赛环球形象大使,同时也是吉尼斯世界纪录“怎么学也学不会”记录保持者。</h4>
<!--www.19yu.cn-->
<h4>
<a href="https://www.19yu.cn" target="_blank" style="font-weight:700;color:#fff;" rel="noopener"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-tubiao120"></use></svg> 博客</a> |
<a href="http://wpa.qq.com/msgrd?v=3&uin=2413845395&site=qq&menu=yes" target="_blank" style="font-weight:700;color:#fff;" rel="noopener"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-QQ1"></use></svg> QQ</a> |
<a href="mailto:2413845395@qq.com" target="_blank" style="font-weight:700;color:#fff;" rel="noopener"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-youxiang1"></use></svg> 邮箱</a>
</h4>
<br>
<div>
<!--www.19yu.cn-->
</section>
<hr class="wp-block-separator" color=#FFCCCC />
<section>
<!--采访开始-->
<div>
<h3><svg class="icon" aria-hidden="true"><use xlink:href="#icon-demo1"></use></svg> 记者采访</h3>
<div>
<blockquote style="color:var(--main-color);">
<!--1-->
<div class="chat-message-receive">
<div class="chat-message-user">
<img class="no-imgbox" src="/about/me.png" alt="avatar">
<p>记者</p></div>
<div class="chat-message-word">
<p>同学，你好！请简单的介绍一下自己。😊</p></div>
</div>
<!--www.19yu.cn-->
<div class="chat-message-send">
<div class="chat-message-user">
<img class="no-imgbox" src="https://q1.qlogo.cn/g?b=qq&nk=2413845395&s=640" alt="avatar">
<p>十九域博客</p></div>
<div class="chat-message-word">
<p>嗨！我是十九少，是这个网站的博主,目前是一个个体户小老板,偶尔在业余时间玩一下网站！正在计算机一道上探索中😄</p></div>
</div>
<!--2-->
<div class="chat-message-receive">
<div class="chat-message-user">
<img class="no-imgbox" src="/about/me.png" alt="avatar">
<p>记者</p></div>
<div class="chat-message-word">
<p>你的个人爱好是什么？</p></div>
</div>
<div class="chat-message-send">
<div class="chat-message-user">
<img class="no-imgbox" src="https://q1.qlogo.cn/g?b=qq&nk=2413845395&s=640" alt="avatar">
<p>十九域博客</p></div>
<div class="chat-message-word">
<p>没有什么特别的爱好，平时喜欢听歌、捣鼓代码等等...</p></div>
</div>
<!--3-->
<div class="chat-message-receive">
<div class="chat-message-user">
<img class="no-imgbox" src="/about/me.png" alt="avatar">
<p>记者</p></div>
<!--www.19yu.cn-->
<div class="chat-message-word">
<p>你的理想是什么？</p></div>
</div>
<div class="chat-message-send">
<div class="chat-message-user">
<img class="no-imgbox" src="https://q1.qlogo.cn/g?b=qq&nk=2413845395&s=640" alt="avatar">
<p>十九域博客</p></div>
<div class="chat-message-word">
<p>哈哈，我的理想是想当一名老板，不管实不实现我都会为我的理想奋斗！</p></div>
</div>
<!--4-->
<div class="chat-message-receive">
<div class="chat-message-user">
<img class="no-imgbox" src="/about/me.png" alt="avatar">
<p>记者</p></div>
<div class="chat-message-word">
<p>你最喜欢的一句话是什么？</p></div>
</div>
<div class="chat-message-send">
<div class="chat-message-user">
<img class="no-imgbox" src="https://q1.qlogo.cn/g?b=qq&nk=2413845395&s=640" alt="avatar">
<p>十九域博客</p></div>
<div class="chat-message-word">
<p>“生活明朗 万物可爱”</p></div>
<!--www.19yu.cn-->
</div>
<!--5-->
<div class="chat-message-receive">
<div class="chat-message-user">
<img class="no-imgbox" src="/about/me.png" alt="avatar">
<p>记者</p></div>
<div class="chat-message-word">
<p>你建站的初心是什么？</p></div>
</div>
<div class="chat-message-send">
<div class="chat-message-user">
<img class="no-imgbox" src="https://q1.qlogo.cn/g?b=qq&nk=2413845395&s=640" alt="avatar">
<p>十九域博客</p></div>
<div class="chat-message-word">
<p>我建站纯属于个人的爱好，要说初心或许就是分享自己的建站笔记、学习日志，免费提供关于未来网络IT科技的一些知识吧！</p></div>
</div>
<!--6-->
<div class="chat-message-receive">
<div class="chat-message-user">
<img class="no-imgbox" src="/about/me.png" alt="avatar">
<p>记者</p></div>
<div class="chat-message-word">
<!--www.19yu.cn-->
<p>好的，非常感谢你能接受这次的采访。😉</p></div>
</div>
<div class="chat-message-send">
<div class="chat-message-user">
<img class="no-imgbox" src="https://q1.qlogo.cn/g?b=qq&nk=2413845395&s=640" alt="avatar">
<p>十九域博客</p></div>
<div class="chat-message-word">
<p>不客气😄</p></div>
</div>
<style>
.wniui_bot{margin-bottom:5px !important;}.container1>.skills{margin-bottom:10px;}
.chat-message-receive{display: flex;padding: 10px 0;justify-content: flex-start;} .chat-message-send{display: flex;padding: 10px 0;justify-content: flex-end;} .chat-message-user{align-self:center;display: flex;flex-direction: column;text-align: center;} .chat-message-user>img{border-radius: 50%;width: 50px;height: 50px;} .chat-message-user>p{width: 50px; font-weight:700;font-size: 1.5rem;opacity: 1;} .chat-message-word{align-self: center; padding-top: 5px;margin: 0 10px;} .chat-message-word>p{position: relative;display: inline-block;padding: .5rem 1rem;background-color: #ff4e6a;color: #fff;border-radius: 8px;max-width: 400px;} .chat-message-word>p::before{content: '';position: absolute;left: -4px;top: calc(50% - 10px);width: 0;height: 0;border-right: 4px solid #ff4e6a;border-top: 4px solid transparent;border-bottom: 4px solid transparent;} .chat-message-send .chat-message-user{display:flex;order: 2;} .chat-message-send .chat-message-word>p{background-color: #2997f7; color: #fff;} .chat-message-send .chat-message-word>p::before{left: unset;right: -4px;border-left: 4px solid #2997f7;border-right: 0px;}
</style>
<!---->
</blockquote>
</div>
</div>
<!--采访结束-->
<hr class="wp-block-separator" color=#FFCCCC />
<!--1、简介-->
<div>
<h3><svg class="icon" aria-hidden="true"><use xlink:href="#icon-icon--my"></use></svg> 个人简介</h3>
<div>
<blockquote style="color:var(--main-color);">
<!--www.19yu.cn-->
<p>昵称：十九域博客</p>
<p>居住：中国大陆</p>
<p>职业：秃头程序猿</p>
<p>目标：做神一样的男人<p>
<p>理想：当一名老板</p>
<p>爱好：听歌、捣鼓代码等...（＾∀＾●）</p>
<p>技能：Linux、HTML、CSS、Java（都会点皮毛...哈哈！）</p>
</blockquote>
</div>
</div>
<!--1、简介结束-->
<hr class="wp-block-separator" color=#FFCCCC />
<!--2、进度-->
<div>
<h3><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xuexizhongxin"></use></svg> 学习进度</h3>
<div>
<blockquote style="color:var(--main-color);">
<p>🍭每天以10%的进度在努力学习中...</p>
<!--进度条-->
<p class="wniui_bot">HTML：</p>
<div class="container1">
<div class="skills html">30%</div>
</div>
<p class="wniui_bot">CSS：</p>
<div class="container1">
<div class="skills css">20%</div>
</div>
<p class="wniui_bot">Linux：</p>
<div class="container1">
<div class="skills js">10%</div>
</div>
<p class="wniui_bot">Java：</p>
<div class="container1">
<div class="skills php">5%</div>
<!--www.19yu.cn-->
</div>
</blockquote>
</div>
</div>
<!--2、进度结束-->
<hr class="wp-block-separator" color=#FFCCCC />
<!--3、经历-->
<div>
<h3><svg class="icon" aria-hidden="true"><use xlink:href="#icon-drxx20"></use></svg>个人经历</h3>
<div>
<blockquote style="color:var(--main-color);">
<p>🌟每天有着奇葩的经历...</p>
<style>
.vertical-timeline-block{width: 98%; border-left: 2px solid #DDD; margin: 0 20px; position: relative; /*padding-bottom: 30px;*/} /* 时间轴的左侧图标 */ .vertical-timeline-icon{width: 40px; height: 40px; border-radius: 8px; position: absolute; left: -22px; top: 10px; text-align: center; line-height: 40px; cursor: pointer; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;} .vertical-timeline-block{cursor: pointer;} .vertical-timeline-block:hover .vertical-timeline-icon{width: 50px; height: 50px; border-radius: 25px; line-height: 50px; left: -27px; box-shadow: 0 0 5px #CCC; font-size: 25px;} /* 时间轴的左侧图标的各种样式 */ .v-timeline-icon1{background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);} .v-timeline-icon2{background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);} .v-timeline-icon3{background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);} /* 时间轴的左侧图标上的序号*/ .vertical-timeline-icon i{font-style: normal; color: #FFF;} /* 时间轴上的具体内容 */ .vertical-timeline-content{/*color:#fff;background-color: #99CCCC; */margin-left:20px; padding: 10px 15px; border-radius: 5px; position: relative;} .timeline-content{text-indent: 2em;}
</style>
<div class="container">
<div class="vertical-timeline">
<!--1-->
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon v-timeline-icon1">
<i class="icon fa fa-arrow-circle-down" aria-hidden="true"></i>
</div>
<div class="vertical-timeline-content">
<p class="time-more">
<span class="time">2021年7月</span>
</p>
<p class="timeline-content">偶然接触到网站，开启了建站之路！</p>
<!--www.19yu.cn-->
</div>
</div>
<!--2-->
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon v-timeline-icon2">
<i class="icon fa fa-arrow-circle-down" aria-hidden="true"></i>
</div>
<div class="vertical-timeline-content">
<p class="time-more">
<span class="time">2022年5月</span>
</p>
<p class="timeline-content">中考结束后去了离家较近的职校</p>
</div>
</div>
<!--3-->
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon v-timeline-icon3">
<i class="icon fa fa-arrow-circle-down" aria-hidden="true"></i>
</div>
<div class="vertical-timeline-content">
<p class="time-more">
<span class="time">2023年02月</span>
</p>
<p class="timeline-content">购买了人生中第一台服务器</p>
</div>
</div>
<!--4-->
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon v-timeline-icon1">
<i class="icon fa fa-arrow-circle-down" aria-hidden="true"></i>
</div>
<!--www.19yu.cn-->
<div class="vertical-timeline-content">
<p class="time-more">
<span class="time">2023年03月</span>
</p>
<p class="timeline-content">搭建了十九域博客</p>
</div>
</div>
<!--5-->
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon v-timeline-icon2">
<i class="icon fa fa-arrow-circle-down" aria-hidden="true"></i>
</div>
<div class="vertical-timeline-content">
<p class="time-more">
<span class="time">2023年5月</span>
</p>
<p class="timeline-content">购买zibi，正式迁移至WordPress</p>
</div>
</div>
<!--6-->
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon v-timeline-icon3">
<i class="icon fa fa-arrow-circle-down" aria-hidden="true"></i>
</div>
<div class="vertical-timeline-content">
<p class="time-more">
<span class="time">2023年7月</span>
</p>
<!--www.19yu.cn-->
<p class="timeline-content">跟着学校去往外地实习，也算有点感悟吧！</p>
</div>
</div>
<!--7-->
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon v-timeline-icon1">
<i class="icon fa fa-arrow-circle-down" aria-hidden="true"></i>
</div>
<div class="vertical-timeline-content">
<p class="time-more">
<span class="time">2024年1月</span>
</p>
<p class="timeline-content">正式将十九域博客迁移到国内，接入icp备案</p>
</div>
</div>
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon v-timeline-icon2">
<i class="icon fa fa-dot-circle-o" aria-hidden="true"></i>
</div>
<div class="vertical-timeline-content">
<p class="time-more">
<span class="time">2024年4月</span>
</p>
<p class="timeline-content">应网安领导的要求，接入公安备案</p>
</div>
</div>
</div>
</div>
</blockquote>
</div>
<!--www.19yu.cn-->
</div>
<!--3、经历结束-->
<hr class="wp-block-separator" color=#FFCCCC />
<!--4、我的书单-->
<style>
.expert-overflow{-ms-flex-direction: column; -ms-flex-pack: center; -ms-flex-align: center;}.our-experts{background-color: #F6F6F6;}.our-experts .expert-box img{display: block; margin-left: auto; margin-right: auto;}.our-experts .expert-box img{width: 100%;}.expert-box>.expert-overflow{background:rgba(255,255,255,.3); backdrop-filter: saturate(180%) blur(20px) !important;text-align: center; border-radius: 3px; position: absolute; color: #333; width: 100%; height: 38%; bottom: -100%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.6s ease-in-out; padding: 10px;}.expert-box{box-shadow: 0px 0px 10px #999; margin: 20px 0 20px 0; position: relative; overflow: hidden; border-radius: 4px;}.our-experts .expert-box:hover .expert-overflow{bottom: 0;}
</style>
<div>
<h3><svg class="icon" aria-hidden="true"><use xlink:href="#icon-gequ"></use></svg>我的歌单 </h3>
<blockquote style="color:var(--main-color);">
<p>🌈比较喜欢的几首歌...详情可以前往<a href="/about/music">音乐馆</a>页面哦~</p>
<div>
<div class="container">
<div class="our-experts wniui" style="">
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-2">
<div class="expert-box">
<a><img src="https://img.jitatang.cn/wp-content/uploads/2023/09/20230918194319_0465f8de.png" alt></a>
<div class="expert-overflow">
<h5>《我只能离开》</h5>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-2">
<div class="expert-box">
<a><img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.CgqDKNCK6VO-Ed9pgwCiugHaHa?rs=1&pid=ImgDetMain" alt></a>
<div class="expert-overflow">
<h5>《暖一杯茶》</h5>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-2">
<div class="expert-box">
<!--www.19yu.cn-->
<a><img src="https://ts3.cn.mm.bing.net/th?id=ODL.7d0fc5e3ffaa17e8ac3865527825a86a&w=400&h=400&c=9&rs=1&qlt=99&o=6&pid=13.1" alt></a>
<div class="expert-overflow">
<h5>《你，好不好？》</h5>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-2">
<div class="expert-box">
<a><img src="https://p1.music.126.net/CTvZ6cIrZ3uZdXbzedrufw==/109951169697336752.jpg?param=400y400" alt></a>
<div class="expert-overflow">
<h5>《交换余生》</h5>
</div>
</div>
<!--www.19yu.cn-->
</div>
</div>
</div>
</div>
</blockquote>
</div>
<!--4、我的书单结束-->
<hr class="wp-block-separator" color=#FFCCCC />
<!--5、关于本站-->
<div>
<h3><svg class="icon" aria-hidden="true"><use xlink:href="#icon-guanyuwomen"></use></svg> 关于本站</h3>
<div>
<blockquote style="color:var(--main-color);">
<p>网站名称：<a>十九域博客</a>（也不知道当初怎么想到这个名字的！O(∩_∩)O哈哈~）<p>
<p>建站天数： <span><script language="JavaScript">document.write(+dni)</script> 天</span></p>
<p>建站程序：使用<a href="https://wordpress.org/">WordPress</a>进行建站</p>
<p>网站主题：自豪的使用<a href="https://zibll.com/">子比主题</a>进行创作</p>
<p>建站历程: 建站过程中换过很多的博客程序和主题，在不断的放弃与选择，最终选择了WordPress+子比主题。在这个过程中学到了很多的东西！</p>
<p><span id="busuanzi_container_site_pv">本站总访问量：<span id="busuanzi_value_site_pv"></span>次</span></p>
<!--www.19yu.cn-->
</blockquote>
</div>
</div>
<!--5、关于本站结束-->
</main>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<?php include View::getView('footer'); ?>下载本文中的附件，替换代码中的上传路径。
请登录后发表评论
注册
社交账号登录
停留在世界边缘，与之惜别