style: code automation

2020-04-03 19:30:07 +08:00 · 2020-04-03 19:30:07 +08:00 · 98169110bd
commit 98169110bd
parent 2eee261723
33 changed files with 2298 additions and 133 deletions
--- a/.cz-config.js
+++ b/.cz-config.js
@ -0,0 +1,53 @@
+'use strict';
+
+module.exports = {
+
+  types: [
+    {
+      value: 'WIP',
+      name : '💪  WIP:      未完待续'
+    },
+    {
+      value: 'feat',
+      name : '✨  feat:     新的功能'
+    },
+    {
+      value: 'fix',
+      name : '🐞  fix:      Bug 修复'
+    },
+    {
+      value: 'refactor',
+      name : '🛠  refactor: 功能重构'
+    },
+    {
+      value: 'docs',
+      name : '📚  docs:     文档相关'
+    },
+    {
+      value: 'test',
+      name : '🏁  test:     测试相关'
+    },
+    {
+      value: 'chore',
+      name : '🗯  chore:    琐碎事项'
+    },
+    {
+      value: 'style',
+      name : '💅  style:    优化代码结构或格式'
+    },
+    {
+      value: 'revert',
+      name : '⏪  revert:   回退 commit'
+    }
+  ],
+
+  scopes: [
+    'vuepress-theme-reco',
+    'vuepress-plugin-back-to-top',
+    'vuepress-plugin-comments',
+    'vuepress-plugin-loading',
+    'vuepress-plugin-pagation'
+  ],
+  allowCustomScopes: true,
+  allowBreakingChanges: ["feat", "fix"]
+};
--- a/.eslintignore
+++ b/.eslintignore
@ -1,3 +1,4 @@
 styles/
 images/
 node_modules/
+.cz-config.js
--- a/.gitignore
+++ b/.gitignore
@ -1 +1,2 @@
 node_modules
+yarn-error.log
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -0,0 +1,184 @@
+# [](https://github.com/vuepress-reco/vuepress-theme-reco/compare/v1.4.0-alpha.3...v) (2020-04-03)
+
+
+
+# [1.4.0-alpha.3](https://github.com/vuepress-reco/vuepress-theme-reco/compare/v1.4.0-alpha.2...v1.4.0-alpha.3) (2020-04-03)
+
+
+
+# [1.4.0-alpha.2](https://github.com/vuepress-reco/vuepress-theme-reco/compare/v1.4.0-alpha.1...v1.4.0-alpha.2) (2020-04-03)
+
+
+
+# [1.4.0-alpha.1](https://github.com/vuepress-reco/vuepress-theme-reco/compare/v1.4.0-alpha.0...v1.4.0-alpha.1) (2020-04-03)
+
+
+
+# [1.4.0-alpha.0](https://github.com/vuepress-reco/vuepress-theme-reco/compare/8dd5cddc267ad539c11cf652857df862da8eea34...v1.4.0-alpha.0) (2020-04-03)
+
+
+### Bug Fixes
+
+*  Optimize style ([4ed1917](https://github.com/vuepress-reco/vuepress-theme-reco/commit/4ed1917c32c1a3b5f5d2dbcd2ec7d13d1fbd174d))
+* add .gitignore ([7c70825](https://github.com/vuepress-reco/vuepress-theme-reco/commit/7c70825d6f16dbecdcfef43798dd56b76f387ea0))
+* add base router for img ([c54a2c6](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c54a2c6d0204ced8762c9161f72396dd0ae915ae))
+* add loading page ([e8ccb4a](https://github.com/vuepress-reco/vuepress-theme-reco/commit/e8ccb4a207f0868ec861a34a14ca79cd11c8a776))
+* add loading page ([b72f54f](https://github.com/vuepress-reco/vuepress-theme-reco/commit/b72f54f9b59925fa143490f328d0c2ca0b2ab1a0))
+* add loading page ([46b2a48](https://github.com/vuepress-reco/vuepress-theme-reco/commit/46b2a48ed390059d1abe801dc8f8364189fce33f))
+* add sticky article sort feature ([a55912f](https://github.com/vuepress-reco/vuepress-theme-reco/commit/a55912fa332169a25cade2af8b4bf40686bb7921))
+* Adjust parameter name ([1e44507](https://github.com/vuepress-reco/vuepress-theme-reco/commit/1e44507fafcc21f06d4186bc3a1e91684747ed0b))
+* animation ([f5c65ec](https://github.com/vuepress-reco/vuepress-theme-reco/commit/f5c65ecc64d77dbfe84265884bd871a481fed487))
+* animation of component 'BackToTop' ([fe7f612](https://github.com/vuepress-reco/vuepress-theme-reco/commit/fe7f61210bbee98efab78cf4a7a229827fa7d510))
+* build error ([9493f07](https://github.com/vuepress-reco/vuepress-theme-reco/commit/9493f0772268293e331e10582236cf4efcd0216b))
+* build error when use vssue ([4a58744](https://github.com/vuepress-reco/vuepress-theme-reco/commit/4a587445d546f603daad245cd90d882f9839611a))
+* category btn style & home-blog router jump ([342db2b](https://github.com/vuepress-reco/vuepress-theme-reco/commit/342db2bc0ed24fed4a1b779fcd948aa19d79fafb))
+* category btn tap range ([d92c6f5](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d92c6f5d03ca725ab62b74afa786cc4f4b420a9b))
+* change icon name ([ebacfe2](https://github.com/vuepress-reco/vuepress-theme-reco/commit/ebacfe25f893eac774123e47c5d4314381d616b0))
+* change list load config's name ([6043215](https://github.com/vuepress-reco/vuepress-theme-reco/commit/6043215bc152386263ee053fa377b0aa2eb95a59))
+* change password in source code to ciphertext ([31ab99f](https://github.com/vuepress-reco/vuepress-theme-reco/commit/31ab99fe62aa45089509bf3b7e855ecabafb1526))
+* change the show-ban-niang btn's color ([947d279](https://github.com/vuepress-reco/vuepress-theme-reco/commit/947d2794a027db0798ad0e4c3caa01a00741c419))
+* change the way to get all posts ([b3bd1dd](https://github.com/vuepress-reco/vuepress-theme-reco/commit/b3bd1dd2704084100a3c4ed38540a6a61e5112ea))
+* clear text text-overflow ([5a9c4f6](https://github.com/vuepress-reco/vuepress-theme-reco/commit/5a9c4f6e8e60ce478b17009d0728ebd687d683dc))
+* code style & default color var ([af20ac7](https://github.com/vuepress-reco/vuepress-theme-reco/commit/af20ac7ca72e1a6e2ff4ba63acedcb5dedd0972e))
+* color picker component ([50893c3](https://github.com/vuepress-reco/vuepress-theme-reco/commit/50893c3bf497f02a5fd9753a17f8606dcb8b53e9))
+* comment load animation ([c3bc789](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c3bc7892dc7697e31bb7d6bb9af9d835671ea549))
+* comments display rule ([a9a1dd7](https://github.com/vuepress-reco/vuepress-theme-reco/commit/a9a1dd744741e531dff4bec88cdf952b83e10f38))
+* dark mode ([748e560](https://github.com/vuepress-reco/vuepress-theme-reco/commit/748e560cd0de2cc8066b45e508756d81c4bb2336))
+* dark mode style ([cfc1497](https://github.com/vuepress-reco/vuepress-theme-reco/commit/cfc1497c12c96922c913737518decf728920419f))
+* date is NaN at timeline ([81d6c63](https://github.com/vuepress-reco/vuepress-theme-reco/commit/81d6c63321361fcab63428d8c4b203b7425320a0))
+* delete test code ([fbff8a2](https://github.com/vuepress-reco/vuepress-theme-reco/commit/fbff8a2ed4dd4b24a44bdbaf5cfb99a63222e286))
+* delete test file ([7c023ff](https://github.com/vuepress-reco/vuepress-theme-reco/commit/7c023ff4982900da62090ec2ef07cf5e2c31d785))
+* display rules of password page ([c3087a9](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c3087a94a24756e0bb4ab35ee08ca98a262126a6))
+* duplicate year in footer ([c820b79](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c820b790951aba61bd0302d527d828b836eb290a))
+* err no homeImg config&NaN in timeLine page ([24a2ccb](https://github.com/vuepress-reco/vuepress-theme-reco/commit/24a2ccbb5b570f76594b222aff4d4ac5e9209c19))
+* eslint cdoe ([3a693c6](https://github.com/vuepress-reco/vuepress-theme-reco/commit/3a693c61e31576c120690ae40f8dd0606f3a5abd))
+* filtering duplicate data ([766d18b](https://github.com/vuepress-reco/vuepress-theme-reco/commit/766d18b8cafe4311a8a4cb1b38d8fb089d3da372))
+* fix access-number display rule ([1c01c4c](https://github.com/vuepress-reco/vuepress-theme-reco/commit/1c01c4c2906debaa468e6eb24d6fd5ad4e291a21))
+* fix accessNumber ([b4ba253](https://github.com/vuepress-reco/vuepress-theme-reco/commit/b4ba2539de8eb9ed09781702e5625b7e882b107a))
+* fix annotation ([231fa13](https://github.com/vuepress-reco/vuepress-theme-reco/commit/231fa139f1b02ff7c83ae438907bf682e8166b22))
+* fix article numbers in home page ([8dd5cdd](https://github.com/vuepress-reco/vuepress-theme-reco/commit/8dd5cddc267ad539c11cf652857df862da8eea34))
+* Fix bug in tag page ([392de18](https://github.com/vuepress-reco/vuepress-theme-reco/commit/392de184c7e6dfe4ecfd0507573f3542dd382702))
+* fix color when open in sidebar ([f627f5a](https://github.com/vuepress-reco/vuepress-theme-reco/commit/f627f5a458b6e26535734308056ebb97649bad45))
+* fix date format is not correct ([4a49e6a](https://github.com/vuepress-reco/vuepress-theme-reco/commit/4a49e6aad7560f79812683dfc6cd0be34d0cf0a2))
+* fix destroyed hook typo ([1840f9e](https://github.com/vuepress-reco/vuepress-theme-reco/commit/1840f9ed6e91114c153a6d4bdefa7145088b9ab3))
+* fix error when no friend-link config ([2f505aa](https://github.com/vuepress-reco/vuepress-theme-reco/commit/2f505aa8361e0c35ead309a7aa5863621cfbb0e3))
+* fix filtering of article data ([dc1d76e](https://github.com/vuepress-reco/vuepress-theme-reco/commit/dc1d76e872b4ed09437b423734b041bfb42d3fc2))
+* fix first load encryption not working ([79ec44a](https://github.com/vuepress-reco/vuepress-theme-reco/commit/79ec44a0dddef385b45d55fc04bc95d88ea5a41a))
+* fix first load encryption not working ([7152f5e](https://github.com/vuepress-reco/vuepress-theme-reco/commit/7152f5e126fb0fc82521f7696d08575b13e30ee3))
+* fix footer ([5fd0b87](https://github.com/vuepress-reco/vuepress-theme-reco/commit/5fd0b87d0a4751ecf3e2c5943f6b714aa0f15dba))
+* fix FriendLink & AccessNumber ([ebfd169](https://github.com/vuepress-reco/vuepress-theme-reco/commit/ebfd16930926dc91790a1cd21521195e356cd2c0))
+* fix home-blog page display bug ([656d7ba](https://github.com/vuepress-reco/vuepress-theme-reco/commit/656d7ba8f00e9a0aa2c44c2ae1ba09c425461501))
+* fix home-blog page display bug ([c14d0bf](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c14d0bf6c59f71e1a2103786f3764abf00179ddd))
+* fix home.vue ([571e865](https://github.com/vuepress-reco/vuepress-theme-reco/commit/571e865fddab4a1feaf28ef64c344ebd57090e09))
+* fix page password rules ([88ceaad](https://github.com/vuepress-reco/vuepress-theme-reco/commit/88ceaad5a93a82d106d4b61cf6b7d53f913c565c))
+* fix password page ([ded37a2](https://github.com/vuepress-reco/vuepress-theme-reco/commit/ded37a25545c07c2b5a4ed7eecde6782d505135f))
+* fix password page animation ([2a5600d](https://github.com/vuepress-reco/vuepress-theme-reco/commit/2a5600d8d4d50c7a6e837f1deb1386ef0bdf4b83))
+* fix plugin-medium-zoom not work in reco ([4638915](https://github.com/vuepress-reco/vuepress-theme-reco/commit/46389155fd6e6d1581906cfd89fce2a2cdb0651f))
+* fix show access number when not use valine ([46ca784](https://github.com/vuepress-reco/vuepress-theme-reco/commit/46ca78479bd7874ede40b90eaf48531b83e845c6))
+* fix small bugs ([c3eb6a6](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c3eb6a6a1d713ece89f7e364755e762b1874e4eb))
+* fix style ([1eb7517](https://github.com/vuepress-reco/vuepress-theme-reco/commit/1eb75173297300e1197e9f998db38c6ab3776220))
+* fix style err in password page ([d975d9d](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d975d9d3b4d0cd9025539ed00e670421e92ec292))
+* fix the margin in other list page ([f9df805](https://github.com/vuepress-reco/vuepress-theme-reco/commit/f9df805f10fa525cb7288bb444fb59952a5afba7))
+* fix the sidebar is not shown ([1ce2c29](https://github.com/vuepress-reco/vuepress-theme-reco/commit/1ce2c2954e5be7691f5d76254516262bd323eb17))
+* fix title display in homeBlog.vue ([80dc4d7](https://github.com/vuepress-reco/vuepress-theme-reco/commit/80dc4d72546ecbc908794b12717b2569fb18041b))
+* fix unpublished doc shown in tags page ([6c15f52](https://github.com/vuepress-reco/vuepress-theme-reco/commit/6c15f52d816f9872ffc21619aad6807973c575de))
+* fix update popup style ([2e0b901](https://github.com/vuepress-reco/vuepress-theme-reco/commit/2e0b901c61922df816978de576b50be772ad12b4))
+* fix word spelling ([24aca99](https://github.com/vuepress-reco/vuepress-theme-reco/commit/24aca9922ffdb8032f5f4e6def408b61c7e518f4))
+* fixed first load encryption not working ([851984b](https://github.com/vuepress-reco/vuepress-theme-reco/commit/851984b9a0189cf42707e430f344c6b0e06f7c3e))
+* friend link ([c93105f](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c93105f82533398b96e3f6f1524c82322c8a0508))
+* friend link ([236e506](https://github.com/vuepress-reco/vuepress-theme-reco/commit/236e506a28d4c0d7f3480df82acc3977cc577f17))
+* friendlink style of mouse style ([7fc9eaa](https://github.com/vuepress-reco/vuepress-theme-reco/commit/7fc9eaa42aace7bb5e2d2d24b5fd71d9b281d0a9))
+* hero img ([4983277](https://github.com/vuepress-reco/vuepress-theme-reco/commit/4983277b6a61b1ab496bef86c2305440ef1c9ff6))
+* hero img tot displayed by default ([2a998d3](https://github.com/vuepress-reco/vuepress-theme-reco/commit/2a998d3ed3f5c00b92b12bedaf7e8af735c0fe7c))
+* hide read number of home articles ([d476d6f](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d476d6fcd832c25896cccf29aad1005c8eb9936d))
+* home-blog bg-img url error ([4d0624e](https://github.com/vuepress-reco/vuepress-theme-reco/commit/4d0624e3350b0717930e950a8b8dd5ce4f559e43))
+* home-blog title margin ([4d5468f](https://github.com/vuepress-reco/vuepress-theme-reco/commit/4d5468f2ea6d36f3d2340209830dfee740182c97))
+* home.vue color bug ([f6aaea3](https://github.com/vuepress-reco/vuepress-theme-reco/commit/f6aaea31f48461832a4509ff61a06a19ff428eeb))
+* img err in home page ([86a6831](https://github.com/vuepress-reco/vuepress-theme-reco/commit/86a68316aadbb481c16d0076f46073680f005206))
+* img in README.md ([3113f4e](https://github.com/vuepress-reco/vuepress-theme-reco/commit/3113f4ec4d807420ac05e33603d79c93955acb48))
+* loading page ([a9823a9](https://github.com/vuepress-reco/vuepress-theme-reco/commit/a9823a917a1e43cb754fad8bd54fa8c46ccbe6c3))
+* loading page ([2737749](https://github.com/vuepress-reco/vuepress-theme-reco/commit/27377491f9baeb15b748b17fae68e8869b50012a))
+* loading page ([f57f373](https://github.com/vuepress-reco/vuepress-theme-reco/commit/f57f3735a376ecc7cef7fec7dca92ed9d205027a))
+* loading page ([c969aa8](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c969aa8c436e9517e4be08eade2c169a0b5cf5cd))
+* mode listeners not removed ([3843aa3](https://github.com/vuepress-reco/vuepress-theme-reco/commit/3843aa3c37abe43fbf86273a1edbfc3713368d5a))
+* navlinks show error color after change theme ([5e56ccc](https://github.com/vuepress-reco/vuepress-theme-reco/commit/5e56ccc022343de7df9dcecf651ad2f05fec7786))
+* no need date except for the timeline page ([d6d8ce4](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d6d8ce4107a964ee5a8520b7f98db29cd078f598))
+* optimize access-number display ([3a36b01](https://github.com/vuepress-reco/vuepress-theme-reco/commit/3a36b0187237fdc0ed7a6bf166571377976b5cc4))
+* Optimize HomeBlog.vue ([b4183be](https://github.com/vuepress-reco/vuepress-theme-reco/commit/b4183be7f78688489fc41f648ef320f39a317016))
+* optimize https protocol warning ([dca6b3d](https://github.com/vuepress-reco/vuepress-theme-reco/commit/dca6b3d00ce1848d64e9da0472a41426cf2c66ae))
+* pagation ([d5529b8](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d5529b87c4a35a7c1d5b17e0382239929638ca92))
+* page numbers do not initialize when jumping ([8379b4c](https://github.com/vuepress-reco/vuepress-theme-reco/commit/8379b4ce41cccea9c6956d5cc3b5d259fa0cb2aa))
+* password page animation&timeLine page ([e03106c](https://github.com/vuepress-reco/vuepress-theme-reco/commit/e03106c2137ceb2e1965636c8d7f663992f0f372))
+* remove input focus ([106f72d](https://github.com/vuepress-reco/vuepress-theme-reco/commit/106f72d8605443377c2cc3d2f41c0331104ecad5))
+* reset the changes of @SigureMo ([14193dd](https://github.com/vuepress-reco/vuepress-theme-reco/commit/14193dd295dd16330ba1a8c26ec670254c67ca61))
+* router jump ([23c3786](https://github.com/vuepress-reco/vuepress-theme-reco/commit/23c3786492c9014a212f4a2f62e4bac77361376b))
+* some little bugs ([b2f52f9](https://github.com/vuepress-reco/vuepress-theme-reco/commit/b2f52f939673b40d1ddb67a1d9addeb0cc87fb3e))
+* some little problem ([00f48ce](https://github.com/vuepress-reco/vuepress-theme-reco/commit/00f48cec4a5060506306977910939aa8759872a5))
+* some style error ([18596d1](https://github.com/vuepress-reco/vuepress-theme-reco/commit/18596d11ce8ff08aa33a48c5a44fcc51c0f04dc7))
+* ssr & formatDate in utils.js ([424adb1](https://github.com/vuepress-reco/vuepress-theme-reco/commit/424adb1a73de10fc3df28f2cb8787ac5d88e7239))
+* SSR and anchor points are invalid ([729d1eb](https://github.com/vuepress-reco/vuepress-theme-reco/commit/729d1eb34659c7c809140fc9646c454f098784fd))
+* style ([e00b8df](https://github.com/vuepress-reco/vuepress-theme-reco/commit/e00b8df25d013e657785813558f3ab1e4a167815))
+* style ([08b4a43](https://github.com/vuepress-reco/vuepress-theme-reco/commit/08b4a4336d5bff367f3c939c066b93da792467a0))
+* tag btn of page info click invalid ([3a4e9e8](https://github.com/vuepress-reco/vuepress-theme-reco/commit/3a4e9e8011244ca5d2227a2baad34c0accbca0df))
+* tags page $ timeline page ([636b209](https://github.com/vuepress-reco/vuepress-theme-reco/commit/636b209bc687c985792cd1a7a2b339068c54d8e0))
+* text color ([182dd29](https://github.com/vuepress-reco/vuepress-theme-reco/commit/182dd29f782e168f9af9c4ecb4e73b2b60244238))
+* theorem and details adapt dark mode ([865bd1b](https://github.com/vuepress-reco/vuepress-theme-reco/commit/865bd1b14bf563e76a06093773a2111ff8257570))
+* update comments version ([e6ab863](https://github.com/vuepress-reco/vuepress-theme-reco/commit/e6ab86321227dd55d30451b35bb6c02a1f4ec2be))
+* update pagation version ([fae50bf](https://github.com/vuepress-reco/vuepress-theme-reco/commit/fae50bfc16b729b2c06db3d360e2cf21e35d28e4))
+* valine style ([517619d](https://github.com/vuepress-reco/vuepress-theme-reco/commit/517619df484a794eb219d3e9bf38b2a7e0ba6e50))
+* valine style ([97dcd7a](https://github.com/vuepress-reco/vuepress-theme-reco/commit/97dcd7a09469b73f44c1ccae63c4840cc8209a6a))
+* VERSION 1.0.6&password page&timeLine page ([299cd7c](https://github.com/vuepress-reco/vuepress-theme-reco/commit/299cd7c2c7b14c0c3954372aea558c7a7949d683))
+* window scroll ([5294cb6](https://github.com/vuepress-reco/vuepress-theme-reco/commit/5294cb6516f3592a7fed314ab9846f0d40146dff))
+* 刷新弹窗样式 ([25da825](https://github.com/vuepress-reco/vuepress-theme-reco/commit/25da82507b32a5171c2da80afa693985b18ce425))
+
+
+### Features
+
+* adapt dark mode for SW-Update Popup ([c9b7ff3](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c9b7ff37f0040bedd8e4a4790ae3a2933bd9b2f1))
+* add  yber security record ([204df9f](https://github.com/vuepress-reco/vuepress-theme-reco/commit/204df9f5434850cc847d055aebdead2a1929d317))
+* add article sign ([f17e9d5](https://github.com/vuepress-reco/vuepress-theme-reco/commit/f17e9d57da01aca7653443ebfb2d60a38c50aed3))
+* add asynchronous load configuration ([2864976](https://github.com/vuepress-reco/vuepress-theme-reco/commit/28649760d1b59c89f9bbc81049ce8493544bf60b))
+* add back-color for kanbanniang's messageBox ([5b34b23](https://github.com/vuepress-reco/vuepress-theme-reco/commit/5b34b23fa449e0f0b4fb0c8b7184997a84d3a562))
+* add backgroud color for card ([76fbff7](https://github.com/vuepress-reco/vuepress-theme-reco/commit/76fbff7ab47cfcbe54469d9042045fa70c874ed1))
+* add color var ([321e8af](https://github.com/vuepress-reco/vuepress-theme-reco/commit/321e8af17eba251ebc3531c5b51c2e185bf643ab))
+* Add component & optimization ([8994c5b](https://github.com/vuepress-reco/vuepress-theme-reco/commit/8994c5bb59f55cc33e7623475dc7b4d0f3af8a60))
+* add dark mode(part.1) ([a0bab57](https://github.com/vuepress-reco/vuepress-theme-reco/commit/a0bab570cd6f7b11519e1344691e071df705ffed))
+* add dark mode(part.10) ([9fcd3fd](https://github.com/vuepress-reco/vuepress-theme-reco/commit/9fcd3fd34858426b2159f7c0cd5a763105773058))
+* add dark mode(part.2) ([167e75a](https://github.com/vuepress-reco/vuepress-theme-reco/commit/167e75a28a2bdc4dc055c90a90dfe81bc31b2a3a))
+* add dark mode(part.3) ([bc74019](https://github.com/vuepress-reco/vuepress-theme-reco/commit/bc74019dac4efde7a871f750e9befc5d9266cdcf))
+* add dark mode(part.4) ([90e9fb3](https://github.com/vuepress-reco/vuepress-theme-reco/commit/90e9fb328b87a0ece525ed96113609050bb08a0c))
+* add dark mode(part.5) ([395b969](https://github.com/vuepress-reco/vuepress-theme-reco/commit/395b969501f4b4f7fe3bbc2280c3345152bd9ea4))
+* add dark mode(part.6) ([a6bb8b0](https://github.com/vuepress-reco/vuepress-theme-reco/commit/a6bb8b0c661afe09e0294b413b98d43930eb8f8b))
+* add dark mode(part.7) ([3c852b1](https://github.com/vuepress-reco/vuepress-theme-reco/commit/3c852b18a45704eea7d2fa87571d131ba619db3d))
+* add dark mode(part.8) ([74534b1](https://github.com/vuepress-reco/vuepress-theme-reco/commit/74534b1a6c842f3759bd69e063be1a957852b20c))
+* add dark mode(part.9) ([742e212](https://github.com/vuepress-reco/vuepress-theme-reco/commit/742e212a97e9d423f093e8e575bcf52525d6a6fb))
+* add encryption mode ([bac7db9](https://github.com/vuepress-reco/vuepress-theme-reco/commit/bac7db9c037fb21666503a8bf71dcd334c7c8d4a))
+* add example dir ([884e7a8](https://github.com/vuepress-reco/vuepress-theme-reco/commit/884e7a84a601a61fcbe1e4962adba513f3ab92a5))
+* add FriendLink ([8e6616b](https://github.com/vuepress-reco/vuepress-theme-reco/commit/8e6616b6e119b78ebd7bf97b488d1ce3e07df5b2))
+* add google analytics ([254d488](https://github.com/vuepress-reco/vuepress-theme-reco/commit/254d4882cfc95c3a6c62f3f22fdbf93822e80bba))
+* add mode config ([0a3fdb8](https://github.com/vuepress-reco/vuepress-theme-reco/commit/0a3fdb85d819f110d8e4d43382ea3c87c7dde283))
+* add modePicker config ([2c93403](https://github.com/vuepress-reco/vuepress-theme-reco/commit/2c934033baf8db5bab4ce82c67a127b27e4994bd))
+* add setColorScheme code ([d70f961](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d70f961a551b71fa8e94aee34117227f4e3bbe52))
+* add share component ([19f2da0](https://github.com/vuepress-reco/vuepress-theme-reco/commit/19f2da0cadcfac0e88f77216bac4cdd548cd0e75))
+* add tagline ([9ce2a38](https://github.com/vuepress-reco/vuepress-theme-reco/commit/9ce2a3806bf25986fede11449864a8c7a5a0d813))
+* add the --bgm-bg-color to adapt to dark mode ([51a155e](https://github.com/vuepress-reco/vuepress-theme-reco/commit/51a155e3c3092d5d8ecd6276c4a3667756a03546))
+* add theme version in footer ([d4ddfd9](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d4ddfd938f5551774cd8241f6862303d78d01da4))
+* add vssue ([df0f498](https://github.com/vuepress-reco/vuepress-theme-reco/commit/df0f4984e98a75e30bfcbaa86ba61b7046e740e1))
+* change theme picker to mode picker ([9ae5f15](https://github.com/vuepress-reco/vuepress-theme-reco/commit/9ae5f15523bc55ec4d2fa088f027fb5dc29cea98))
+* custom home page component ([d06f214](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d06f2145e1bbe631a4db0d012ced58928aa6723c))
+* delete ga plugin ([b761fe0](https://github.com/vuepress-reco/vuepress-theme-reco/commit/b761fe0df950bea04d48e7436b4b9f285331e50c))
+* encrypt password ([c453479](https://github.com/vuepress-reco/vuepress-theme-reco/commit/c45347971a3d3cd71681f693ac1308875b06c75b))
+* fix comments ([bbdca20](https://github.com/vuepress-reco/vuepress-theme-reco/commit/bbdca200ab844f31212257d1be46dd838785f7e9))
+* homepag add pagation ([9866494](https://github.com/vuepress-reco/vuepress-theme-reco/commit/9866494a41c1d554b0b8bce9be7d44ca41870072))
+* homepag add pagation ([6ee4931](https://github.com/vuepress-reco/vuepress-theme-reco/commit/6ee4931e0ed3b506732dcb1417bd5b38a4667796))
+* homepag add pagation ([157dc23](https://github.com/vuepress-reco/vuepress-theme-reco/commit/157dc23bf6603f4eda1fed480aba0b4bf4f3bd80))
+* make home-info-wrapper follow the scroll bar ([6e1442f](https://github.com/vuepress-reco/vuepress-theme-reco/commit/6e1442fba2ac7156979fb9aa19f940c0eb500ae4))
+* multi-language(part.1) ([d2bb87b](https://github.com/vuepress-reco/vuepress-theme-reco/commit/d2bb87bdb1d565602743de5e6b8a608453ef8a68))
+* multi-language(part.2) ([6795270](https://github.com/vuepress-reco/vuepress-theme-reco/commit/6795270ed9da9fb6dcf537d853ed3aeee0e43acc))
+* multi-language(part.3) ([198ac24](https://github.com/vuepress-reco/vuepress-theme-reco/commit/198ac2405943b21dd53736aa1c003f61046ecf67))
+* retain the page number when back ([a9cf0b1](https://github.com/vuepress-reco/vuepress-theme-reco/commit/a9cf0b14237ecba3bb4a956ad6b03d7c25a7d41d))
+* update comments plugin version ([33e70e4](https://github.com/vuepress-reco/vuepress-theme-reco/commit/33e70e4af5accab74f4c934a3f10a7f6ba4e93c7))
+* update version ([97fbaf5](https://github.com/vuepress-reco/vuepress-theme-reco/commit/97fbaf5636470c9a3a37ce868bbc935d8252d7ec))
+
+
+
--- a/commitlint.config.js
+++ b/commitlint.config.js
@ -0,0 +1,37 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'body-leading-blank': [1, 'always'],
+    'footer-leading-blank': [1, 'always'],
+    'header-max-length': [2, 'always', 72],
+    'scope-case': [2, 'always', 'lower-case'],
+    'subject-case': [
+      2,
+      'never',
+      ['sentence-case', 'start-case', 'pascal-case', 'upper-case']
+    ],
+    'subject-empty': [2, 'never'],
+    'subject-full-stop': [2, 'never', '.'],
+    'type-case': [0],
+    'type-empty': [2, 'never'],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'WIP',
+        'build',
+        'chore',
+        'ci',
+        'docs',
+        'feat',
+        'fix',
+        'improvement',
+        'perf',
+        'refactor',
+        'revert',
+        'style',
+        'test'
+      ]
+    ]
+  }
+}
--- a/package.json
+++ b/package.json
@ -1,26 +1,58 @@
 {
  "name": "vuepress-theme-reco",
  "private": true,
-  "main": "index.js",
  "license": "MIT",
-  "scripts": {
-    "lerna": "lerna",
-    "dev": "vuepress dev example/docs",
-    "build": "vuepress build example/docs",
-    "eslint-ext": "eslint --ext .js,.vue ./",
-    "eslint-fix": "eslint --fix --ext .js,.vue ./",
-    "version": "lerna version --conventional-commits",
-    "bootstrap": "lerna bootstrap"
-  },
+  "main": "index.js",
  "workspaces": [
    "packages/vuepress-theme-reco",
    "packages/@vuepress-reco/*"
  ],
+  "scripts": {
+    "bootstrap": "lerna bootstrap",
+    "build": "vuepress build example/docs",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "commit": "git add . && git-cz",
+    "dev": "vuepress dev example/docs",
+    "eslint-ext": "eslint --ext .js,.vue ./",
+    "eslint-fix": "eslint --fix --ext .js,.vue ./",
+    "prepublish": "lerna publish --dist-tag next",
+    "publish": "yarn changelog && lerna publish",
+    "push": "yarn commit && git push"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "lint-staged": {
+    "*.{js,ts,vue}": [
+      "eslint --fix --ext .js,.vue ./",
+      "git add"
+    ],
+    "package.json": [
+      "sort-package-json",
+      "git add"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-customizable"
+    }
+  },
  "devDependencies": {
+    "@commitlint/cli": "^8.3.5",
+    "@commitlint/config-conventional": "^8.3.4",
    "babel-eslint": "^10.1.0",
+    "commitizen": "^4.0.3",
+    "conventional-changelog-cli": "^2.0.31",
+    "cz-customizable": "^6.2.0",
    "eslint": "^6.8.0",
    "eslint-plugin-vue": "^6.2.2",
+    "husky": "^4.2.3",
    "lerna": "^3.20.2",
+    "lint-staged": "^10.1.1",
+    "sort-package-json": "^1.40.0",
    "vuepress": "^1.4.0"
  },
  "publishConfig": {
--- a/packages/@vuepress-reco/vuepress-plugin-back-to-top/README.md
+++ b/packages/@vuepress-reco/vuepress-plugin-back-to-top/README.md
@ -0,0 +1,24 @@
+# @vuepress-reco/vuepress-plugin-back-to-top
+
+![demo.png](./images/demo.png)
+
+## Details
+
+> Back-to-top plugin for vuepress-theme-reco or other vuepress theme.
+
+|使用位置|值|
+|-|-|
+|plugin name|@vuepress-reco/vuepress-plugin-back-to-top|
+|component name|BackToTop（自动出现在页面中，无需添加额外代码）|
+
+## Options
+
+> 以下为插件注入时的参数。
+
+**Attributes**
+
+|参数|说明|类型|默认值|可选值|
+|-|-|-|-|-|
+|icon|按钮中间的图标名字|string|reco-up|主题内置的其他图标|
+|visibilityHeight|按钮出现时的最小滚动高度|number|400|-|
+|customStyle|自定义按钮的样式|Object|{right:'1rem',bottom: '6rem',width: '2.5rem',height: '2.5rem','border-radius': '.25rem','line-height': '2.5rem',backgroundColor: 'rgba(231, 234, 241,.5)'}|-|
--- a/packages/@vuepress-reco/vuepress-plugin-back-to-top/bin/BackToTop.vue
+++ b/packages/@vuepress-reco/vuepress-plugin-back-to-top/bin/BackToTop.vue
@ -0,0 +1,91 @@
+<template>
+  <transition name="fade">
+    <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop">
+      <svg t="1574745035067" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404"><path d="M526.60727968 10.90185116a27.675 27.675 0 0 0-29.21455937 0c-131.36607665 82.28402758-218.69155461 228.01873535-218.69155402 394.07834331a462.20625001 462.20625001 0 0 0 5.36959153 69.94390903c1.00431239 6.55289093-0.34802892 13.13561351-3.76865779 18.80351572-32.63518765 54.11355614-51.75690182 118.55860487-51.7569018 187.94566865a371.06718723 371.06718723 0 0 0 11.50484808 91.98906777c6.53300375 25.50556257 41.68394495 28.14064038 52.69160883 4.22606766 17.37162448-37.73630017 42.14135425-72.50938081 72.80769204-103.21549295 2.18761121 3.04276886 4.15646224 6.24463696 6.40373557 9.22774369a1871.4375 1871.4375 0 0 0 140.04691725 5.34970492 1866.36093723 1866.36093723 0 0 0 140.04691723-5.34970492c2.24727335-2.98310674 4.21612437-6.18497483 6.3937923-9.2178004 30.66633723 30.70611158 55.4360664 65.4791928 72.80769147 103.21549355 11.00766384 23.91457269 46.15860503 21.27949489 52.69160879-4.22606768a371.15156223 371.15156223 0 0 0 11.514792-91.99901164c0-69.36717486-19.13165746-133.82216804-51.75690182-187.92578088-3.42062944-5.66790279-4.76302748-12.26056868-3.76865837-18.80351632a462.20625001 462.20625001 0 0 0 5.36959269-69.943909c-0.00994388-166.08943902-87.32547796-311.81420293-218.6915546-394.09823051zM605.93803103 357.87693858a93.93749974 93.93749974 0 1 1-187.89594924 6.1e-7 93.93749974 93.93749974 0 0 1 187.89594924-6.1e-7z" p-id="5405"></path><path d="M429.50777625 765.63860547C429.50777625 803.39355007 466.44236686 1000.39046097 512.00932183 1000.39046097c45.56695499 0 82.4922232-197.00623328 82.5015456-234.7518555 0-37.75494459-36.9345906-68.35043303-82.4922232-68.34111062-45.57627738-0.00932239-82.52019037 30.59548842-82.51086798 68.34111062z" p-id="5406"></path></svg>
+    </div>
+  </transition>
+</template>
+
+<script>
+export default {
+  name: 'BackToTop',
+  data () {
+    return {
+      visible: false,
+      interval: null,
+      isMoving: false,
+      /* eslint-disable no-undef */
+      customStyle: CUSTOM_STYLE,
+      visibilityHeight: VISIBILITY_HEIGHT
+    }
+  },
+  mounted () {
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  beforeDestroy () {
+    window.removeEventListener('scroll', this.handleScroll)
+    if (this.interval) {
+      clearInterval(this.interval)
+    }
+  },
+  methods: {
+    handleScroll () {
+      this.visible = window.pageYOffset > this.visibilityHeight
+    },
+    backToTop () {
+      if (this.isMoving) return
+      const start = window.pageYOffset
+      let i = 0
+      this.isMoving = true
+      this.interval = setInterval(() => {
+        const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
+        if (next <= 0) {
+          window.scrollTo(0, 0)
+          clearInterval(this.interval)
+          this.isMoving = false
+        } else {
+          window.scrollTo(0, next)
+        }
+        i++
+      }, 16.7)
+    },
+    easeInOutQuad (t, b, c, d) {
+      if ((t /= d / 2) < 1) return c / 2 * t * t + b
+      return -c / 2 * (--t * (t - 2) - 1) + b
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.back-to-ceiling
+  background-color: #fff
+  background-color: var(--background-color)
+  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2)
+  box-shadow: var(--box-shadow)
+  position: fixed;
+  display: inline-block;
+  text-align: center;
+  cursor: pointer;
+  &::hover
+    background: #d5dbe7;
+  .icon
+    position absolute
+    top 0
+    bottom 0
+    left 0
+    right 0
+    margin auto
+    width 26px
+    height 26px
+    fill $accentColor
+.fade-enter-active,
+.fade-leave-active {
+  transition: all .5s;
+}
+.fade-enter,
+.fade-leave-to {
+  opacity: 0
+  transform translateY(120px)
+}
+</style>
--- a/packages/@vuepress-reco/vuepress-plugin-back-to-top/bin/enhanceAppFile.js
+++ b/packages/@vuepress-reco/vuepress-plugin-back-to-top/bin/enhanceAppFile.js
@ -0,0 +1,5 @@
+import BackToTop from './BackToTop.vue'
+
+export default ({ Vue }) => {
+  Vue.component('BackToTop', BackToTop)
+}
--- a/packages/@vuepress-reco/vuepress-plugin-back-to-top/images/demo.png
+++ b/packages/@vuepress-reco/vuepress-plugin-back-to-top/images/demo.png
--- a/packages/@vuepress-reco/vuepress-plugin-back-to-top/index.js
+++ b/packages/@vuepress-reco/vuepress-plugin-back-to-top/index.js
@ -0,0 +1,23 @@
+const { path } = require('@vuepress/shared-utils')
+
+module.exports = (options, context) => ({
+  define () {
+    const { customStyle, visibilityHeight } = options
+    return {
+      CUSTOM_STYLE: customStyle || {
+        right: '1rem',
+        bottom: '6rem',
+        width: '2.5rem',
+        height: '2.5rem',
+        'border-radius': '.25rem',
+        'line-height': '2.5rem'
+      },
+      VISIBILITY_HEIGHT: visibilityHeight || 400
+    }
+  },
+  name: '@vuepress-reco/vuepress-plugin-back-to-top',
+  enhanceAppFiles: [
+    path.resolve(__dirname, './bin/enhanceAppFile.js')
+  ],
+  globalUIComponents: 'BackToTop'
+})
--- a/packages/@vuepress-reco/vuepress-plugin-back-to-top/package.json
+++ b/packages/@vuepress-reco/vuepress-plugin-back-to-top/package.json
@ -0,0 +1,21 @@
+{
+  "name": "@vuepress-reco/vuepress-plugin-back-to-top",
+  "version": "1.0.8",
+  "description": "Back-to-top plugin for vuepress-theme-reco or other vuepress theme",
+  "keywords": [
+    "vuepress-theme-reco",
+    "backtotop",
+    "vuepress"
+  ],
+  "homepage": "https://vuepress-theme-reco.recoluan.com",
+  "bugs": {
+    "url": "https://github.com/vuepress-reco/vuepress-plugin-pagation/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuepress-reco/vuepress-plugin-pagation.git"
+  },
+  "license": "MIT",
+  "author": "reco_luan <recoluan@outlook.com>",
+  "main": "index.js"
+}
--- a/packages/@vuepress-reco/vuepress-plugin-comments/README.md
+++ b/packages/@vuepress-reco/vuepress-plugin-comments/README.md
@ -0,0 +1,118 @@
+# @vuepress-reco/vuepress-plugin-comments
+
+## Introduce
+
+Comments plugin for vuepress-theme-reco or other vuepress theme.
+
+### Name
+
+- **As plugin**: `@vuepress-reco/vuepress-plugin-comments`
+- **As component**: `Comments (评论)` / `AccessNumber (使用 Valine 时的访问量)`（主题开发时使用）
+
+## Option API
+
+组件会在 `$themeConfig` 注入一个参数 `commentsSolution`，如果使用 `Valine`，其值为 `valine`，如果使用 `Vssue`，其值为 `vssue`，可以使用这个参数来主题中做差异化处理，比如是否显示阅读数量。
+
+### Valine
+
+---
+
+```javscript
+module.exports = {
+  theme: 'reco',
+  themeConfig: {
+    valineConfig: {
+      appId: '...',// your appId
+      appKey: '...', // your appKey
+    }
+  }  
+}
+```
+
+或者：
+
+```javscript
+module.exports = {
+  theme: 'reco',
+  plugins: [['@vuepress-reco/comments', {
+    solution: 'valine',
+    options: {
+      appId: '...',// your appId
+      appKey: '...', // your appKey
+    }
+  }]] 
+}
+```
+
+### Vssue
+
+---
+
+```javscript
+module.exports = {
+  theme: 'reco',
+  themeConfig: {
+    vssueConfig: {
+      platform: 'github',
+      owner: 'OWNER_OF_REPO',
+      repo: 'NAME_OF_REPO',
+      clientId: 'YOUR_CLIENT_ID',
+      clientSecret: 'YOUR_CLIENT_SECRET',
+    }
+  }  
+}
+```
+
+或者：
+
+```javscript
+module.exports = {
+  theme: 'reco',
+  plugins: [['@vuepress-reco/comments', {
+    solution: 'vuess',
+    options: {
+      platform: 'github',
+      owner: 'OWNER_OF_REPO',
+      repo: 'NAME_OF_REPO',
+      clientId: 'YOUR_CLIENT_ID',
+      clientSecret: 'YOUR_CLIENT_SECRET',
+    }
+  }]] 
+}
+```
+
+**`options` 详解：**
+- platform: 支持的代码托管平台
+- owner: 对应 `repository` 的拥有者帐号或者团队
+- repo: 用来存储评论的 repository
+- clientId: `OAuth App` 的 `client id`
+- clientSecret: `OAuth App` 的 `client secret`（只有在使用某些平台时需要）
+
+**`platform` 详解（点击查看[支持的代码托管平台](https://vssue.js.org/zh/guide/supported-platforms.html)）：**
+- github: `@vssue/api-github-v3`
+- github-v4: `@vssue/api-github-v4`
+- gitlab: `@vssue/api-gitlab-v4`
+- bitbucket: `@vssue/api-bitbucket-v2`
+- gitee: `@vssue/api-gitee-v5`
+- 
+
+### AccessNumber
+
+> 仅在 使用 `Valine` 时才有效。
+
+
+#### idVal
+
+- description: valine 记录浏览数的 id 值
+- type: `String`
+
+#### numStyle
+
+- description: 浏览量的数字样式（用于调整不同位置的显示风格）
+- type: `Object`
+
+#### flagTitle
+
+- description: 文章标题
+- type: `String`
+
--- a/packages/@vuepress-reco/vuepress-plugin-comments/bin/AccessNumber.vue
+++ b/packages/@vuepress-reco/vuepress-plugin-comments/bin/AccessNumber.vue
@ -0,0 +1,24 @@
+<template>
+  <span v-if="$themeConfig.valineConfig && $themeConfig.valineConfig.visitor != false" :id="getIdVal(idVal)" class="leancloud-visitors" :data-flag-title="flagTitle">
+    <a class="leancloud-visitors-count" :style="numStyle"></a>
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    idVal: String,
+    numStyle: Object,
+    flagTitle: {
+      type: String,
+      default: 'Your Article Title'
+    }
+  },
+  methods: {
+    getIdVal (path) {
+      const base = this.$site.base
+      return base.slice(0, base.length - 1) + path
+    }
+  }
+}
+</script>
--- a/packages/@vuepress-reco/vuepress-plugin-comments/bin/Comments.vue
+++ b/packages/@vuepress-reco/vuepress-plugin-comments/bin/Comments.vue
@ -0,0 +1,69 @@
+<template>
+  <div
+    class="comments-wrapper"
+    v-show="isShowComments">
+    <component
+      :is="componentName"
+      :options="options" />
+  </div>
+</template>
+
+<script>
+import Valine from './Valine.vue'
+import Vssue from './Vssue.vue'
+export default {
+  components: { Valine, Vssue },
+  props: {
+    isShowComments: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data () {
+    return {
+      // eslint-disable-next-line no-undef
+      commentsOptions: COMMENTS_OPTIONS
+    }
+  },
+  computed: {
+    solution () {
+      const {
+        commentsOptions: { solution: slt },
+        $themeConfig: { valineConfig, vssueConfig }
+      } = this
+
+      let solution = ''
+      if (slt !== undefined) {
+        solution = slt
+      } else if (valineConfig !== undefined) {
+        solution = 'valine'
+      } else if (vssueConfig !== undefined) {
+        solution = 'vssue'
+      }
+      return solution
+    },
+    options () {
+      const {
+        commentsOptions: { options: opt },
+        $themeConfig: { valineConfig, vssueConfig }
+      } = this
+
+      if (opt !== undefined) {
+        return opt
+      } else if (valineConfig !== undefined) {
+        return valineConfig
+      } else if (vssueConfig !== undefined) {
+        return vssueConfig
+      }
+      return null
+    },
+    componentName () {
+      const solution = this.solution
+      return solution === 'valine' ? 'Valine' : solution === 'vssue' ? 'Vssue' : ''
+    }
+  },
+  mounted () {
+    this.$themeConfig.commentsSolution = this.solution
+  }
+}
+</script>
--- a/packages/@vuepress-reco/vuepress-plugin-comments/bin/Valine.vue
+++ b/packages/@vuepress-reco/vuepress-plugin-comments/bin/Valine.vue
@ -0,0 +1,140 @@
+<template>
+  <div class="valine-wrapper">
+    <div id="valine"></div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'Valine',
+  props: {
+    options: {
+      type: Object,
+      default () {
+        return {}
+      }
+    }
+  },
+  mounted: function () {
+    this.initValine()
+  },
+  methods: {
+    initValine () {
+      const Valine = require('valine')
+      const AV = require('leancloud-storage')
+      const valineOptions = {
+        el: '#valine',
+        placeholder: 'just go go',
+        notify: false,
+        verify: false,
+        avatar: 'retro',
+        visitor: true,
+        recordIP: false,
+        path: window.location.pathname,
+        ...this.options
+      }
+
+      if (typeof window !== 'undefined') {
+        this.window = window
+        window.AV = AV
+      }
+
+      new Valine(valineOptions)
+    }
+  },
+  watch: {
+    '$route' (to, from) {
+      if (to.path !== from.path) {
+        // 切换页面时刷新评论
+        // this.$router.go(0)
+        setTimeout(() => {
+          this.initValine()
+        }, 300)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.valine-wrapper
+  #valine.v
+    .vbtn
+      color: #2c3e50
+      color: var(--text-color)
+      border: 1px solid #eaecef
+      border-color var(--border-color)
+      &:hover
+        color: $accentColor
+        border-color: $accentColor
+    .vwrap
+      background: rgba(27, 31, 35, 0.05)
+      background: var(--code-color)
+      border: 1px dashed #eaecef
+      border-color var(--border-color)
+      .vcontrol .vsubmit
+        background: rgba(27, 31, 35, 0.05)
+        background: var(--code-color)
+      .vheader .vinput
+        border-bottom: 1px dashed var(--border-color)
+        &:-internal-autofill-selected
+          background-color: var(--code-color) !important;
+    .vinfo
+      padding-left: .6rem
+    .vlist
+      padding: 0 .6rem
+      border-radius: .25rem
+      .vcard
+        .vquote
+          margin-left: 0
+          border-left: none
+        .vimg
+          width: 2.8rem;
+          height: 2.8rem;
+          border-radius: .25rem
+          border: none
+      .vh
+        border-bottom: none
+        .vhead .vsys
+          color: $accentColor
+          color: var(--text-color)
+          background: rgba(27, 31, 35, 0.05)
+          background: var(--code-color)
+        .vmeta
+          margin-bottom: 1rem
+          .vat
+            margin-right: .3rem
+            background: rgba(27, 31, 35, 0.05)
+            background: var(--code-color)
+            border-radius: .25rem
+            padding: 0 .4rem
+            color: var(--text-color)
+            border: 1px solid #eaecef
+            border-color var(--border-color)
+            &:hover
+              color: $accentColor
+              border-color: $accentColor
+        .vcontent
+          background: rgba(27, 31, 35, 0.05)
+          background: var(--code-color)
+          border-radius: .25rem
+          margin: 0 .3rem
+          padding: .1rem .6rem .05rem .6rem
+          p .at
+            color: #1abc9c
+          &.expand:before
+            z-index 1
+            background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff)
+            background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--background-color))
+          &.expand:after
+            color: $accentColor
+            color: var(--text-color)
+            background: #fff
+            background: var(--background-color)
+    .info
+      padding-right: .6rem
+    code, pre, .vbtn
+      background var(--background-color)
+      color var(--text-color)
+</style>
--- a/packages/@vuepress-reco/vuepress-plugin-comments/bin/Vssue.vue
+++ b/packages/@vuepress-reco/vuepress-plugin-comments/bin/Vssue.vue
@ -0,0 +1,98 @@
+<template>
+  <VssueComponent
+    class="vssue-wrapper"
+    :key="key"
+    :options="vssueOptions"
+  />
+</template>
+
+<script>
+import { VssueComponent } from 'vssue'
+import GithubV3 from '@vssue/api-github-v3'
+import GithubV4 from '@vssue/api-github-v4'
+import GitlabV3 from '@vssue/api-gitlab-v4'
+import BitbucketV2 from '@vssue/api-bitbucket-v2'
+import GiteeV5 from '@vssue/api-gitee-v5'
+import 'vssue/dist/vssue.css'
+
+export default {
+  name: 'Vssue',
+  components: { VssueComponent },
+  props: {
+    options: {
+      type: Object,
+      default () {
+        return {}
+      }
+    }
+  },
+  data () {
+    return {
+      key: 'key',
+      platformOptions: {
+        'github': GithubV3,
+        'github-v4': GithubV4,
+        'gitlab': GitlabV3,
+        'bitbucket': BitbucketV2,
+        'gitee': GiteeV5
+      }
+    }
+  },
+  computed: {
+    vssueOptions () {
+      const { platformOptions, options } = this
+      const platform = platformOptions[options.platform]
+      return { ...options, api: platform }
+    }
+  },
+  watch: {
+    '$route' (to, from) {
+      if (to.path !== from.path) {
+        // 切换页面时刷新评论
+        setTimeout(() => {
+          this.key = `reco-${new Date().getTime()}`
+        }, 300)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.vssue-wrapper.vssue
+  color: #2c3e50
+  color: var(--text-color)
+  .vssue-new-comment
+    border-bottom: 1px solid #eaecef;
+    border-bottom: 1px solid var(--border-color);
+    .vssue-new-comment-input:disabled
+      background-color: #fff;
+      background-color: var(--background-color);
+      border: 1px solid #eaecef;
+      border: 1px solid var(--border-color);
+    .vssue-new-comment-footer .vssue-current-user
+      color: #2c3e50
+      color: var(--text-color)
+  .vssue-header
+    border-bottom: 1px solid #eaecef;
+    border-bottom: 1px solid var(--border-color);
+  .vssue-comments
+    .vssue-pagination
+      .vssue-pagination-per-page
+        .vssue-pagination-select
+          color var(--text-color)
+    .vssue-comment
+      .vssue-comment-body
+        .vssue-comment-header, .vssue-comment-main, .vssue-comment-footer
+          border none
+        .vssue-comment-main, .vssue-comment-footer
+          background var(--code-color)
+        .vssue-comment-footer
+          border-top 2px solid var(--background-color)
+      .vssue-comment-avatar img
+        width 2.8rem
+        height 2.8rem
+        border-radius $borderRadius
+  .markdown-body
+    color var(--text-color)
+</style>
--- a/packages/@vuepress-reco/vuepress-plugin-comments/bin/enhanceAppFile.js
+++ b/packages/@vuepress-reco/vuepress-plugin-comments/bin/enhanceAppFile.js
@ -0,0 +1,7 @@
+import Comments from './Comments.vue'
+import AccessNumber from './AccessNumber.vue'
+
+export default ({ Vue }) => {
+  Vue.component('Comments', Comments)
+  Vue.component('AccessNumber', AccessNumber)
+}
--- a/packages/@vuepress-reco/vuepress-plugin-comments/index.js
+++ b/packages/@vuepress-reco/vuepress-plugin-comments/index.js
@ -0,0 +1,13 @@
+const { path } = require('@vuepress/shared-utils')
+
+module.exports = (options, context) => ({
+  define () {
+    return {
+      COMMENTS_OPTIONS: options || null
+    }
+  },
+  name: '@vuepress-reco/vuepress-plugin-comments',
+  enhanceAppFiles: [
+    path.resolve(__dirname, './bin/enhanceAppFile.js')
+  ]
+})
--- a/packages/@vuepress-reco/vuepress-plugin-comments/package.json
+++ b/packages/@vuepress-reco/vuepress-plugin-comments/package.json
@ -0,0 +1,31 @@
+{
+  "name": "@vuepress-reco/vuepress-plugin-comments",
+  "version": "1.0.14",
+  "description": "Comments plugin for vuepress-theme-reco or other vuepress theme",
+  "keywords": [
+    "vuepress-theme-reco",
+    "comments",
+    "vuepress"
+  ],
+  "homepage": "https://vuepress-theme-reco.recoluan.com",
+  "bugs": {
+    "url": "https://github.com/vuepress-reco/vuepress-theme-reco/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuepress-reco/vuepress-theme-reco.git"
+  },
+  "license": "MIT",
+  "author": "reco_luan <recoluan@outlook.com>",
+  "main": "index.js",
+  "dependencies": {
+    "@vssue/api-bitbucket-v2": "^1.1.1",
+    "@vssue/api-gitee-v5": "^1.1.1",
+    "@vssue/api-github-v3": "^1.1.2",
+    "@vssue/api-github-v4": "^1.2.0",
+    "@vssue/api-gitlab-v4": "^1.1.1",
+    "leancloud-storage": "^3.13.2",
+    "valine": "^1.3.6",
+    "vssue": "^1.2.2"
+  }
+}
--- a/packages/@vuepress-reco/vuepress-plugin-loading/tests/vuepress-plugin-loading.test.js
+++ b/packages/@vuepress-reco/vuepress-plugin-loading/tests/vuepress-plugin-loading.test.js
@ -1,7 +0,0 @@
-'use strict';
-
-const vuepressPluginLoading = require('..');
-
-describe('@vuepress-reco/vuepress-plugin-loading', () => {
-    it('needs tests');
-});
--- a/packages/@vuepress-reco/vuepress-plugin-loading/lib/vuepress-plugin-loading.js
+++ b/packages/@vuepress-reco/vuepress-plugin-loading/lib/vuepress-plugin-loading.js
@ -1,7 +0,0 @@
-'use strict';
-
-module.exports = vuepressPluginLoading;
-
-function vuepressPluginLoading() {
-    // TODO
-}
--- a/packages/@vuepress-reco/vuepress-plugin-loading/package.json
+++ b/packages/@vuepress-reco/vuepress-plugin-loading/package.json
@ -2,21 +2,21 @@
  "name": "@vuepress-reco/vuepress-plugin-loading-page",
  "version": "1.4.0-alpha.3",
  "description": "Loading page plugin for vuepress-theme-reco or other vuepress theme",
-  "main": "index.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vuepress-reco/vuepress-plugin-loading-page.git"
-  },
  "keywords": [
    "vuepress-theme-reco",
    "loading-page",
    "vuepress"
  ],
-  "author": "reco_luan <recoluan@outlook.com>",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/vuepress-reco/vuepress-plugin-loading-page/issues"
-  },
  "homepage": "https://vuepress-theme-reco.recoluan.com",
+  "bugs": {
+    "url": "https://github.com/vuepress-reco/vuepress-theme-reco/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuepress-reco/vuepress-theme-reco.git"
+  },
+  "license": "MIT",
+  "author": "reco_luan <recoluan@outlook.com>",
+  "main": "index.js",
  "gitHead": "c3a1db8487bece9341b6269a0f6ebf910cd5462a"
 }
--- a/packages/@vuepress-reco/vuepress-plugin-pagation/README.md
+++ b/packages/@vuepress-reco/vuepress-plugin-pagation/README.md
@ -0,0 +1,31 @@
+# @vuepress-reco/vuepress-plugin-pagation
+
+![demo.png](./images/demo.png)
+
+## Details
+
+> Pagation plugin for vuepress-theme-reco or other vuepress theme.
+
+|使用位置|值|
+|-|-|
+|plugin name|@vuepress-reco/vuepress-plugin-pagation|
+|component name|Pagation（主题开发时使用）|
+
+## Options
+
+> 主题开发过程中作为组件使用，以下为组件的参数（不是插件注入时的参数）。
+
+**Attributes**
+
+|参数|说明|类型|默认值|可选值|
+|-|-|-|-|-|
+|total|数据总数量|number|10|-|
+|perPage|每页多少条|number|10|-|
+|currentPage|当前是第几页|number|1|-|
+
+**Events**
+
+|事件名称|说明|回调参数|
+|-|-|-|
+|getCurrentPage|获取当前是第几页|currentPage: 当前页码|
+
--- a/packages/@vuepress-reco/vuepress-plugin-pagation/bin/Pagation.vue
+++ b/packages/@vuepress-reco/vuepress-plugin-pagation/bin/Pagation.vue
@ -0,0 +1,183 @@
+<template>
+  <div class="pagation" v-show="show">
+    <div class="pagation-list">
+      <span
+        class="jump"
+        v-show="currentPage > 1"
+        @click="goPrev"
+        unselectable="on">Prev</span>
+      <span
+        v-show="efont"
+        class="jump"
+        @click="jumpPage(1)">1</span>
+      <span
+        class="ellipsis"
+        v-show="efont">...</span>
+      <span
+        class="jump"
+        v-for="num in indexs"
+        :key="num"
+        :class="{bgprimary:currentPage==num}"
+        @click="jumpPage(num)">{{num}}</span>
+      <span
+        class="ellipsis"
+        v-show="efont&&currentPage<pages-4">...</span>
+      <span
+        v-show="efont&&currentPage<pages-4"
+        class="jump"
+        @click="jumpPage(pages)">{{pages}}</span>
+      <span
+        class="jump"
+        v-show="currentPage < pages"
+        @click="goNext">Next</span>
+      <span class="jumppoint">跳转到：</span>
+      <span class="jumpinp">
+        <input type="text" v-model="changePage">
+      </span>
+      <span
+        class="jump gobtn"
+        @click="jumpPage(changePage)">GO</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      changePage: '' // 跳转页
+    }
+  },
+  props: {
+    total: {
+      type: Number,
+      default: 10
+    },
+    perPage: {
+      type: Number,
+      default: 10
+    },
+    currentPage: {
+      type: Number,
+      default: 1
+    }
+  },
+  computed: {
+    pages () {
+      return Math.ceil(this.total / this.perPage)
+    },
+    show: function () {
+      return this.pages && this.pages != 1
+    },
+    efont: function () {
+      if (this.pages <= 7) return false
+      return this.currentPage > 5
+    },
+    indexs: function () {
+      var left = 1
+      var right = this.pages
+      var ar = []
+      if (this.pages >= 7) {
+        if (this.currentPage > 5 && this.currentPage < this.pages - 4) {
+          left = Number(this.currentPage) - 3
+          right = Number(this.currentPage) + 3
+        } else {
+          if (this.currentPage <= 5) {
+            left = 1
+            right = 7
+          } else {
+            right = this.pages
+
+            left = this.pages - 6
+          }
+        }
+      }
+      while (left <= right) {
+        ar.push(left)
+        left++
+      }
+      return ar
+    }
+  },
+  methods: {
+    goPrev () {
+      let currentPage = this.currentPage
+      if (this.currentPage > 1) {
+        this.emit(--currentPage)
+      }
+    },
+    goNext () {
+      let currentPage = this.currentPage
+      if (currentPage < this.pages) {
+        this.emit(++currentPage)
+      }
+    },
+    jumpPage: function (id) {
+      const numId = parseInt(id)
+
+      if (numId <= this.pages && numId > 0) {
+        this.emit(numId)
+        return
+      }
+      alert(`请输入大于0，并且小于${this.pages}的页码！`)
+    },
+    emit (id) {
+      this.$emit('getCurrentPage', id)
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+
+.pagation
+  font-weight: 700;
+  text-align: center;
+  color: #888;
+  color: var(--text-color)
+  margin: 20px auto 0;
+  background: #f2f2f2;
+  background: var(--background-color);
+  .pagation-list
+    font-size: 0;
+    line-height: 50px;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    span
+      font-size: 14px;
+      &.jump, &.jumpinp input
+        box-shadow: var(--box-shadow)
+        border 1px solid var(--border-color)!important
+        border: 1px solid #ccc;
+      &.jump
+        padding: 5px 8px;
+        -webkit-border-radius: 4px;
+        -moz-border-radius: 4px;
+        border-radius: 4px;
+        cursor: pointer;
+        margin-left: 5px;
+      &.jumpinp
+        input
+          width: 55px;
+          height: 26px;
+          background-color: var(--background-color)
+          font-size: 13px;
+          -webkit-border-radius: 4px;
+          -moz-border-radius: 4px;
+          border-radius: 4px;
+          text-align: center;
+          outline none
+      &.bgprimary
+        cursor: default;
+        color: #fff;
+        background: $accentColor;
+        border-color: $accentColor;
+      &.ellipsis
+        padding: 0px 8px;
+      &.jumppoint
+        margin-left: 30px;
+</style>
--- a/packages/@vuepress-reco/vuepress-plugin-pagation/bin/enhanceAppFile.js
+++ b/packages/@vuepress-reco/vuepress-plugin-pagation/bin/enhanceAppFile.js
@ -0,0 +1,5 @@
+import Pagation from './Pagation.vue'
+
+export default ({ Vue }) => {
+  Vue.component('Pagation', Pagation)
+}
--- a/packages/@vuepress-reco/vuepress-plugin-pagation/images/demo.png
+++ b/packages/@vuepress-reco/vuepress-plugin-pagation/images/demo.png
--- a/packages/@vuepress-reco/vuepress-plugin-pagation/index.js
+++ b/packages/@vuepress-reco/vuepress-plugin-pagation/index.js
@ -0,0 +1,8 @@
+const { path } = require('@vuepress/shared-utils')
+
+module.exports = (options, context) => ({
+  name: '@vuepress-reco/vuepress-plugin-pagation',
+  enhanceAppFiles: [
+    path.resolve(__dirname, './bin/enhanceAppFile.js')
+  ]
+})
--- a/packages/@vuepress-reco/vuepress-plugin-pagation/package.json
+++ b/packages/@vuepress-reco/vuepress-plugin-pagation/package.json
@ -0,0 +1,21 @@
+{
+  "name": "@vuepress-reco/vuepress-plugin-pagation",
+  "version": "1.0.6",
+  "description": "Pagation plugin for vuepress-theme-reco or other vuepress theme",
+  "keywords": [
+    "vuepress-theme-reco",
+    "pagation",
+    "vuepress"
+  ],
+  "homepage": "https://vuepress-theme-reco.recoluan.com",
+  "bugs": {
+    "url": "https://github.com/vuepress-reco/vuepress-theme-reco/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuepress-reco/vuepress-theme-reco.git"
+  },
+  "license": "MIT",
+  "author": "reco_luan <recoluan@outlook.com>",
+  "main": "index.js"
+}
--- a/packages/vuepress-theme-reco/tests/vuepress-theme-reco.test.js
+++ b/packages/vuepress-theme-reco/tests/vuepress-theme-reco.test.js
@ -1,7 +0,0 @@
-'use strict';
-
-const vuepressThemeReco = require('..');
-
-describe('vuepress-theme-reco', () => {
-    it('needs tests');
-});
--- a/packages/vuepress-theme-reco/lib/vuepress-theme-reco.js
+++ b/packages/vuepress-theme-reco/lib/vuepress-theme-reco.js
@ -1,7 +1,7 @@
-'use strict';
+'use strict'

-module.exports = vuepressThemeReco;
+module.exports = vuepressThemeReco

-function vuepressThemeReco() {
-    // TODO
+function vuepressThemeReco () {
+  // TODO
 }
--- a/scripts/deploy.sh
+++ b/scripts/deploy.sh
@ -0,0 +1,12 @@
+npm run build
+
+cd public
+
+git init
+git add -A
+git commit -m 'deploy'
+
+git push -f git@git.coding.net:recoluan/work.git master
+
+cd ../
+rm -rf public
--- a/yarn.lock
+++ b/yarn.lock