You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
6.5 KiB
101 lines
6.5 KiB
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>导航</title>
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<link rel='stylesheet' href='swiper.min.css'>
|
|
<link rel="stylesheet" href="style.css">
|
|
<style type="text/css">
|
|
a{
|
|
text-decoration: none; /* 去除默认的下划线 */
|
|
color: #000; /* 去除默认的颜色和点击后变化的颜色 */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="wrapper">
|
|
<div class="background"></div>
|
|
<div class="item-bg"></div>
|
|
<div class="news-slider">
|
|
<div class="news-slider__wrp swiper-wrapper">
|
|
<div class="news-slider__item swiper-slide"> <a href="https://pan.beyourself.org.cn" class="news__item" target="_blank">
|
|
<div class="news-date"> <span class="news-date__title">我的网盘</span> <span class="news-date__txt">学习资料</span> </div>
|
|
<div class="news__title">学习资料下载/上传/分享</div>
|
|
<p class="news__txt">基于docker环境部署的NextCloud服务，主要用于分享学习资料，需要的可自行注册，部分资料会在账号中共享，欢迎交流沟通</p>
|
|
<div class="news__img"> <img src="./images/nextcloud.jpg" alt="news"> </div>
|
|
</a> </div>
|
|
<div class="news-slider__item swiper-slide"> <a href="https://blog.beyourself.org.cn" class="news__item" target="_blank">
|
|
<div class="news-date"> <span class="news-date__title">我的博客</span> <span class="news-date__txt">学习文档记录</span> </div>
|
|
<div class="news__title">工作过程中记录的文档</div>
|
|
<p class="news__txt">基于LNMP部署的Wordpress记录文章，主要涉及云计算、python运维开发、云原生及各种面试及优化内容</p>
|
|
<div class="news__img"> <img src="./images/blog.jpg" alt="news"> </div>
|
|
</a> </div>
|
|
<div class="news-slider__item swiper-slide"> <a href="https://sign.beyourself.org.cn" class="news__item" target="_blank">
|
|
<div class="news-date"> <span class="news-date__title">oa系统</span> <span class="news-date__txt">个人开发</span> </div>
|
|
<div class="news__title">开发与学习</div>
|
|
<p class="news__txt">基于docker环境部署，自己用django框架开发的一个oa系统，主要用于方便共享工作中的学习资料和文章，以及资料的收集</p>
|
|
<div class="news__img"> <img src="./images/oa.jpg" alt="news"> </div>
|
|
</a> </div>
|
|
<div class="news-slider__item swiper-slide"> <a href="https://gitea.beyourself.org.cn/newrain001" class="news__item" target="_blank">
|
|
<div class="news-date"> <span class="news-date__title">代码仓库</span> <span class="news-date__txt">个人开发</span> </div>
|
|
<div class="news__title">开发与学习</div>
|
|
<p class="news__txt">基于docker环境部署，部署的gitea，用于管理自己平时开发的一些内容，你也可以加入一起学习<br></p>
|
|
<div class="news__img"> <img src="./images/gitea.jpg" alt="news"> </div>
|
|
</a> </div>
|
|
<div class="news-slider__item swiper-slide"> <a href="http://download.beyourself.org.cn/list" class="news__item" target="_blank">
|
|
<div class="news-date"> <span class="news-date__title">常用脚本</span> <span class="news-date__txt">个人开发</span> </div>
|
|
<div class="news__title">基于各种环境初始化脚本</div>
|
|
<p class="news__txt">平时在工作中经常会使用到的脚本，通过nginx管理可以方便下载及运行 <br><br></p>
|
|
<div class="news__img"> <img src="./images/linux.jpg" alt="news"> </div>
|
|
</a> </div>
|
|
<div class="news-slider__item swiper-slide"> <a href="https://cmd.beyourself.org.cn" class="news__item" target="_blank">
|
|
<div class="news-date"> <span class="news-date__title">Linux命令搜索</span> <span class="news-date__txt">命令查找</span> </div>
|
|
<div class="news__title">Linux常用软件详解</div>
|
|
<p class="news__txt">命令数据来自github https://github.com/jaywcjlove/linux-command<br></p>
|
|
<div class="news__img"> <img src="./images/cmd.jpg" alt="news"> </div>
|
|
</a> </div>
|
|
<div class="news-slider__item swiper-slide"> <a href="http://www.beyourself.org.cn/images/wx.png" class="news__item" target="_blank">
|
|
<div class="news-date"> <span class="news-date__title">微信公众号</span> <span class="news-date__txt">个人内容</span> </div>
|
|
<div class="news__title">老王的公众号开通啦！</div>
|
|
<p class="news__txt">最近休假腾出空来，终于把微信公众号整理出来了，后续会将一些有趣的内容更新到公众号中，欢迎大家关注</p>
|
|
<div class="news__img"> <img src="./images/wx.png" alt="news"> </div>
|
|
</a> </div>
|
|
</div>
|
|
<div class="news-slider__ctr">
|
|
<div class="news-slider__arrows">
|
|
<button class="news-slider__arrow news-slider-prev"> <span class="icon-font">
|
|
<svg class="icon icon-arrow-left">
|
|
<use xlink:href="#icon-arrow-left"></use>
|
|
</svg>
|
|
</span> </button>
|
|
<button class="news-slider__arrow news-slider-next"> <span class="icon-font">
|
|
<svg class="icon icon-arrow-right">
|
|
<use xlink:href="#icon-arrow-right"></use>
|
|
</svg>
|
|
</span> </button>
|
|
</div>
|
|
<div class="news-slider__pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<svg hidden="hidden">
|
|
<defs>
|
|
<symbol id="icon-arrow-left" viewBox="0 0 32 32">
|
|
<title>arrow-left</title>
|
|
<path d="M0.704 17.696l9.856 9.856c0.896 0.896 2.432 0.896 3.328 0s0.896-2.432 0-3.328l-5.792-5.856h21.568c1.312 0 2.368-1.056 2.368-2.368s-1.056-2.368-2.368-2.368h-21.568l5.824-5.824c0.896-0.896 0.896-2.432 0-3.328-0.48-0.48-1.088-0.704-1.696-0.704s-1.216 0.224-1.696 0.704l-9.824 9.824c-0.448 0.448-0.704 1.056-0.704 1.696s0.224 1.248 0.704 1.696z"></path>
|
|
</symbol>
|
|
<symbol id="icon-arrow-right" viewBox="0 0 32 32">
|
|
<title>arrow-right</title>
|
|
<path d="M31.296 14.336l-9.888-9.888c-0.896-0.896-2.432-0.896-3.328 0s-0.896 2.432 0 3.328l5.824 5.856h-21.536c-1.312 0-2.368 1.056-2.368 2.368s1.056 2.368 2.368 2.368h21.568l-5.856 5.824c-0.896 0.896-0.896 2.432 0 3.328 0.48 0.48 1.088 0.704 1.696 0.704s1.216-0.224 1.696-0.704l9.824-9.824c0.448-0.448 0.704-1.056 0.704-1.696s-0.224-1.248-0.704-1.664z"></path>
|
|
</symbol>
|
|
</defs>
|
|
</svg>
|
|
|
|
<script src='https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js'></script>
|
|
<script src='swiper.min.js'></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|
|
|