添加1.0初始版本代码

.gitignore

@@ -1,130 +1,2 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.pnpm-debug.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Snowpack dependency directory (https://snowpack.dev/)
-web_modules/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional stylelint cache
-.stylelintcache
-
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variable files
-.env
-.env.development.local
-.env.test.local
-.env.production.local
-.env.local
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-.parcel-cache
-
-# Next.js build output
-.next
-out
-
-# Nuxt.js build / generate output
-.nuxt
-dist
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and not Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# vuepress v2.x temp and cache directory
-.temp
-.cache
-
-# Docusaurus cache and generated files
-.docusaurus
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
-
-# Stores VSCode versions used for testing VSCode extensions
-.vscode-test
-
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.*
+node_modules
+dist

README.md

@@ -1,2 +1,63 @@
-# WallhavenAssistant
-Wallhaven图片收集助手，批量获取图片地址
+# 概述
+
+WallhavenAssistant，一个获取 [wallhaven](https://wallhaven.cc/) 图片的浏览器插件。本工具与常见的同类扩展有所区别，它不做**下载**、不做**自动**批量图片捕获，它的功能很简单：手工选图-添加到待下载列表-复制已选图片地址-使用下载软件批量下载。
+
+## 支持的页面
+
+本工具支持 wallhaven 网站“常规”页面和“我的”页面里的图片获取。
+
+### 常规页面
+
+- [最新 Latest](https://wallhaven.cc/latest)
+- [热门 Hot](https://wallhaven.cc/hot)
+- [排行 Toplist](https://wallhaven.cc/toplist)
+- [随机 Random](https://wallhaven.cc/random)
+- [More - Few tags](https://wallhaven.cc/untagged)
+- [论坛 Showroom 版块里的帖子](https://wallhaven.cc/forums/board/4)
+- 标签 Tag: [示例 tag-137530](https://wallhaven.cc/tag/137530)
+- 搜索 Search: [示例搜索关键词 vibrant](https://wallhaven.cc/search?q=vibrant)
+- 用户上传 Uploads: [示例用户 Gandalf 上传的](https://wallhaven.cc/user/Gandalf/uploads)
+- 用户公开的收藏 Collections: [示例用户 Gandalf 收藏的](https://wallhaven.cc/user/Gandalf/favorites/2)
+
+### 我的页面（需登录）
+
+- [收藏 Collections](https://wallhaven.cc/favorites)
+- [订阅 Subscriptions](https://wallhaven.cc/subscription)
+
+## 快速上手
+
+可以 [进入下载页](https://github.com/zoujia/WallhavenAssistant/releases) 下载编译好的扩展程序包，再参照 [如何手动安装扩展](./docs/how-to-install.md "如何手动安装扩展") 文档安装扩展，最后参照 [如何使用扩展](./docs/how-to-use.md "如何使用扩展") 进行使用。
+
+## 本地构建
+
+如果你是有经验的开发者，想修改代码以满足自己的特定需求，可以按照下面的步骤进行操作：
+
+```nodejs
+# 克隆项目到本地
+git clone https://github.com/zoujia/WallhavenAssistant.git
+
+# 进入项目目录
+cd WallhavenAssistant
+
+# 安装依赖
+npm i
+
+# 按照自己的需求修改代码
+
+# 执行 gulp 编译
+gulp
+```
+
+经上述 `gulp` 编译之后，在项目根目录生成 dist 文件夹，它是最终可用的扩展根目录，然后参照 [如何手动安装扩展](./docs/how-to-install.md "如何手动安装扩展") 文档安装扩展，最后参照 [如何使用扩展](./docs/how-to-use.md "如何使用扩展") 进行使用。
+
+## 视觉体验
+
+本扩展里的 `popup` 弹出页面使用的页面样式均取自 [wallhaven](https://wallhaven.cc/) 官网，以尽量保持视觉上的统一。
+
+## 帮助改善
+
+由于个人经验和能力所限，如果你在使用本工具的过程中遇到程序 bug 或有任何的改善建议和意见，可以到 [issues](https://github.com/zoujia/WallhavenAssistant/issues) 里进行反馈，谢谢！
+
+## 许可说明
+
+WallhavenAssistant 使用 GPLv3 许可证，你可以宣传、复制和修改本项目代码，请注明 [本项目地址](https://github.com/zoujia/WallhavenAssistant)，同时在不经允许的情况下不可用于商业用途。

css/custom.css

@@ -0,0 +1,27 @@
+/* custom css */
+.thumb .thumb-btn.wa-thumb-btn-add {
+    top: 30px;
+    width: 30px;
+    height: 30px;
+    background-color: #bd362f;
+    line-height: 30px;
+    border-radius: 4px;
+}
+.thumb .thumb-btn.wa-thumb-btn-add .fa-plus {
+    font-size: 18px;
+}
+
+.wa-copied-box {
+    z-index: 10000;
+    position: absolute;
+    bottom: 30px;
+    right: 0;
+    padding: 14px;
+    font-size: 28px;
+    line-height: 1;
+    color: #fff;
+    background-color: rgba(0, 0, 0, .6);
+    border: 1px solid #fff;
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
+    border-radius: 4px;
+}