init the project

LiRenTech · May 28, 2024 · 883f7bf · 883f7bf
commit 883f7bf
Show file tree

Hide file tree

Showing 3 changed files with 137 additions and 0 deletions.
diff --git a/index.css b/index.css
@@ -0,0 +1,75 @@
+/* 已有的样式 */
+body {
+  background-color: #2b2b2b;
+  color: #fff;
+}
+
+/* 新增样式 */
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 30px;
+  max-width: 800px;
+  margin: auto;
+}
+
+h1 {
+  font-size: 32px;
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+p {
+  line-height: 1.5;
+  margin-bottom: 15px;
+  max-width: 600px;
+  text-align: center;
+}
+
+textarea {
+  width: 100%;
+  min-height: 200px;
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 2px solid #4caf50;
+  border-radius: 5px;
+  resize: vertical;
+  font-size: 16px;
+  color: wheat;
+  background-color: transparent;
+}
+
+button {
+  background-color: #4caf50;
+  border: none;
+  color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: background-color 0.3s;
+}
+
+button:hover {
+  background-color: #45a049;
+}
+
+@media screen and (max-width: 600px) {
+  h1 {
+    font-size: 28px;
+  }
+
+  textarea {
+    min-height: 150px;
+  }
+
+  button {
+    padding: 10px 20px;
+    font-size: 14px;
+  }
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Multi-Search-Tool</title>
+    <link rel="stylesheet" href="./index.css" />
+  </head>
+  <body>
+    <div class="container">
+      <h1>Multi-Search-Tool</h1>
+      <p>
+        请输入搜索的内容，将会打开多个搜索引擎进行搜索，可以输入多行，每行内容会作为一个搜索词进行搜索。
+      </p>
+      <p>
+        可以先用LLM生成多种搜索词，然后再用本工具换行输入进行搜索，可以节省时间。
+      </p>
+      <p>注意！该搜索会超大批量弹窗，需要设置浏览器允许多个弹窗。</p>
+      <textarea name="" id="text"></textarea>
+      <button onclick="startSearch()">开始多重搜索（重磅弹窗警告）</button>
+    </div>
+  </body>
+  <script src="./index.js"></script>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,38 @@
+function startSearch() {
+  // const contentAll = "混凝土与意大利拌面\n意大利面与24号混凝土";
+  const contentAll = document.getElementById("text").value;
+
+  // 多重搜索
+  for (let content of contentAll.split("\n")) {
+    if (content.trim() === "") {
+      continue;
+    }
+    // 搜索引擎
+    window.open(`https://cn.bing.com/search?q=${content}`);
+    window.open(`https://www.google.com/search?q=${content}`);
+    window.open(`https://www.baidu.com/s?wd=${content}`);
+
+    // 其他媒体平台
+    window.open(`https://search.bilibili.com/all?keyword=${content}`);
+    window.open(`https://www.zhihu.com/search?type=content&q=${content}`);
+    window.open(
+      `https://www.xiaohongshu.com/search_result?keyword=${content}&source=unknown`
+    );
+
+    // 编程相关
+    // 开发者搜索
+    window.open(`https://kaifa.baidu.com/searchPage?wd=${content}`);
+    // CSDN
+    window.open(`https://so.csdn.net/so/search?q=${content}&t=all&u=`);
+    // 简书
+    window.open(`https://www.jianshu.com/search?q=${content}&page=1&type=note`);
+    window.open(`https://github.com/search?q=${content}&type=repositories`);
+
+    // 数字图书馆
+    window.open(
+      `https://www.loc.gov/collections/world-digital-library/?q=${content}`
+    );
+    // 网盘搜索
+    window.open(`https://www.fastsoso.cc/search?k=${content}`);
+  }
+}