diff --git a/README.md b/README.md
index a8143c4..5b9c0cf 100644
--- a/README.md
+++ b/README.md
@@ -1,133 +1,41 @@
-# :hearts: Jike Extension
+# Jocker 即刻抽屉
-帮你在「网页版即刻」获得更好体验的插件。
+即刻抽屉是一个可以按主题查看和备份自己即刻动态的工具，让你换一种方式来回顾自己的动态。
-**[在 Chrome Store 下载](https://chrome.google.com/webstore/detail/love-jike-extension/pnglcgpgmedjmknpknjedmkggedgdlpk)**
+## 安装
+Jocker 是一款 Chrome 插件，基于 Manifest V3 标准进行开发，请使用 Chromium 内核的浏览器，并更新到最新版本。
-
+### chrome 网上应用店
-## 功能简介
+如果你可以访问 chrome 网上应用店，请到地址 [https://chrome.google.com/webstore/detail/love-jike-extension/pnglcgpgmedjmknpknjedmkggedgdlpk](https://chrome.google.com/webstore/detail/jocker/pnglcgpgmedjmknpknjedmkggedgdlpk) 安装。
-[即刻App](https://okjike.com/)是一个很棒的资讯+社交平台，在这里可以追踪你想知道的信息，也能遇到有趣的即友。
+如果你无法访问，可以选择下载安装包安装。
-现在即刻有了网页版，本插件解决的是网页版目前还没有官方支持的需求，期待即刻越来越好。
+### crx 安装包
+1. 打开地址 https://github.com/soyaine/jocker-chrome-extension/releases/latest ，点击 `Assets` 展开列表后可以看到一个后缀为 .crx 的文件，点击它下载，浏览器可能会询问是否继续，点击 `继续`
+1. 在浏览器地址栏输入 `chrome://extensions` 打开扩展程序管理页面
+2. 点击打开该页面右上角的 `开发者模式`
+3. 将下载的 crx 文件拖动到这个页面，页面弹出确认框问，要添加“Jocker Extension”吗？点击 `添加扩展程序`
+4. 添加成功后，页面中会出现一个 Jocker Extension 卡片，请确认卡片右下角的开关为打开状态
-**功能列表**
-- ~「即刻分享页」到「网页版即刻」的传送门（已官方支持）[v1.0文档](https://github.com/Unknow-Y/tojike-chrome-extension/blob/master/his/README-v1.0.md)~
-- 在网页版查看通知详情，支持的通知类型如下：
- - [x] 评论和回复
- - [x] 关注
- - [x] 点赞
- - [x] 回答
+## 使用说明
+1. 安装成功后，打开即刻网页版的个人页面 https://web.okjike.com/me ，如果你没有登录，请登录后再打开这个页面，请注意需要打开的是个人页面，而不是首页。
+2. 等待片刻后，页面右下角会出现即刻抽屉的图标，点击它，就可以打开即刻抽屉页面了。
+3. 点击 `开始整理`，等待拉取动态数据。由于此工具没有把你的动态数据存到本地，所以每次重新打开即刻抽屉页面，都需要重新取一次数据。
-## 下载地址
-
-版本 | 更新进度 | 下载
-----|----|----
-Chrome Extension 版本 | 2.1.2 | [到 Chrome Store 下载](https://chrome.google.com/webstore/detail/love-jike-extension/pnglcgpgmedjmknpknjedmkggedgdlpk)
-UserScript 版本 | 2.0.1 | [在 OpenUserJS 下载](https://openuserjs.org/scripts/soyaine/Love_Jike)
-crx 版本 | 2.1.2 | 可以在[ crx 文件夹](https://github.com/Unknow-Y/tojike-chrome-extension/tree/master/crx) 找到
-
-### Chrome Extension 版本
-[到 Chrome Store 下载](https://chrome.google.com/webstore/detail/love-jike-extension/pnglcgpgmedjmknpknjedmkggedgdlpk)
-
-### UserScript 版本
-如果你使用的是其它浏览器，可以下载使用[ Love Jike 的 UserScript 版本](https://openuserjs.org/scripts/soyaine/Love_Jike)。
-
-以 Firefox 为例：
-1. 安装 [Greasemonkey](https://addons.mozilla.org/zh-CN/firefox/addon/greasemonkey/)
-2. 在 [Love Jike Userscript](https://openuserjs.org/scripts/soyaine/Love_Jike/) 页面点击 Install 安装脚本
-
-### CRX 版本
-如果你不能访问 Chrome Web Store，可以下载最新版的 .crx 文件进行安装：
-1. 在[ crx 文件夹](https://github.com/Unknow-Y/tojike-chrome-extension/tree/master/crx)下载版本号最大的文件
-2. 打开 Chrome 后在地址栏输入 `chrome://extensions`
-3. 把 .crx 文件拖入
+在即刻抽屉页面，你可以做的事情：
+- 点击左侧的主题名字，可以查看每个主题下的对应动态。
+- 点击右上角的按钮，可以切换当前的查看模式，当切换到图片模式的时候，左侧的主题排序和数量会基于图片的数量进行重新排序。
+- 在图文模式下，点击右下角的下载按钮，可以下载当前主题下的动态数据，下载后，csv文件可以导入Notion或者用Excel、文本编辑器查看。
## 更新日志
-#### v2.1.2
-2019-05-27
-- 当没有新通知时，保持通知栏关闭
-- 修复因为 Chrome 安全限制导致的跨域请求问题
-
-#### v2.1.1
-2018-10-11
-- 支持关闭通知区域
-
-#### v2.0.13
-2018-08-20
-- 修复官方接口字段变动引起的 bug
-
-#### v2.0.12
-2018.08.11
-- 修复某些类型通知的原消息链接拼接问题
-
-#### v2.0.11
-2018.08.10
-- 增加支持对在官方消息下评论的点赞通知
-
-#### v2.0.10
-2018.08.07
-- 新增对于问答类动态的回答和点赞通知
-- 清理了之前的坏代码
-
-#### v2.0.9
-2018.07.20
-- 新增了点赞类型的通知
-- 优化了不同类型通知的处理逻辑和原动态链接的生成逻辑
-- 修复了点击通知按钮无法获取新通知的 bug
-- 修复非中文系统下的通知日期显示问题
-
-#### v2.0.8
-2018.07.06
-- 修复了获取不到通知的问题（因为 header 版本号过低）
-- 根据 API 结构更新了一些内容，包括转发、评论消息的链接修复
-- 这次即刻好像统一了很多 ID，很棒
-
-#### v2.0.7
-2018.07.04
-- 修复 ruguoapp.com 域名的匹配问题
-
-#### v2.0.6
-2018.06.13
-- 增加转发动态的通知详情
-- 修改了一些文案细节
-- 修复有时因顶部状态栏未加载出来而导致的通知无法显示问题
-- 修复个人动态下评论的跳转链接
-
-#### v2.0.4
-2018.06.04
-- 增加对两个 http 即刻域名的支持
-- fix 跳转链接至 https
-
-#### v2.0.3
-2018.06.03
-- 支持点击插件图标打开网页版即刻
-- 新增被关注的通知显示
-
-#### v2.0.1
-2018.03.30
-- 在网页版可以看到通知，包括三种评论类型
-- 由于官方支持了分享页的直接跳转，所以去掉了此功能
-
-#### v1.2
-2018.03.13
-- 修复了 Firefox 中无法识别按钮的问题
-- 在个别页面不显示 To Web 按钮，包括即刻小报和热门
-- 发布了 Userscript 版本
-
-#### v1.1
-2018.03.09
-- 首版发布到 Chrome Web Store 了！实现了核心功能啦！
-
-## 关于作者
-本插件的开发者是朵爷，常说的一句话是“朵爷又日常爱即刻了”，即刻ID是[未枝丫](http://web.okjike.com/user/soyaine)，如果有问题欢迎反馈交流。
-
-如果你想赞赏支持一下用于支付 Chrome Web Store 开发者账号的费用，请用微信扫这里并留言附上你的名字：
-
-
-## Contributors
-制作这个插件的过程中，即友们提供了很多帮助。
-- 插件 icon by Ⓙ花鸟酱
-- 使用示意动图 by Ⓙ段子宇
-- 可爱的全图AI们提供了「微即分」这个名字，并且很有耐心地帮忙测试以及提需求❤️
+#### v3.0.0
+2021.03.21 支持的功能：
+- 按主题查看自己的动态
+- 按主题导出自己的文字动态，以csv文件格式
+- 按主题查看自己发过的图片
+- 查看自己往年今日的动态
+
+## 其他
+- 如果有什么问题或建议，可以到[Telegram讨论组](https://t.me/joinchat/eV5l2_DxlHI0NWNl)反馈
+- 如果喜欢这个工具，欢迎[赞助开发者](http://afdian.net/@soyaine)
diff --git a/his/README-v1.0.md b/achieved/1.x/README-v1.0.md
similarity index 100%
rename from his/README-v1.0.md
rename to achieved/1.x/README-v1.0.md
diff --git a/dist/example-v1.0.png b/achieved/1.x/example-v1.0.png
similarity index 100%
rename from dist/example-v1.0.png
rename to achieved/1.x/example-v1.0.png
diff --git a/dist/how-to-use.gif b/achieved/1.x/how-to-use.gif
similarity index 100%
rename from dist/how-to-use.gif
rename to achieved/1.x/how-to-use.gif
diff --git a/crx/love-tojike-v1.1.crx b/achieved/1.x/love-tojike-v1.1.crx
similarity index 100%
rename from crx/love-tojike-v1.1.crx
rename to achieved/1.x/love-tojike-v1.1.crx
diff --git a/crx/love-tojike-v1.2.crx b/achieved/1.x/love-tojike-v1.2.crx
similarity index 100%
rename from crx/love-tojike-v1.2.crx
rename to achieved/1.x/love-tojike-v1.2.crx
diff --git a/src/tojike.js b/achieved/1.x/tojike.js
similarity index 100%
rename from src/tojike.js
rename to achieved/1.x/tojike.js
diff --git a/achieved/2.x/README-v2.1.2.md b/achieved/2.x/README-v2.1.2.md
new file mode 100644
index 0000000..a8143c4
--- /dev/null
+++ b/achieved/2.x/README-v2.1.2.md
@@ -0,0 +1,133 @@
+# :hearts: Jike Extension
+
+帮你在「网页版即刻」获得更好体验的插件。
+
+**[在 Chrome Store 下载](https://chrome.google.com/webstore/detail/love-jike-extension/pnglcgpgmedjmknpknjedmkggedgdlpk)**
+
+
+
+## 功能简介
+
+[即刻App](https://okjike.com/)是一个很棒的资讯+社交平台，在这里可以追踪你想知道的信息，也能遇到有趣的即友。
+
+现在即刻有了网页版，本插件解决的是网页版目前还没有官方支持的需求，期待即刻越来越好。
+
+**功能列表**
+- ~「即刻分享页」到「网页版即刻」的传送门（已官方支持）[v1.0文档](https://github.com/Unknow-Y/tojike-chrome-extension/blob/master/his/README-v1.0.md)~
+- 在网页版查看通知详情，支持的通知类型如下：
+ - [x] 评论和回复
+ - [x] 关注
+ - [x] 点赞
+ - [x] 回答
+
+## 下载地址
+
+版本 | 更新进度 | 下载
+----|----|----
+Chrome Extension 版本 | 2.1.2 | [到 Chrome Store 下载](https://chrome.google.com/webstore/detail/love-jike-extension/pnglcgpgmedjmknpknjedmkggedgdlpk)
+UserScript 版本 | 2.0.1 | [在 OpenUserJS 下载](https://openuserjs.org/scripts/soyaine/Love_Jike)
+crx 版本 | 2.1.2 | 可以在[ crx 文件夹](https://github.com/Unknow-Y/tojike-chrome-extension/tree/master/crx) 找到
+
+### Chrome Extension 版本
+[到 Chrome Store 下载](https://chrome.google.com/webstore/detail/love-jike-extension/pnglcgpgmedjmknpknjedmkggedgdlpk)
+
+### UserScript 版本
+如果你使用的是其它浏览器，可以下载使用[ Love Jike 的 UserScript 版本](https://openuserjs.org/scripts/soyaine/Love_Jike)。
+
+以 Firefox 为例：
+1. 安装 [Greasemonkey](https://addons.mozilla.org/zh-CN/firefox/addon/greasemonkey/)
+2. 在 [Love Jike Userscript](https://openuserjs.org/scripts/soyaine/Love_Jike/) 页面点击 Install 安装脚本
+
+### CRX 版本
+如果你不能访问 Chrome Web Store，可以下载最新版的 .crx 文件进行安装：
+1. 在[ crx 文件夹](https://github.com/Unknow-Y/tojike-chrome-extension/tree/master/crx)下载版本号最大的文件
+2. 打开 Chrome 后在地址栏输入 `chrome://extensions`
+3. 把 .crx 文件拖入
+
+## 更新日志
+#### v2.1.2
+2019-05-27
+- 当没有新通知时，保持通知栏关闭
+- 修复因为 Chrome 安全限制导致的跨域请求问题
+
+#### v2.1.1
+2018-10-11
+- 支持关闭通知区域
+
+#### v2.0.13
+2018-08-20
+- 修复官方接口字段变动引起的 bug
+
+#### v2.0.12
+2018.08.11
+- 修复某些类型通知的原消息链接拼接问题
+
+#### v2.0.11
+2018.08.10
+- 增加支持对在官方消息下评论的点赞通知
+
+#### v2.0.10
+2018.08.07
+- 新增对于问答类动态的回答和点赞通知
+- 清理了之前的坏代码
+
+#### v2.0.9
+2018.07.20
+- 新增了点赞类型的通知
+- 优化了不同类型通知的处理逻辑和原动态链接的生成逻辑
+- 修复了点击通知按钮无法获取新通知的 bug
+- 修复非中文系统下的通知日期显示问题
+
+#### v2.0.8
+2018.07.06
+- 修复了获取不到通知的问题（因为 header 版本号过低）
+- 根据 API 结构更新了一些内容，包括转发、评论消息的链接修复
+- 这次即刻好像统一了很多 ID，很棒
+
+#### v2.0.7
+2018.07.04
+- 修复 ruguoapp.com 域名的匹配问题
+
+#### v2.0.6
+2018.06.13
+- 增加转发动态的通知详情
+- 修改了一些文案细节
+- 修复有时因顶部状态栏未加载出来而导致的通知无法显示问题
+- 修复个人动态下评论的跳转链接
+
+#### v2.0.4
+2018.06.04
+- 增加对两个 http 即刻域名的支持
+- fix 跳转链接至 https
+
+#### v2.0.3
+2018.06.03
+- 支持点击插件图标打开网页版即刻
+- 新增被关注的通知显示
+
+#### v2.0.1
+2018.03.30
+- 在网页版可以看到通知，包括三种评论类型
+- 由于官方支持了分享页的直接跳转，所以去掉了此功能
+
+#### v1.2
+2018.03.13
+- 修复了 Firefox 中无法识别按钮的问题
+- 在个别页面不显示 To Web 按钮，包括即刻小报和热门
+- 发布了 Userscript 版本
+
+#### v1.1
+2018.03.09
+- 首版发布到 Chrome Web Store 了！实现了核心功能啦！
+
+## 关于作者
+本插件的开发者是朵爷，常说的一句话是“朵爷又日常爱即刻了”，即刻ID是[未枝丫](http://web.okjike.com/user/soyaine)，如果有问题欢迎反馈交流。
+
+如果你想赞赏支持一下用于支付 Chrome Web Store 开发者账号的费用，请用微信扫这里并留言附上你的名字：
+
+
+## Contributors
+制作这个插件的过程中，即友们提供了很多帮助。
+- 插件 icon by Ⓙ花鸟酱
+- 使用示意动图 by Ⓙ段子宇
+- 可爱的全图AI们提供了「微即分」这个名字，并且很有耐心地帮忙测试以及提需求❤️
diff --git a/dist/example-v2.0.1.png b/achieved/2.x/example-v2.0.1.png
similarity index 100%
rename from dist/example-v2.0.1.png
rename to achieved/2.x/example-v2.0.1.png
diff --git a/dist/example-v2.0.9.gif b/achieved/2.x/example-v2.0.9.gif
similarity index 100%
rename from dist/example-v2.0.9.gif
rename to achieved/2.x/example-v2.0.9.gif
diff --git a/dist/extension-permission.gif b/achieved/2.x/extension-permission.gif
similarity index 100%
rename from dist/extension-permission.gif
rename to achieved/2.x/extension-permission.gif
diff --git a/crx/lovejike-v2.0.1.crx b/achieved/2.x/lovejike-v2.0.1.crx
similarity index 100%
rename from crx/lovejike-v2.0.1.crx
rename to achieved/2.x/lovejike-v2.0.1.crx
diff --git a/crx/lovejike-v2.0.10.crx b/achieved/2.x/lovejike-v2.0.10.crx
similarity index 100%
rename from crx/lovejike-v2.0.10.crx
rename to achieved/2.x/lovejike-v2.0.10.crx
diff --git a/crx/lovejike-v2.0.11.crx b/achieved/2.x/lovejike-v2.0.11.crx
similarity index 100%
rename from crx/lovejike-v2.0.11.crx
rename to achieved/2.x/lovejike-v2.0.11.crx
diff --git a/crx/lovejike-v2.0.12.crx b/achieved/2.x/lovejike-v2.0.12.crx
similarity index 100%
rename from crx/lovejike-v2.0.12.crx
rename to achieved/2.x/lovejike-v2.0.12.crx
diff --git a/crx/lovejike-v2.0.4.crx b/achieved/2.x/lovejike-v2.0.4.crx
similarity index 100%
rename from crx/lovejike-v2.0.4.crx
rename to achieved/2.x/lovejike-v2.0.4.crx
diff --git a/crx/lovejike-v2.0.7.crx b/achieved/2.x/lovejike-v2.0.7.crx
similarity index 100%
rename from crx/lovejike-v2.0.7.crx
rename to achieved/2.x/lovejike-v2.0.7.crx
diff --git a/crx/lovejike-v2.0.8.crx b/achieved/2.x/lovejike-v2.0.8.crx
similarity index 100%
rename from crx/lovejike-v2.0.8.crx
rename to achieved/2.x/lovejike-v2.0.8.crx
diff --git a/crx/lovejike-v2.0.9.crx b/achieved/2.x/lovejike-v2.0.9.crx
similarity index 100%
rename from crx/lovejike-v2.0.9.crx
rename to achieved/2.x/lovejike-v2.0.9.crx
diff --git a/crx/lovejike-v2.1.1.crx b/achieved/2.x/lovejike-v2.1.1.crx
similarity index 100%
rename from crx/lovejike-v2.1.1.crx
rename to achieved/2.x/lovejike-v2.1.1.crx
diff --git a/crx/lovejike-v2.1.2.crx b/achieved/2.x/lovejike-v2.1.2.crx
similarity index 100%
rename from crx/lovejike-v2.1.2.crx
rename to achieved/2.x/lovejike-v2.1.2.crx
diff --git a/src/notification.js b/achieved/2.x/notification.js
similarity index 100%
rename from src/notification.js
rename to achieved/2.x/notification.js
diff --git a/dist/v2.0.3.png b/achieved/2.x/v2.0.3.png
similarity index 100%
rename from dist/v2.0.3.png
rename to achieved/2.x/v2.0.3.png
diff --git a/build/jocker.html b/build/jocker.html
index 0466249..0e6f1d9 100644
--- a/build/jocker.html
+++ b/build/jocker.html
@@ -1,3 +1,4 @@
+
@@ -20,9 +21,41 @@
box-sizing: border-box;
}
+ .header-jocker {
+ float: left;
+ width: 200px;
+ text-align: left;
+ }
+
#icon-jocker {
width: 28px;
- float: left;
+ }
+
+ .moreinfo {
+ visibility: hidden;
+ position: absolute;
+ text-align: left;
+ top: 10px;
+ margin-left: 42px;
+ color: #7a7a7a;
+ font-size: 0.9em;
+ }
+
+ .header-jocker:hover .moreinfo, .moreinfo:hover {
+ visibility: visible;
+ }
+
+ .moreinfo:hover {
+ visibility: visible;
+ }
+
+ .info-link {
+ color: #7a7a7a;
+ text-decoration: none;
+ }
+
+ .info-link:hover {
+ color: #2c2c2c;
}
#layouts {
@@ -59,7 +92,7 @@
.topics {
width: 16em;
position: fixed;
- top: 56px;
+ top: 60px;
left: 8px;
bottom: 16px;
height: 100%;
@@ -97,8 +130,7 @@
.posts {
padding: 16px 14px;
margin-left: 17em;
- margin-top: 56px;
- background-color: #fafafa;
+ margin-top: 60px;
}
.p-content {
@@ -111,15 +143,43 @@
font-size: 0.8em;
}
+ .p-link {
+ color: #2c2c2c;
+ text-decoration: none;
+ border-bottom: solid 1px #333;
+ }
+
+ .p-link:hover {
+ font-weight: 600;
+ }
+
.p-pic {
width: 120px;
margin-right: 1%;
margin-top: 1%;
}
+ .p-video {
+ margin-top: 8px;
+ width: 50%;
+ max-width: 360px;
+ }
+
+ .p-target {
+ display: block;
+ text-decoration: none;
+ padding: 12px;
+ background-color: #fefefe;
+ color: #4c4c4c;
+ font-size: 0.9em;
+ margin-top: 6px;
+ }
+
.post-default {
margin: 24px auto;
max-width: 780px;
+ background-color: #f2f2f2;
+ padding: 14px 16px;
}
.posts-flow {
@@ -131,6 +191,7 @@
padding: 2px;
position: relative;
counter-increment: count;
+ background-color: #fafafa;
}
.p-pic-flow {
@@ -143,6 +204,7 @@
/* width: 100%; */
padding-top: 50px;
padding-bottom: 50px;
+ background-color: #fafafa;
}
.gallery {
@@ -235,7 +297,15 @@
cursor: wait;
background-color: #ddd;
}
-
+
+ .intro-info {
+ position: fixed;
+ color: #8b8b8b;
+ font-size: 0.9em;
+ width: 100%;
+ bottom: 24px;
+ }
+
#tool {
display: none;
position: fixed;
@@ -244,7 +314,7 @@
cursor: pointer;
}
- .posts-default + #tool{
+ .posts-default+#tool {
display: block;
}
@@ -275,13 +345,30 @@
.hidden-a {
visibility: hidden;
}
+
+ .tip {
+ width: 80%;
+ max-width: 600px;
+ margin: 10% auto;
+ display: block;
+ color: #eee;
+ }
+