fullstack.web/www/index.html
2025-04-29 09:09:06 +08:00

1771 lines
105 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta name="generator" content="Hugo 0.104.3" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#f9f9f9">
<title>Fullstack Club | 全栈工程师俱乐部</title>
<link rel="shortcut icon" href="assets/images/favicon.ico">
<meta name="keywords" content="Fullstack Club | 全栈工程师俱乐部">
<meta name="baidu-site-verification" content="code-ERzo5lqNbW" />
<meta name="sogou_site_verification" content="c5kms0qkyL"/>
<meta name="360-site-verification" content="fcc13eac55051e381be8a06453359bc1" />
<link rel='stylesheet' id='wp-block-library-css' href='.//assets/css/block-library.min-5.6.2.css' type='text/css' media='all'>
<link rel='stylesheet' id='iconfont-css' href='.//assets/css/iconfont-3.03029.1.css' type='text/css' media='all'>
<link rel='stylesheet' id='bootstrap-css' href='.//assets/css/bootstrap.min-4.3.1.css' type='text/css' media='all'>
<link rel='stylesheet' id='lightbox-css' href='.//assets/css/fancybox.min.css' type='text/css' media='all'>
<link rel='stylesheet' id='style-css' href='.//assets/css/style.css' type='text/css' media='all'>
<link rel='stylesheet' id='style-css' href='.//assets/css/custom-style.css' type='text/css' media='all'>
<link rel="stylesheet" id="fortawesome-css" href=".//assets/fontawesome-free-5.15.4-web/css/all.min.css" type="text/css">
<script type='text/javascript' src='.//assets/js/jquery.min-3.2.1.js' id='jquery-js'></script>
<script type='text/javascript' src='.//assets/js/content-search.js' id='content-search-js'></script>
</head>
<body class="io-grey-mode">
<div id="loading">
</div>
<div class="page-container">
<div id="sidebar" class="sticky sidebar-nav fade mini-sidebar" style="width: 60px;">
<div class="modal-dialog h-100 sidebar-nav-inner">
<div class="sidebar-logo border-bottom border-color">
<div class="logo overflow-hidden">
<a href="" class="logo-expanded">
<img src="assets/images/bt8-expand-light.png" height="40" class="logo-light"
alt="Fullstack Club | 全栈工程师俱乐部">
<img src="assets/images/bt8-expand-dark.png" height="40" class="logo-dark d-none"
alt="Fullstack Club | 全栈工程师俱乐部">
</a>
<a href="" class="logo-collapsed">
<img src="assets/images/favicon-128x128.png" height="40" class="logo-light"
alt="Fullstack Club | 全栈工程师俱乐部">
<img src="assets/images/favicon-128x128.png" height="40" class="logo-dark d-none"
alt="Fullstack Club | 全栈工程师俱乐部">
</a>
</div>
</div>
<div class="sidebar-menu flex-fill">
<div class="sidebar-scroll">
<div class="sidebar-menu-inner">
<ul>
<li class="sidebar-item">
<a href="#366a7288b80ec8882b88467447296837" class="smooth">
<i class="far fa-star fa-lg icon-fw icon-lg mr-2"></i>
<span>常用推荐</span>
</a>
</li>
<li class="sidebar-item">
<a href="#1801d7de40cbe78d795e9a5e2bb55100" class="smooth change-href" data-change="#1801d7de40cbe78d795e9a5e2bb55100">
<i class="far fa-folder-open fa-lg icon-fw icon-lg mr-2"></i>
<span>在线工具</span>
<i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
</a>
<ul>
<li><a href="#1801d7de40cbe78d795e9a5e2bb55100" class="smooth"><span>基础设施</span></a></li>
<li><a href="#3e90c5117dc0fe9d71410e448d766e52" class="smooth"><span>常用工具</span></a></li>
<li><a href="#9abfe4a03928eb88a75a5cd95822dfef" class="smooth"><span>前端</span></a></li>
<li><a href="#7992ac2c6eeeb59a3a5bea8d16d09879" class="smooth"><span>视觉</span></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="border-top py-2 border-color">
<div class="flex-bottom">
<ul>
<li id="menu-item-212"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-212 sidebar-item">
<a href="#friendlink" class="smooth">
<i class="fab fa-staylinked icon-fw icon-lg mr-2"></i>
<span>友情链接</span>
</a>
</li>
<li id="menu-item-213"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item">
<a target="_blank" rel="noopener" href="./about">
<i class="fa fa-info-circle icon-fw icon-lg mr-2"></i>
<span>关于</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-content flex-fill grid-bg">
<div class="big-header-banner">
<div id="header" class="page-header sticky">
<div class="navbar navbar-expand-md">
<div class="container-fluid p-0">
<a href="" class="navbar-brand d-md-none" title="Fullstack Club | 全栈工程师俱乐部">
<img src="assets/images/favicon-128x128.png" class="logo-light"
alt="Fullstack Club | 全栈工程师俱乐部">
<img src="assets/images/favicon-128x128.png" class="logo-dark d-none"
alt="Fullstack Club | 全栈工程师俱乐部">
</a>
<div class="collapse navbar-collapse order-2 order-md-1">
<div class="header-mini-btn">
<label>
<input id="mini-button" type="checkbox">
<svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55"></path>
<path class="line--2" d="M0 50h80"></path>
<path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45"></path>
</svg>
</label>
</div>
<ul class="navbar-nav site-menu" style="margin-right: 16px;">
<li >
<a href="./">
<i class="fa fa-home fa-lg mr-2"></i>
<span>首页</span>
</a>
<ul class="sub-menu">
</ul>
</li>
</ul>
<div class="rounded-circle weather">
<div id="he-plugin-simple" style="display: contents;"></div>
<script>WIDGET = {
CONFIG: {
"modules": "01234",
"background": 5,
"tmpColor": "E4C600",
"tmpSize": 14,
"cityColor": "E4C600",
"citySize": 14,
"aqiColor": "#E4C600",
"aqiSize": 14,
"weatherIconSize": 24,
"alertIconSize": 18,
"padding": "10px 10px 10px 10px",
"shadow": "1",
"language": "auto",
"borderRadius": 5,
"fixed": "false",
"vertical": "middle",
"horizontal": "left",
"key": "085791e805a24491b43b06cf58ab31e7"
}
}
</script>
<script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
</div>
</div>
<ul class="nav navbar-menu text-xs order-1 order-md-2">
<li class="nav-item mr-3 mr-lg-0 d-none d-lg-block">
<script>
fetch('https://v1.hitokoto.cn')
.then(response => response.json())
.then(data => {
const hitokoto = document.getElementById('hitokoto_text')
hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
hitokoto.innerText = data.hitokoto
})
.catch(console.error)
</script>
<div id="hitokoto"><a href="#" target="_blank" id="hitokoto_text">疏影横斜水清浅,暗香浮动月黄昏。</a></div>
</li>
<li class="nav-item d-md-none mobile-menu ml-3 ml-md-4">
<a href="javascript:" id="sidebar-switch" data-toggle="modal"
data-target="#sidebar"><i class="iconfont icon-classification icon-2x"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="placeholder" style="height:74px"></div>
</div>
<div class="header-big post-top css-color mb-4" id="search-bg" style="">
<div class="s-search">
<div id="search" class="s-search mx-auto">
<div id="search-list-menu" class="hide-type-list">
<div class="s-type text-center">
<div class="s-type-list big">
<div class="anchor" style="position: absolute; left: 50%; opacity: 0;"></div>
<label for="type-bing" class="" data-id="group-a"><span>常用</span></label>
<label for="type-br" data-id="group-c"><span>工具</span></label>
<label for="type-zhihu" data-id="group-d"><span>社区</span></label>
</div>
</div>
</div>
<form action="https://www.baidu.com?s=" method="get" target="_blank" class="super-search-fm">
<input type="text" id="search-text" class="form-control smart-tips search-key" zhannei=""
placeholder="输入关键字搜索" style="outline:0" autocomplete="off">
<button class="submit" type="submit"><i class="iconfont icon-search"></i></button>
</form>
<div id="search-list" class="hide-type-list">
<div class="search-group group-a ">
<ul class="search-type">
<li><input checked="checked" hidden="" type="radio" name="type" id="type-bing"
value="https://cn.bing.com/search?q=" data-placeholder="微软 Bing 搜索">
<label for="type-bing"><span class="text-muted">必应</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-baidu"
value="https://www.baidu.com/s?wd=" data-placeholder="百度一下,你就知道">
<label for="type-baidu"><span class="text-muted">百度</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-google"
value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
<label for="type-google"><span class="text-muted">谷歌</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-pubmed"
value="https://pubmed.ncbi.nlm.nih.gov/?term=" data-placeholder="PubMed 搜索/文章标题/关键字">
<label for="type-pubmed"><span class="text-muted">文献</span></label></li>
</ul>
</div>
<div class="search-group group-c ">
<ul class="search-type">
<li><input hidden="" type="radio" name="type" id="type-br"
value="https://rank.chinaz.com/all/"
data-placeholder="请输入网址(不带 https://)"><label for="type-br"><span
class="text-muted">权重查询</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-links"
value="https://link.chinaz.com/" data-placeholder="请输入网址(不带 https://)"><label
for="type-links"><span class="text-muted">友链检测</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-icp"
value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带 https://)"><label
for="type-icp"><span class="text-muted">备案查询</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-ping"
value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带 https://)"><label
for="type-ping"><span class="text-muted">PING 检测</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-404"
value="https://tool.chinaz.com/Links/?DAddress="
data-placeholder="请输入网址(不带https://)"><label for="type-404"><span
class="text-muted">死链检测</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-ciku"
value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词"><label
for="type-ciku"><span class="text-muted">关键词挖掘</span></label></li>
</ul>
</div>
<div class="search-group group-d ">
<ul class="search-type">
<li><input hidden="" type="radio" name="type" id="type-zhihu" value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎">
<label for="type-zhihu"><span class="text-muted">知乎</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-wechat" value="https://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信">
<label for="type-wechat"><span class="text-muted">微信</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-weibo" value="https://s.weibo.com/weibo/" data-placeholder="微博">
<label for="type-weibo"><span class="text-muted">微博</span></label></li>
<li><input hidden="" type="radio" name="type" id="type-douban" value="https://www.douban.com/search?q=" data-placeholder="豆瓣">
<label for="type-douban"><span class="text-muted">豆瓣</span></label></li>
</ul>
</div>
</div>
<div class="card search-smart-tips search-hot-text">
<ul id="word" style="display: none"></ul>
</div>
</div>
</div>
</div>
<div id="content" class="content-site customize-site">
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="366a7288b80ec8882b88467447296837"></i>
常用推荐
</h4>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.v2ex.com/" target="_blank" data-id="" data-url="https://www.v2ex.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="V2EX 创意工作者的社区。">
<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" src="assets/images/logos/v2ex.jpg" data-src="assets/images/logos/v2ex.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="V2EX">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>V2EX</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">V2EX 创意工作者的社区。</p>
</div>
</div>
</div>
</a>
<a href="https://www.v2ex.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.zhihu.com/" target="_blank" data-id="" data-url="https://www.zhihu.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/%e7%9f%a5%e4%b9%8e.png" data-src="assets/images/logos/%e7%9f%a5%e4%b9%8e.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="知乎">
</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>
</div>
</div>
</a>
<a href="https://www.zhihu.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.oschina.net/" target="_blank" data-id="" data-url="https://www.oschina.net/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg" data-src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="开源中国">
</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>
</div>
</div>
</a>
<a href="https://www.oschina.net/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.aliyun.com/" target="_blank" data-id="" data-url="https://www.aliyun.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg" data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阿里云">
</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>
</div>
</div>
</a>
<a href="https://www.aliyun.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://sso.qiniu.com/" target="_blank" data-id="" data-url="https://sso.qiniu.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/qiniu.jpg" data-src="assets/images/logos/qiniu.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="七牛云">
</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>
</div>
</div>
</a>
<a href="https://sso.qiniu.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="1801d7de40cbe78d795e9a5e2bb55100"></i>
基础设施
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="//www.fullstack.club:4081" target="_blank" data-id="" data-url="//www.fullstack.club:4081"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/nginx-proxy-manager.png" data-src="assets/images/logos/nginx-proxy-manager.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="网关">
</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>
</div>
</div>
</a>
<a href="//www.fullstack.club:4081" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="//moniter.fullstack.club:9999/" target="_blank" data-id="" data-url="//moniter.fullstack.club:9999/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/wg.png" data-src="assets/images/logos/wg.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="集群监控">
</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>
</div>
</div>
</a>
<a href="//moniter.fullstack.club:9999/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="//kit.fullstack.club" target="_blank" data-id="" data-url="//kit.fullstack.club"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/anyway.png" data-src="assets/images/logos/anyway.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Kit">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Kit</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">手边的命令行脚本工具。</p>
</div>
</div>
</div>
</a>
<a href="//kit.fullstack.club" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="//git.fullstack.club" target="_blank" data-id="" data-url="//git.fullstack.club"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Git Server &amp; CICD。">
<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" src="assets/images/logos/gitea.png" data-src="assets/images/logos/gitea.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Git">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Git</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Git Server &amp; CICD。</p>
</div>
</div>
</div>
</a>
<a href="//git.fullstack.club" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="//nexus.fullstack.club:8081/" target="_blank" data-id="" data-url="//nexus.fullstack.club:8081/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="内网 Maven 仓库。">
<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" src="assets/images/logos/nexus.png" data-src="assets/images/logos/nexus.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Nexus">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Nexus</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">内网 Maven 仓库。</p>
</div>
</div>
</div>
</a>
<a href="//nexus.fullstack.club:8081/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="3e90c5117dc0fe9d71410e448d766e52"></i>
常用工具
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="/swa/window.html?to=%2Fswa%2Fcross-nav%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fcross-nav%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/cross.jpg" data-src="assets/images/logos/cross.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="目标十字">
</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>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Fcross-nav%2Findex.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="/swa/window.html?to=%2Fswa%2Ffmtconv%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Ffmtconv%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Base64、Hex、UTF8 互相转换">
<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" src="assets/images/logos/ic.png" data-src="assets/images/logos/ic.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="类型转换">
</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">Base64、Hex、UTF8 互相转换</p>
</div>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Ffmtconv%2Findex.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="/swa/window.html?to=%2Fswa%2Fasn1%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fasn1%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="解析 ASN.1">
<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" src="assets/images/logos/duolao.png" data-src="assets/images/logos/duolao.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ASN.1">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>ASN.1</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">解析 ASN.1</p>
</div>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Fasn1%2Findex.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://c.runoob.com/front-end/6318/" target="_blank" data-id="" data-url="https://c.runoob.com/front-end/6318/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="ASCII 码表">
<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" src="assets/images/logos/isux.png" data-src="assets/images/logos/isux.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ASCII 码表">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>ASCII 码表</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">ASCII 码表</p>
</div>
</div>
</div>
</a>
<a href="https://c.runoob.com/front-end/6318/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="/swa/window.html?to=%2Fswa%2Fcpe%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fcpe%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/svgomg.png" data-src="assets/images/logos/svgomg.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="无线支付密码器">
</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>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Fcpe%2Findex.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="/swa/window.html?to=%2Fswa%2Fu%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fu%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="渔翁 UKey 发行器">
<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" src="assets/images/logos/u.png" data-src="assets/images/logos/u.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="UKey 发行器">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>UKey 发行器</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">渔翁 UKey 发行器</p>
</div>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Fu%2Findex.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="/swa/window.html?to=%2Fswa%2Fic%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fic%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="信雅达 IC 卡发行器">
<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" src="assets/images/logos/ic.png" data-src="assets/images/logos/ic.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="IC 卡发行器">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>IC 卡发行器</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">信雅达 IC 卡发行器</p>
</div>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Fic%2Findex.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://jsfiddle.net/" target="_blank" data-id="" data-url="https://jsfiddle.net/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/uikitme.png" data-src="assets/images/logos/uikitme.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="JS Playground">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>JS Playground</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">共享前端设计代码</p>
</div>
</div>
</div>
</a>
<a href="https://jsfiddle.net/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://iframegenerator.top/" target="_blank" data-id="" data-url="https://iframegenerator.top/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/iframe.png" data-src="assets/images/logos/iframe.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iframe 生成器">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>iframe 生成器</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">专业的嵌入内容可视化配置工具,让您轻松创建完美的嵌入式内容。</p>
</div>
</div>
</div>
</a>
<a href="https://iframegenerator.top/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://tinypng.com/" target="_blank" data-id="" data-url="https://tinypng.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Optimize your images with a perfect balance in quality and file size.">
<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" src="assets/images/logos/tinypng.png" data-src="assets/images/logos/tinypng.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="tinypng">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>tinypng</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Optimize your images with a perfect balance in quality and file size.</p>
</div>
</div>
</div>
</a>
<a href="https://tinypng.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.autoregex.xyz/" target="_blank" data-id="" data-url="https://www.autoregex.xyz/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/Iconfinder.png" data-src="assets/images/logos/Iconfinder.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="AutoRegex">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>AutoRegex</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">人工智能辅助正则生成器</p>
</div>
</div>
</div>
</a>
<a href="https://www.autoregex.xyz/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="9abfe4a03928eb88a75a5cd95822dfef"></i>
前端
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://cn.vuejs.org/" target="_blank" data-id="" data-url="https://cn.vuejs.org/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="渐进式 Javascript 框架。">
<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" src="assets/images/logos/vue.png" data-src="assets/images/logos/vue.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Vue">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Vue</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">渐进式 Javascript 框架。</p>
</div>
</div>
</div>
</a>
<a href="https://cn.vuejs.org/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://router.vuejs.org/zh/guide/" target="_blank" data-id="" data-url="https://router.vuejs.org/zh/guide/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Vue Router 是 Vue.js 的官方路由。">
<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" src="assets/images/logos/vue.png" data-src="assets/images/logos/vue.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Vue Router">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Vue Router</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Vue Router 是 Vue.js 的官方路由。</p>
</div>
</div>
</div>
</a>
<a href="https://router.vuejs.org/zh/guide/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.antdv.com/components/overview-cn/" target="_blank" data-id="" data-url="https://www.antdv.com/components/overview-cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="这里是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。">
<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" src="assets/images/logos/ant.svg" data-src="assets/images/logos/ant.svg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Antd Vue">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Antd Vue</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">这里是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。</p>
</div>
</div>
</div>
</a>
<a href="https://www.antdv.com/components/overview-cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://vant-contrib.gitee.io/vant/" target="_blank" data-id="" data-url="https://vant-contrib.gitee.io/vant/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="轻量、可定制的移动端 Vue 组件库。">
<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" src="assets/images/logos/vant4.png" data-src="assets/images/logos/vant4.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Vant">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Vant</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">轻量、可定制的移动端 Vue 组件库。</p>
</div>
</div>
</div>
</a>
<a href="https://vant-contrib.gitee.io/vant/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://webpack.docschina.org/" target="_blank" data-id="" data-url="https://webpack.docschina.org/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/webpack.svg" data-src="assets/images/logos/webpack.svg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="WebPack">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>WebPack</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">构建你的 ...</p>
</div>
</div>
</div>
</a>
<a href="https://webpack.docschina.org/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://cn.vitejs.dev/" target="_blank" data-id="" data-url="https://cn.vitejs.dev/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/vite.png" data-src="assets/images/logos/vite.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="vite">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>vite</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">下一代的前端工具链</p>
</div>
</div>
</div>
</a>
<a href="https://cn.vitejs.dev/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="7992ac2c6eeeb59a3a5bea8d16d09879"></i>
视觉
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://app.shotsnapp.com/" target="_blank" data-id="" data-url="https://app.shotsnapp.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-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" src="assets/images/logos/shotsnapp.icos" data-src="assets/images/logos/shotsnapp.icos"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Shotsnapp">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Shotsnapp</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">带壳的截图美化网站,部分模板免费,但也够用。</p>
</div>
</div>
</div>
</a>
<a href="https://app.shotsnapp.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://latex.to/" target="_blank" data-id="" data-url="https://latex.to/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="将 latex 公式转换为图片。">
<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" src="assets/images/logos/shotsnapp.icos" data-src="assets/images/logos/shotsnapp.icos"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Latex.to">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Latex.to</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">将 latex 公式转换为图片。</p>
</div>
</div>
</div>
</a>
<a href="https://latex.to/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://latex.vimsky.com/" target="_blank" data-id="" data-url="https://latex.vimsky.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="将 latex 公式转换为图片。">
<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" src="assets/images/logos/shotsnapp.icos" data-src="assets/images/logos/shotsnapp.icos"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Latex sky">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Latex sky</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">将 latex 公式转换为图片。</p>
</div>
</div>
</div>
</a>
<a href="https://latex.vimsky.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.latexlive.com/home##" target="_blank" data-id="" data-url="https://www.latexlive.com/home##"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="在线 latex 编辑器。">
<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" src="assets/images/logos/shotsnapp.icos" data-src="assets/images/logos/shotsnapp.icos"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="latexlive">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>latexlive</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">在线 latex 编辑器。</p>
</div>
</div>
</div>
</a>
<a href="https://www.latexlive.com/home##" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://icon.kitchen/" target="_blank" data-id="" data-url="https://icon.kitchen/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="图标制作器可以一键制作安卓、iOS、网站三大平台的图标。">
<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" src="assets/images/logos/shotsnapp.icos" data-src="assets/images/logos/shotsnapp.icos"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="IconKitchen">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>IconKitchen</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">图标制作器可以一键制作安卓、iOS、网站三大平台的图标。</p>
</div>
</div>
</div>
</a>
<a href="https://icon.kitchen/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<h4 class="text-gray text-lg mb-4">
<i class="iconfont icon-book-mark-line icon-lg mr-2" id="friendlink"></i>友情链接
</h4>
<div class="friendlink text-xs card">
<div class="card-body">
<a href="http://honor3.com/" title="万荣3D荣耀立方" target="_blank">万荣3D</a>
<a href="https://gpio.me" title="作者的个人博客" target="_blank">个人博客</a>
<a href="https://weibo.com/shuangjiaoshou" title="作者的个人微博" target="_blank">个人微博</a>
</div>
</div>
</div>
<footer class="main-footer footer-type-1 text-xs">
<div id="footer-tools" class="d-flex flex-column">
<a href="javascript:" id="go-to-up" class="btn rounded-circle go-up m-1" rel="go-top">
<i class="iconfont icon-to-up"></i>
</a>
<a href="mailto:postmaster@fullstack.club" class="btn rounded-circle kefu m-1" target="_blank" data-toggle="tooltip" data-placement="left" title="联系我们">
<i class="fa fa-envelope-open"></i>
</a>
<a href="javascript:" onclick="window.location.href='javascript:switchNightMode()'" class="btn rounded-circle switch-dark-mode m-1" id="yejian"
data-toggle="tooltip" data-placement="left" title="夜间模式">
<i class="mode-ico iconfont icon-light"></i>
</a>
</div>
<div class="footer-inner">
<div class="footer-text">本站内容源自互联网如有内容侵犯了你的权益请联系删除相关内容联系邮箱postmaster@fullstack.club <br/>© 2021 - 2024 By <a href="https://www.fullstack.club">FullStack Club</a> | <a href="http://beian.miit.gov.cn/" target="_blank">浙ICP备14009836号-5</a><br/></div>
</div>
</footer>
</div>
</div>
<div class="modal fade search-modal" id="search-modal">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<div id="search" class="s-search mx-auto my-4">
<div id="search-list" class="hide-type-list">
<div class="s-type">
<span></span>
<div class="s-type-list">
<label for="m_type-baidu" data-id="group-a">常用</label>
<label for="m_type-baidu1" data-id="group-b">搜索</label>
<label for="m_type-br" data-id="group-c">工具</label>
<label for="m_type-zhihu" data-id="group-d">社区</label>
<label for="m_type-taobao1" data-id="group-e">生活</label>
</div>
</div>
<div class="search-group group-a"><span class="type-text text-muted">常用</span>
<ul class="search-type">
<li><input checked="checked" hidden="" type="radio" name="type2"
id="m_type-baidu" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下,你就知道">
<label for="m_type-baidu"><span class="text-muted">百度</span></label></li>
<li><input hidden="" type="radio" name="type2"
id="m_type-bing" value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索">
<label for="m_type-bing"><span class="text-muted">必应</span></label></li>
<li><input hidden="" type="radio" name="type2"
id="m_type-google" value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
<label for="m_type-google"><span class="text-muted">谷歌</span></label></li>
<li><input hidden="" type="radio" name="type2"
id="m_type-anaconda" value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
<label for="m_type-anaconda"><span class="text-muted">软件</span></label></li>
<li><input hidden="" type="radio" name="type2"
id="m_type-pubmed" value="https://pubmed.ncbi.nlm.nih.gov/?term=" data-placeholder="PubMed 搜索/文章标题/关键字">
<label for="m_type-pubmed"><span class="text-muted">文献</span></label></li>
</ul>
</div>
<div class="search-group group-b"><span class="type-text text-muted">搜索</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-baidu1"
value="https://www.baidu.com/s?wd=" data-placeholder="百度一下,你就知道"><label
for="m_type-baidu1"><span class="text-muted">百度</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-google1"
value="https://www.google.com/search?q=" data-placeholder="谷歌搜索"><label
for="m_type-google1"><span class="text-muted">谷歌</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-360"
value="https://www.so.com/s?q=" data-placeholder="360 好搜"><label
for="m_type-360"><span class="text-muted">360</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-sogo"
value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
for="m_type-sogo"><span class="text-muted">搜狗</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-bing1"
value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索"><label
for="m_type-bing1"><span class="text-muted">必应</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-sm"
value="https://yz.m.sm.cn/s?q=" data-placeholder="UC 移动端搜索"><label
for="m_type-sm"><span class="text-muted">神马</span></label></li>
</ul>
</div>
<div class="search-group group-c"><span class="type-text text-muted">工具</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-br"
value="https://rank.chinaz.com/all/" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-br"><span class="text-muted">权重查询</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-links"
value="https://link.chinaz.com/" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-links"><span class="text-muted">友链检测</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-icp"
value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-icp"><span class="text-muted">备案查询</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-ping"
value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-ping"><span class="text-muted">PING 检测</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-404"
value="https://tool.chinaz.com/Links/?DAddress=" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-404"><span class="text-muted">死链检测</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-ciku"
value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词"><label
for="m_type-ciku"><span class="text-muted">关键词挖掘</span></label></li>
</ul>
</div>
<div class="search-group group-d"><span class="type-text text-muted">社区</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-zhihu"
value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎">
<label for="m_type-zhihu"><span class="text-muted">知乎</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-wechat"
value="https://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信">
<label for="m_type-wechat"><span class="text-muted">微信</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-weibo"
value="https://s.weibo.com/weibo/" data-placeholder="微博">
<label for="m_type-weibo"><span class="text-muted">微博</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-douban"
value="https://www.douban.com/search?q=" data-placeholder="豆瓣">
<label for="m_type-douban"><span class="text-muted">豆瓣</span></label></li>
</ul>
</div>
<div class="search-group group-e"><span class="type-text text-muted">生活</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-taobao1"
value="https://s.taobao.com/search?q=" data-placeholder="淘宝">
<label for="m_type-taobao1"><span class="text-muted">淘宝</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-jd"
value="https://search.jd.com/Search?keyword=" data-placeholder="京东">
<label for="m_type-jd"><span class="text-muted">京东</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-xiachufang"
value="https://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房">
<label for="m_type-xiachufang"><span class="text-muted">下厨房</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-xiangha"
value="https://www.xiangha.com/so/?q=caipu&s=" data-placeholder="香哈菜谱">
<label for="m_type-xiangha"><span class="text-muted">香哈菜谱</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-12306"
value="https://www.12306.cn/?" data-placeholder="12306">
<label for="m_type-12306"><span class="text-muted">12306</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-qunar"
value="https://www.qunar.com/?" data-placeholder="去哪儿">
<label for="m_type-qunar"><span class="text-muted">去哪儿</span></label></li>
</ul>
</div>
<div class="search-group group-f"><span class="type-text text-muted">求职</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-zhaopin"
value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw=" data-placeholder="智联招聘">
<label for="m_type-zhaopin"><span class="text-muted">智联招聘</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-51job"
value="https://search.51job.com/?" data-placeholder="前程无忧">
<label for="m_type-51job"><span class="text-muted">前程无忧</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-lagou"
value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网">
<label for="m_type-lagou"><span class="text-muted">拉钩网</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-liepin"
value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网">
<label for="m_type-liepin"><span class="text-muted">猎聘网</span></label></li>
</ul>
</div>
</div>
<form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
<input type="text" id="m_search-text" class="form-control smart-tips search-key" zhannei=""
autocomplete="off" placeholder="输入关键字搜索" style="outline:0">
<button type="submit"><i class="iconfont icon-search"></i></button>
</form>
<div class="card search-smart-tips" style="display: none">
<ul></ul>
</div>
</div>
</div>
<div style="position: absolute;bottom: -40px;width: 100%;text-align: center;">
<a href="javascript:" data-dismiss="modal"><i class="iconfont icon-close-circle icon-2x" style="color: #fff;"></i></a>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='.//assets/js/jquery.ui.touch-punch.min-0.2.2.js' id='jqueryui-touch-js'></script>
<script type='text/javascript' src='.//assets/js/clipboard.min-5.6.2.js' id='clipboard-js'></script>
<script type='text/javascript' src='.//assets/js/tooltip-extend.js' id='iplaycode-nav-js'></script>
<script type='text/javascript' id='popper-js-extra'>
var theme = {"ajaxurl":"","addico":"https:\/\/nav.baidu.cn\/wp-content\/themes\/onenav\/images\/add.png","order":"asc","formpostion":"top","defaultclass":"io-grey-mode","isCustomize":"1","icourl":"","icopng":".png","urlformat":"1","customizemax":"10","newWindow":"0","lazyload":"1","minNav":"1","loading":"1","hotWords":"baidu","classColumns":" col-sm-6 col-md-4 col-xl-5a col-xxl-6a ","apikey":"TWpBeU1UVTNOekk1TWpVMEIvZ1M2bFVIQllUMmxsV1dZelkxQTVPVzB3UW04eldGQmxhM3BNWW14bVNtWk4="};
</script>
<script type='text/javascript' src='.//assets/js/popper.min.js' id='popper-js'></script>
<script type='text/javascript' src='.//assets/js/bootstrap.min-4.3.1.js' id='bootstrap-js'></script>
<script type='text/javascript' src='.//assets/js/theia-sticky-sidebar-1.5.0.js' id='sidebar-js'></script>
<script type='text/javascript' src='.//assets/js/lazyload.min-12.4.0.js' id='lazyload-js'></script>
<script type='text/javascript' src='.//assets/js/fancybox.min-3.5.7.js' id='lightbox-js-js'></script>
<script type='text/javascript' src='.//assets/js/app-mini.js' id='appmini-js'></script>
<script type="text/javascript">
$(document).ready(function(){
var siteWelcome = $('#loading');
siteWelcome.addClass('close');
setTimeout(function() {
siteWelcome.remove();
}, 600);
});
</script>
<script>
$(document).ready(function(){
setTimeout(function () {
if ($('a.smooth[href="' + window.location.hash + '"]')[0]) {
$('a.smooth[href="' + window.location.hash + '"]').click();
}else if (window.location.hash != '') {
$("html, body").animate({
scrollTop: $(window.location.hash).offset().top - 90
}, {
duration: 500,
easing: "swing"
});
}
}, 300);
$(document).on('click','a.smooth',function(ev) {
if($('#sidebar').hasClass('show') && !$(this).hasClass('change-href')){
$('#sidebar').modal('toggle');
}
if($(this).attr("href").substr(0, 1) == "#"){
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top - 90
}, {
duration: 500,
easing: "swing"
});
}
if($(this).hasClass('go-search-btn')){
$('#search-text').focus();
}
if(!$(this).hasClass('change-href')){
var menu = $("a"+$(this).attr("href"));
menu.click();
toTarget(menu.parent().parent(),true,true);
}
});
$(document).on('click','a.tab-noajax',function(ev) {
var url = $(this).data('link');
if(url)
$(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').show().attr('href', url);
else
$(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').hide();
});
});
</script>
<script>
(function(){
if(document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === ''){
if(new Date().getHours() > 22 || new Date().getHours() < 6){
document.body.classList.remove('io-black-mode');
document.body.classList.add('io-grey-mode');
document.cookie = "night=1;path=/";
console.log('夜间模式开启');
}else{
document.body.classList.remove('night');
document.cookie = "night=0;path=/";
console.log('夜间模式关闭');
}
}else{
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
if(night == '0'){
document.body.classList.remove('night');
}else if(night == '1'){
document.body.classList.add('night');
}
}
})();
$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)");
function switchNightMode(){
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
if(night == '0'){
$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)");
document.body.classList.remove('io-grey-mode');
document.body.classList.add('io-black-mode');
document.cookie = "night=1;path=/"
console.log(' ');
$(".switch-dark-mode").attr("data-original-title","日间模式");
$(".mode-ico").removeClass("icon-night");
$(".mode-ico").addClass("icon-light");
}else{
$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)")
document.body.classList.remove('io-black-mode');
document.body.classList.add('io-grey-mode');
document.cookie = "night=0;path=/"
console.log(' ');
$(".switch-dark-mode").attr("data-original-title","夜间模式");
$(".mode-ico").removeClass("icon-light");
$(".mode-ico").addClass("icon-night");
}
}
</script>
</body>
</html>