主题功能搭建完成 版本v1.0.0

Minimalist-Search-Page.md

@@ -0,0 +1,25 @@
+## 需求文档
+
+
+
+功能需求
+
+- 打开页面聚焦搜索框，打开即搜。
+- 点击搜索框左侧图标，显示选项卡。点击其他区域取消显示。
+- 点击按钮进行搜索。
+- 选择不同的引擎选项，相应更改输入框图标和引擎页banner Logo，并确定对应的搜索引擎。
+- 快捷键功能
+  - 【Tab】快捷键功能:切换搜索引擎。
+  - 【Enter】快捷键功能：①光标不在搜索栏时，按下【Enter】光标聚焦搜索栏（搜索栏内有文本内容时选中文本），进入搜索状态。②光标聚焦搜索栏时，按下【Enter】进行搜索。
+
+
+
+后续新增功能
+
+- 存储用户设置
+  - 存储上次选择的搜索引擎。
+
+- 增加配置选项
+  - 开启/关闭在新页面搜索。
+  - 开启/关闭搜索热词。
+- 用户选择是否开启天气插件。

README.md

@@ -1,6 +1,20 @@
+# Minimalist-Search-Page
+
+# ![Minimalist-Search-Page](/images/favicon.png)
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://github.com/Sumsung524/Minimalist-Search-Page/blob/master/LICENSE) [![version:v1.0.0](https://img.shields.io/badge/version-v1.0.0-green.svg?style=flat-square)](https://github.com/Sumsung524/Minimalist-Search-Page/releases)
+
 极简搜索聚合，还原搜索本质。
 
-一、功能介绍
+[Minimalist-Search-Page](https://github.com/Sumsung524/Minimalist-Search-Page)，一个极简高效的搜索聚合页面。
+
+国外演示地址Demo:[极简搜索-Minimalist Search](https://sumsung524.github.io/Minimalist-Search-Page/index.html)
+
+国内演示地址Demo:[极简搜索-Minimalist Search](https://sumsu_1.gitee.io/minimalist-search-page/index.html)
+
+
+
+## 一、功能介绍
 
 - 简约设计。简单美观的搜索界面，远离广告。
 - 轻快实用。专注搜索，极速访问，还原搜索本质。
@@ -13,14 +27,13 @@
 
 
 
-二、使用说明
+## 二、使用说明
 
 快捷键说明
 
-- 回车：光标未在搜索框，回车直接锁定搜索框内容
-- 回车：光标已在搜索框，回车直接进行搜索
-- Tab：Tab切换搜索引擎
-- 
+- `Enter`键：光标未在搜索框，按`Enter`键直接锁定搜索框内容
+- `Enter`键：光标已在搜索框，按`Enter`键直接进行搜索
+- `Tab`键：`Tab`快速切换搜索引擎
 
 其他交互说明
 
@@ -29,7 +42,63 @@
 
 
 
-三、获取方式
+## 三、获取方式
+
+该教程及源码记录项目详细，教程介绍的搭建方式多样，目的是适用于无任何开发经验小白群体。
+
+如果你只想体验或直接使用该项目，可“直接获取”。
+
+### 1.直接获取
+
+直接保存国内演示地址([极简搜索-Minimalist Search](https://sumsung524.github.io/Minimalist-Search-Page/index.html))，并设置为浏览器启动页即可直接使用。
+
+如果你需要：
+
+1. 自行修改或自定义内部一些配置/功能。
+2. 演示访问地址过长，不够简洁，需要自定义搜索页面访问地址。
+3. 嵌入到网站或者其他页面中。
+
+可以下载该项目进行进一步操作
+
+### 2.本地搭建
+
+你也可以下载本项目(项目右上角code→Download ZIP)，全部解压后，将`index.html`创建快捷方式至桌面，直接在本地环境使用。
+
+作为开发者，内部代码带有详细注释，你可以将该项目进行自定义配置。甚至，将该页面上传至远程服务器，通过网址进行访问，将网址设置为浏览器启动页地址，代替那些满是广告带着商业气息的启动页。
+
+
+
+### 3.远程服务搭建
+
+如果该项目能够得到你的喜欢，并且打算长期使用，推荐将该项目上传至gitee国内免费仓库，开启pages服务进行访问。
+
+只需要将下载的项目上传到gitee上根目录，开启pages服务即可进行访问。
+
+> 能在Github上看项目的人相信都会，或者有疑问可搜索gitee上传仓库教程、开启pages服务教程等。
+
+
+
+## 四、后续开发
+
+后续新增功能
+
+- 搜索热词功能，根据用户搜索内容显示相关搜索。
+- 用户选择是否开启天气插件。
+- 记住用户偏好设置，存储上次选择的搜索引擎、是否在新页面打开搜索结果、是否显示搜索热词、是否显示天气等个性化设置。
+- 自定义背景，支持修改默认背景。
+
+
+
+## 五、关于
+
+你有更好的建议，联系作者：me@xmq.plus
+
+如果项目能够帮到你，你可以：
+
+- 帮我点亮这个项目的小星星⭐star，谢谢~
+
+或者你可以：
+
+- 赞赏作者
 
-- 直接获取：https://
-- 自行搭建
+<img src="https://xmq.plus/medias/reward/alipay.jpg" alt="支付宝" style="zoom:22%;" /><img src="https://xmq.plus/medias/reward/wechat.png" alt="微信" style="zoom:26%;" />

css/search.css

@@ -153,14 +153,20 @@
 /* footer */
 footer {
     position: absolute;
-    bottom: .2604rem;
+    bottom: .15rem;
     left: 50%;
     font-size: .0625rem;
+    color: #333;
     text-align: center;
     transform: translateX(-50%);
 }
 
 footer a {
-    color: #000;
+    line-height: .13rem;
+    color: #333;
     text-decoration: none;
+}
+
+footer a:hover {
+    text-decoration: underline;
 }

index.html

@@ -5,7 +5,10 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>肆零肆-极简搜索</title>
+    <title>极简搜索-Minimalist Search</title>
+    <meta name="description" content="极简搜索-Minimalist Search,一个极简高效的搜索聚合页面，还原搜索本质。" />
+    <meta name="keywords" content="Minimalist-Search-Page 极简搜索  聚合搜索 简洁搜索页" />
+    <link rel="shortcut icon" href="images/favicon.ico" />
     <link rel="stylesheet" href="css/search.css">
     <link rel="stylesheet" href="css/normalize.css">
     <script src="js/flexible.js"></script>
@@ -30,16 +33,16 @@
                 <span class="arrow"></span>
                 <ul>
                     <!-- <li>
-                        <span class="search-items-ico"></span>百 度
+                        <span class="search-items-ico"></span>百度
                     </li> -->
                 </ul>
             </div>
         </div>
 
         <!-- footer -->
-        <footer>&copy;2022 <a href="https://github.com/Sumsung524/Minimalist-Search-Page" target="_blank">Minimalist
-                Search</a>. All
-            rights reserved.
+        <footer>
+            <a href="https://github.com/Sumsung524/Minimalist-Search-Page" target="_blank">极简搜索-Minimalist Search</a> |
+            Copyright &copy;2022 All rights reserved. <a href="https://xmq.plus" target="_blank">xmq.plus</a>
         </footer>
     </div>
 </body>