Skip to content

Commit

Permalink
wip: 更新部分 html 工具页面样式
Browse files Browse the repository at this point in the history
  • Loading branch information
renxia committed Aug 11, 2024
1 parent 35e59f1 commit c3b26d8
Show file tree
Hide file tree
Showing 14 changed files with 54 additions and 220 deletions.
49 changes: 30 additions & 19 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@ ss -a
- https://cdn.jsdelivr.net/gh/lzwme/console-log-colors@main/package.json
- [wordpress plugin]格式:https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js
- `zhimg(知乎)`
- [unpkg]示例:https://unpkg.zhimg.com/jquery@3.3.1/dist/jquery.min.js
- [unpkg]示例:https://unpkg.zhimg.com/jquery@3.7.1/dist/jquery.min.js
- `elemecdn(饿了么)`
- [unpkg]示例:https://npm.elemecdn.com/jquery@3/dist/jquery.min.js
- [github]示例:https://github.elemecdn.com/jquery/
Expand All @@ -112,12 +112,17 @@ ss -a
```

常用参考:

<details>
<summary>jQuery</summary>

```html
<!-- jquery3 -->
<script crossorigin="anonymous" src="https://npm.elemecdn.com/jquery/dist/jquery.min.js"></script>
<script src="https://unpkg.zhimg.com/[email protected]/dist/jquery.min.js" crossorigin="anonymous"></script>

<script src="https://npm.elemecdn.com/jquery/dist/jquery.min.js" crossorigin="anonymous"></script>

<script src="https://cdn.bootcss.com/jquery/3.7.1/jquery.min.js" crossorigin="anonymous"></script>

<script crossorigin="anonymous" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" src="https://lib.baomitu.com/jquery/3.6.3/jquery.min.js"></script>

Expand All @@ -142,6 +147,13 @@ https://unpkg.zhimg.com/jquery/
<summary>Bootstrap</summary>

```html
<!-- bootstrap 5 -->
<link crossorigin="anonymous" href="https://unpkg.zhimg.com/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script crossorigin="anonymous" src="https://unpkg.zhimg.com/[email protected]/dist/js/bootstrap.min.js"></script>

<link crossorigin="anonymous" integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA==" href="https://lib.baomitu.com/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet">
<script crossorigin="anonymous" integrity="sha512-1/RvZTcCDEUjY/CypiMz+iqqtaoQfAITmNSJY17Myp4Ms5mdxPS5UV7iOfdZoxcGhzFbOm6sntTKJppjvuhg4g==" src="https://lib.baomitu.com/twitter-bootstrap/5.2.3/js/bootstrap.min.js"></script>

<!-- bootstrap 3 -->
<link crossorigin="anonymous" href="https://lib.baomitu.com/bootstrap@3/dist/css/bootstrap.min.css" rel="stylesheet">
<script crossorigin="anonymous" src="https://npm.elemecdn.com/bootstrap@3/dist/js/bootstrap.min.js"></script>
Expand All @@ -153,10 +165,6 @@ https://unpkg.zhimg.com/jquery/
<link crossorigin="anonymous" integrity="sha512-T584yQ/tdRR5QwOpfvDfVQUidzfgc2339Lc8uBDtcp/wYu80d7jwBgAxbyMh0a9YM9F8N3tdErpFI8iaGx6x5g==" href="https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
<script crossorigin="anonymous" integrity="sha512-UR25UO94eTnCVwjbXozyeVd6ZqpaAE9naiEUBK/A+QDbfSTQFhPGj5lOR6d8tsgbBk84Ggb5A3EkjsOgPRPcKA==" src="https://lib.baomitu.com/twitter-bootstrap/4.6.1/js/bootstrap.min.js"></script>

<!-- bootstrap 5 -->
<link crossorigin="anonymous" integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA==" href="https://lib.baomitu.com/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet">
<script crossorigin="anonymous" integrity="sha512-1/RvZTcCDEUjY/CypiMz+iqqtaoQfAITmNSJY17Myp4Ms5mdxPS5UV7iOfdZoxcGhzFbOm6sntTKJppjvuhg4g==" src="https://lib.baomitu.com/twitter-bootstrap/5.2.3/js/bootstrap.min.js"></script>

<!-- 其他
https://cdn.jsdelivr.net/npm/twitter-bootstrap/
https://npm.elemecdn.com/twitter-bootstrap/
Expand All @@ -170,27 +178,30 @@ https://unpkg.zhimg.com/bootstrap/
<summary>font-awesome</summary>

```html
<!-- font-awesome 4.7 -->
<link crossorigin="anonymous" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" href="https://lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<link rel="stylesheet" href="https://npm.elemecdn.com/[email protected]/css/font-awesome.min.css" crossorigin="anonymous">

<!-- font-awesome 6.2 -->
<link crossorigin="anonymous" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" href="https://lib.baomitu.com/font-awesome/6.2.1/css/all.min.css" rel="stylesheet">
<!-- font-awesome latest all -->

<link rel="stylesheet" href="https://npm.elemecdn.com/@fortawesome/[email protected]/css/fontawesome.min.css" crossorigin="anonymous">
<!-- css 方式引入:会渲染为 font 字体格式 -->
<link href="https://npm.elemecdn.com/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet" crossorigin="anonymous">
<!-- js 方式引入:会渲染为 svg 格式 -->
<script src="https://npm.elemecdn.com/@fortawesome/[email protected]/js/all.min.js" crossorigin="anonymous"></script>

<!-- font-awesome latest all -->
<link crossorigin="anonymous" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" href="https://lib.baomitu.com/font-awesome/latest/css/all.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/js/all.min.js" crossorigin="anonymous"></script>

<link rel="stylesheet" href="https://jsdelivr.ioiox.cn/npm/@fortawesome/fontawesome-free/css/all.min.css">
<link href="https://lib.baomitu.com/font-awesome/latest/css/all.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="> <!-- font-awesome 5.8.1 -->
<link href="https://lib.baomitu.com/font-awesome/6.2.1/css/all.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==">
<script src="https://lib.baomitu.com/font-awesome/6.2.1/js/all.min.js" crossorigin="anonymous"></script>

<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">

<!-- fontawesome-free latest https://npm.elemecdn.com/fontawesome-free/ -->
<link rel="stylesheet" href="https://npm.elemecdn.com/@fortawesome/fontawesome-free/css/fontawesome.min.css" crossorigin="anonymous">
<link href="https://npm.elemecdn.com/@fortawesome/fontawesome-free/css/fontawesome.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://npm.elemecdn.com/@fortawesome/fontawesome-free/js/fontawesome.min.js" crossorigin="anonymous"></script>

<!-- font-awesome 4.7 -->
<link href="https://lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN">

<link href="https://npm.elemecdn.com/[email protected]/css/font-awesome.min.css" rel="stylesheet" crossorigin="anonymous">

<!-- 其他
https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/
https://npm.elemecdn.com/@fortawesome/fontawesome-free/
Expand Down
2 changes: 1 addition & 1 deletion examples/code-snippets/file-replace.ts
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ fileContentReplace({
if (!content.includes('h5-common.js')) {
logger.log('Find File:', filepath);
if (content.includes('</body>')) {
return content.replace(`</body>`, `</body><script src="https://lzw.me/x/lib/utils/h5-common.js?v=20230425-2"></script>`);
return content.replace(`</body>`, `</body><script src="https://lzw.me/x/lib/utils/h5-common.js?v=008"></script>`);
} else {
logger.log('Warning: 未发现 </body> 字符串', filepath);
}
Expand Down
20 changes: 11 additions & 9 deletions examples/weixin-dat/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,9 +24,12 @@
<meta name="description" content="微信电脑版 dat 格式文件图片在线解密工具">
<meta name="keywords" content="微信,dat,解码,解密,在线工具">
<meta name="author" content="https://lzw.me">
<link rel="stylesheet" href="https://npm.elemecdn.com/@fortawesome/[email protected]/css/all.min.css" crossorigin="anonymous">
<link crossorigin="anonymous" integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA=="
<link href="https://npm.elemecdn.com/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet"
crossorigin="anonymous">
<link crossorigin="anonymous"
integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA=="
href="https://lib.baomitu.com/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://lzw.me/x/lib/utils/theme-bs.css?v=007">
<link rel="stylesheet" href="style.css?v=002">
</head>

Expand All @@ -36,10 +39,8 @@
<div class="px-3 py-2 text-bg-dark">
<div class="container">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<a href="./" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
<svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap">
<use xlink:href="#bootstrap"></use>
</svg>
<a href="./"
class="site-title d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
<i class="fa fa-home bi me-2" width="40" height="32" role="img"></i>
微信DAT文件解码转换器
</a>
Expand Down Expand Up @@ -78,7 +79,6 @@
<section class="cards-section text-center">
<div class="container">
<div class="list">

<div class="nav-container">
<h2 style="margin-top: 30px;">微信DAT文件解码转换器</h2>

Expand Down Expand Up @@ -118,10 +118,13 @@ <h2 style="margin-top: 30px;">微信DAT文件解码转换器</h2>
</ul>
</div>
</div>

</div>
</div>

<div class="mt-3 text-left">
<div id="twikooComment"></div>
</div>

</div><!--//container-->
</section><!--//cards-section-->
</div><!--//page-wrapper-->
Expand Down Expand Up @@ -166,7 +169,6 @@ <h2 style="margin-top: 30px;">微信DAT文件解码转换器</h2>
</footer><!--//footer-->

<!-- <script crossorigin="anonymous" src="https://npm.elemecdn.com/jquery@3/dist/jquery.min.js"></script> -->
<script src="https://npm.elemecdn.com/@fortawesome/[email protected]/js/all.min.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous"
integrity="sha512-1/RvZTcCDEUjY/CypiMz+iqqtaoQfAITmNSJY17Myp4Ms5mdxPS5UV7iOfdZoxcGhzFbOm6sntTKJppjvuhg4g=="
src="https://lib.baomitu.com/twitter-bootstrap/5.2.3/js/bootstrap.min.js"></script>
Expand Down
164 changes: 0 additions & 164 deletions examples/weixin-dat/style.css
Original file line number Diff line number Diff line change
@@ -1,174 +1,10 @@
body,
div,
/* ul,
ol,
li, */
dl,
dt,
dd,
h1,
h2,
h3,
p {
margin: 0;
padding: 0;
font-style: normal;
font: 14px/22px Microsoft Yahei, Arial, tahoma, Helvetica, sans-serif;
}

img {
border: 0;
}

body {
color: #333333;
text-align: center;
}

*:focus {
outline: none;
}

a {
color: #252525;
text-decoration: none;
}

a:hover {
color: #ba2636;
text-decoration: underline;
}

.a {
margin: 0 auto;
width: 100%;
overflow: hidden;
}

.h30 {
height: 30px;
}

.lf {
float: left;
}

.rt {
float: right;
}

.red {
color: #f00;
}

h1.title {
text-align: center;
font-weight: bold;
font-size: 32px;
height: 61px;
line-height: 60px;
font-family: 'SimHei';
}

.hide {
display: none !important;
}

#header,
#footer {
height: 142px;
margin: 0 auto;
width: 782px;
overflow: hidden;
}

.t1 {
line-height: 30px;
}

#menu {
height: 50px;
line-height: 50px;
text-align: left;
font-size: 18px;
color: #fff;
}

#menu a {
padding: 0 10px;
color: #fff;
}

h2 {
text-align: left;
font-size: 20px;
text-indent: 10px;
line-height: 40px;
font-weight: bold;
border: 1px solid #ccc;
}

ul.daxielist {
border: 1px solid #ccc;
border-top: 0;
padding: 20px 0;
padding-bottom: 0;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}

ul.daxielist li {
float: left;
width: 19.8%;
min-width: 120px;
font-size: 18px;
padding-bottom: 10px;
}

.main.Instructions {
padding-top: 30px;
text-align: center;
position: relative;
}

.stats {
min-width: 100px;
position: absolute;
right: 18px;
bottom: 10px;
}

.Instructions,
.Instructionst {
border: 1px solid #ccc;
padding: 10px;
border-top: 0;
text-align: left;
font-size: 16px;
line-height: 24px;
}

.Instructionst {
padding-top: 0;
}

#footer {
height: auto;
padding: 10px 0;
border-top: 2px solid #2e73d6;
}

#footer a {
color: #f00;
}

.w110 {
padding-left: 20px;
line-height: 24px;
background: url(w110.png) no-repeat 0 center;
}

p {
height: 20px;
}
Expand Down
2 changes: 1 addition & 1 deletion src/x/163musichot/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,6 @@ <h1 id="title"></h1>
<div id="bg"></div>
<div id="playlistContain"></div>
</body>
<script src="https://lzw.me/x/lib/utils/h5-common.js?v=005"></script>
<script src="https://lzw.me/x/lib/utils/h5-common.js?v=008"></script>
<script src="main.js?v=005"></script>
</html>
2 changes: 1 addition & 1 deletion src/x/audio-converter/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,6 @@ <h1>音频文件在线转换工具</h1>
</div>
</div>
</body>
<script src="../lib/utils/h5-common.js?v=20230425-2"></script>
<script src="../lib/utils/h5-common.js?v=008"></script>
<script src="main.js"></script>
</html>
2 changes: 1 addition & 1 deletion src/x/iapi/bing/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ <h1>必应每日壁纸API - 用法示例</h1>
const bg = '//lzw.me/x/iapi/bing/api.php?n=10&idx=' + Math.ceil(Math.random() * 7);
document.body.setAttribute('style', `background-image: url(${bg}); background-repeat: repeat-y`);
</script>
<script src="../../lib/utils/h5-common.js?v=20230425-2"></script>
<script src="../../lib/utils/h5-common.js?v=008"></script>
</body>

</html>
2 changes: 1 addition & 1 deletion src/x/jtcs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,7 @@ <h3>自定义临时菜单<br><small style="display:block;color: #666; font-size:
});

</script>
<script src="../lib/utils/h5-common.js?v=20230425-2"></script>
<script src="../lib/utils/h5-common.js?v=008"></script>
<script>
h5CommInit(['bdtj', 'bg', 'disableScale']);
</script>
Expand Down
11 changes: 2 additions & 9 deletions src/x/m3u8-downloader/index-en.html
Original file line number Diff line number Diff line change
Expand Up @@ -396,16 +396,9 @@
</section>
</body>

<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?1c720b7315e37bbf488afd28e60002bf";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>

<!--vue 前端框架-->
<script src="https://lzw.me/x/lib/utils/h5-common.js?v=008"></script>
<script src="https://upyun.luckly-mjw.cn/lib/vue.js"></script>
<script src="https://upyun.luckly-mjw.cn/lib/aes-decryptor.js"></script>
<script src="https://upyun.luckly-mjw.cn/lib/mux-mp4.js"></script>
Expand Down
Loading

0 comments on commit c3b26d8

Please sign in to comment.