886886
/
card-nav
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

up

master
wy 2 years ago
parent
b02f6d5b36
commit
9132280519
1 changed files with 308 additions and 181 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 487
      new-page.html

487
new-page.html
View File

@ -240,214 +240,341 @@
</div>
<!-- API -->
<div id="api" class="section lb ">
<div class="container">
<div class="section-title text-left">
<h3 class=" iconfont">&#xe60e;官方文档</h3>
<div class="container">
<div class="section-title text-left">
<h3 class=" iconfont">&#xe60e;官方文档</h3>
</div>
<div class="api-menu row">
<div class="col-md-12">
<div class="button-group filter-button-group text-left">
<button class="active " data-filter="*">全部</button>
<button class="" data-filter=".api_html">前端</button>
<button class="" data-filter=".api_api">后端</button>
<button class="" data-filter=".api_middle">中间件</button>
</div>
<div class="api-menu row">
<div class="col-md-12">
<div class="button-group filter-button-group text-left">
<button class="active " data-filter="*">全部</button>
<button class="" data-filter=".api_html">前端</button>
<button class="" data-filter=".api_api">后端</button>
<button class="" data-filter=".api_middle">中间件</button>
</div>
</div>
</div>
<div class="api-list row">
<div class="col-md-4 api-grid api_html ">
<a href="https://v3.bootcss.com" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe600;</i>
</div>
<h2>Bootstrap 3</h2>
</div>
</div>
<div class="api-list row">
<div class="col-md-4 api-grid api_html ">
<a href="https://v3.bootcss.com" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe600;</i>
</div>
<h2>Bootstrap 3</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://cn.vuejs.org" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe8ad;</i>
</div>
<h2>Vue.js</h2>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://cn.vuejs.org" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe8ad;</i>
</div>
<h2>Vue.js</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://www.iconfont.cn" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe610;</i>
</div>
<h2>iconfont</h2>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://www.iconfont.cn" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe610;</i>
</div>
<h2>iconfont</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://element.eleme.cn/#/zh-CN/component/installation" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe601;</i>
</div>
<h2>Element UI</h2>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://element.eleme.cn/#/zh-CN/component/installation" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe601;</i>
</div>
<h2>Element UI</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://docs.djangoproject.com/zh-hans/3.0/" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xeb7b;</i>
</div>
<h2>Django 3.0</h2>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://docs.djangoproject.com/zh-hans/3.0/" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xeb7b;</i>
</div>
<h2>Django 3.0</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://www.django-rest-framework.org" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe692;</i>
</div>
<h2>Django REST framework</h2>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://www.django-rest-framework.org" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe692;</i>
</div>
<h2>Django REST framework</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://jquery.cuishifeng.cn" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe655;</i>
</div>
<h2>jQuery</h2>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://jquery.cuishifeng.cn" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe655;</i>
</div>
<h2>jQuery</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://v4.bootcss.com" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe600;</i>
</div>
<h2>Bootstrap 4</h2>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://v4.bootcss.com" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe600;</i>
</div>
<h2>Bootstrap 4</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe660;</i>
</div>
<h2>微信沙箱</h2>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe660;</i>
</div>
<h2>微信沙箱</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe660;</i>
</div>
<h2>微信小程序</h2>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe660;</i>
</div>
<h2>微信小程序</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://www.bootcdn.cn" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe6c3;</i>
</div>
<h2>BootCDN</h2>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://www.bootcdn.cn" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe6c3;</i>
</div>
<h2>BootCDN</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_middle ">
<a href="https://www.runoob.com/redis/redis-tutorial.html" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe61a;</i>
</div>
<h2>Redis</h2>
</div>
<div class="col-md-4 api-grid api_middle ">
<a href="https://www.runoob.com/redis/redis-tutorial.html" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe61a;</i>
</div>
<h2>Redis</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_middle ">
<a href="https://www.rabbitmq.com" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xec75;</i>
</div>
<h2>RabbitMQ</h2>
</div>
<div class="col-md-4 api-grid api_middle ">
<a href="https://www.rabbitmq.com" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xec75;</i>
</div>
<h2>RabbitMQ</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_middle ">
<a href="https://www.celerycn.io" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xeb5b;</i>
</div>
<h2>Celery</h2>
</div>
<div class="col-md-4 api-grid api_middle ">
<a href="https://www.celerycn.io" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xeb5b;</i>
</div>
<h2>Celery</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://channels.readthedocs.io/en/latest/index.html" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xeb7b;</i>
</div>
<h2>Channels</h2>
</div>
<div class="col-md-4 api-grid api_api ">
<a href="https://channels.readthedocs.io/en/latest/index.html" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xeb7b;</i>
</div>
<h2>Channels</h2>
</div>
</a>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://isotope.metafizzy.co" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe655;</i>
</div>
<h2>Isotope</h2>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://isotope.metafizzy.co" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe655;</i>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://cn.vitejs.dev" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe8ad;</i>
</div>
<h2>Vite</h2>
</div>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://animate.style" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe655;</i>
</div>
<h2>Animate.css</h2>
</div>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="http://macyjs.com" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe655;</i>
</div>
<h2>Macy.js</h2>
</div>
</a>
</div>
</div>
</div>
</div>
<style>
.url-card .card-body {
padding: .938rem;
border-radius: 1em;
background: #E4EBF8;
box-shadow: .2rem .2rem .4rem #c8d0e7, -.2rem -.2rem .4rem #ffffff;
}
.url-card .url-img {
width: 40px;
height: 40px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: rgba(255, 255, 255, 0);
overflow: hidden;
}
.overflowClip_1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block!important;
word-break: break-all;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.url-card .url-info {
overflow: hidden;
padding-right: 5px;
}
.text-sm {
font-size: .875rem!important;
}
</style>
<!-- my diy start-->
<div id="diy" class="section lb ">
<div class="container">
<div class="section-title text-left">
<h3 class="iconfont">&#xe60e;我的DIY</h3>
</div>
<div class="row io-mx-n2 ajax-list-body">
<div class="url-card col-12 col-sm-12 col-md-4 col-xl-5a col-xxl-6a mb-4">
<div class="url-body">
<a href="https://www.dafeiyang.cn/" target="_blank" class="no-c" title="致力于 职业规划和财务提升...">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy loaded" src="https://docs.apachecn.org/assets/images/logos/logo_red.jpg" data-src="/assets/images/logos/logo_red.jpg" onerror="javascript:this.src='/assets\/images\/logos\/default.webp'" alt="片刻 职业规划" data-was-processed="true">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>片刻 职业规划</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">致力于 职业规划和财务提升...</p>
</div>
<h2>Isotope</h2>
</div>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://cn.vitejs.dev" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe8ad;</i>
</div>
</a>
</div>
</div>
<div class="url-card col-12 col-sm-12 col-md-4 col-xl-5a col-xxl-6a mb-4">
<div class="url-body default">
<a href="https://cs183.apachecn.org/#/" target="_blank" class="no-c" title="斯坦福 CS183 &amp; YC 创业课系列中文笔记📚">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy loaded" src="https://docs.apachecn.org/assets/images/编程语言/yc.png" data-src="https://docs.apachecn.org/assets/images/编程语言/yc.png" alt="斯坦福 CS183 &amp; YC 创业课系列中文笔记📚" data-was-processed="true">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>斯坦福 CS183 &amp; YC 创业课系列中文笔记📚</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">斯坦福 CS183 &amp; YC 创业课系列中文笔记📚</p>
</div>
<h2>Vite</h2>
</div>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="https://animate.style" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe655;</i>
</div>
</a>
</div>
</div>
<div class="url-card col-12 col-sm-12 col-md-4 col-xl-5a col-xxl-6a mb-4">
<div class="url-body default">
<a href="https://gitcode.net/apachecn/awesome-indie-zh.git" target="_blank" class="no-c" title="独立开发/自由职业/远程工作资源列表📝">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy loaded" src="https://docs.apachecn.org/assets/images/编程语言/biz.png" data-src="https://docs.apachecn.org/assets/images/编程语言/biz.png" alt="独立开发/自由职业/远程工作资源列表📝" data-was-processed="true">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>独立开发/自由职业/远程工作资源列表📝</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">独立开发/自由职业/远程工作资源列表📝</p>
</div>
<h2>Animate.css</h2>
</div>
</a>
</div>
<div class="col-md-4 api-grid api_html ">
<a href="http://macyjs.com" target="_blank">
<div class="services-inner-box api-single clearfix " ontouchstart="">
<div class="ser-icon">
<i class="icon iconfont">&#xe655;</i>
</div>
</a>
</div>
</div>
<div class="url-card col-12 col-sm-12 col-md-4 col-xl-5a col-xxl-6a mb-4">
<div class="url-body default">
<a href="https://idw.apachecn.org" class="no-c " title="ApacheCN 独立开发/自由职业/远程工作/数字游民知识库📚">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy error" src="https://docs.apachecn.org/assets/images/logos/default.webp" data-src="https://docs.apachecn.org/assets/images/编程语言/sns.png" alt="ApacheCN 独立开发/自由职业/远程工作/数字游民知识库📚" data-was-processed="true">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>ApacheCN 独立开发/自由职业/远程工作/数字游民知识库📚</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">ApacheCN 独立开发/自由职业/远程工作/数字游民知识库📚</p>
</div>
<h2>Macy.js</h2>
</div>
</a>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- my diy end -->
<!-- 页脚 -->
<div class="copyrights section ">

Write Preview
Loading…
Cancel
Save