Merge pull request rsuite#14 from hiyangguo/master

update:README.md

Author: simonguo

README.md

@@ -1,21 +1,14 @@
-English | [中文版](https://github.com/rsuite/rsuite/blob/master/README_zh.md)
+English | [中文版][readm-cn]
 
 
 <p align="center">
   <a href="https://rsuitejs.com" target="_blank" rel="noopener noreferrer">
-   <img width="100" src="https://user-images.githubusercontent.com/1203827/39026518-277950c4-4480-11e8-8109-42fbb0f2f7b5.png" alt="RSUITE logo">
+   <img height="100" src="https://user-images.githubusercontent.com/15609339/39298633-53826e50-4979-11e8-99fa-fac162d0830e.png" alt="RSUITE logo">
   </a>
 </p>
 
 
-# RSUITE 
-
-[![npm](https://badge.fury.io/js/rsuite.svg)](https://www.npmjs.com/package/rsuite)
-[![Travis](https://travis-ci.org/rsuite/rsuite.svg?branch=master)](https://travis-ci.org/rsuite/rsuite)
-[![Coverage Status](https://coveralls.io/repos/github/rsuite/rsuite/badge.svg?branch=next)](https://coveralls.io/github/rsuite/rsuite?branch=next)
-
-[![Discord](https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg)](https://discord.gg/GmPXTH3)
-
+[![npm][npm-svg]][npm-home] [![Travis][travis-svg]][travis-home] [![Coverage Status][coverage-svg]][travis-home] [![Discord][discord-svg]][discord-invite]
 
 RSUITE (React Suite) is a set of react component libraries for enterprise system products. Built by HYPERS front-end team and UX team, mainly serving company's big data products.
 
@@ -27,17 +20,17 @@ After three major revisions, a large number of components and rich functionality
 | ---- | ---- | ------- | ------ | ------ |
 | >=10 | >=14 | >= 45   | >= 49  | >= 10  |
 
- - IE<=9 is no longer supported since RSUITE 3.0. 
+ - IE<=9 is no longer supported since RSUITE 3.0.
  - RSUITE is designed and implemented for use on modern desktop browsers rather than mobile browsers.
 
 ### UI Design
 
-RSUITE Design Prototype and specification, click to [view](https://rsuitejs.com/design/index.html)
+RSUITE Design Prototype and specification, click to [view][rsuite-design]
 
 
 ## Installation
 
-RSUITE is available as an [npm package](https://www.npmjs.com/package/rsuite).
+RSUITE is available as an [npm package][npm-home].
 
 ```bash
 npm i rsuite --save
@@ -61,41 +54,64 @@ import '~rsuite/lib/less/index.less';
 ReactDOM.render(<Button>Button</Button>, mountNode);
 ```
 
-[**Live preview on CodeSandbox**](https://codesandbox.io/s/mo7jxvr9x9?from-embed)
+[**Live preview on CodeSandbox**][live-preview-on-codesandbox]
 
 ### Documentaion
 
-You can go through [full documentation](https://rsuitejs.com/guide/introduction) or start with following sections
+You can go through [full documentation][rsuite-doc-guide] or start with following sections
 
-* [Quick start](https://rsuitejs.com/guide/usage)
-* [Customizing themes](https://rsuitejs.com/guide/themes)
-* [Internationalization](https://rsuitejs.com/guide/intl)
-* [Components](https://rsuitejs.com/components/overview)
+* [Quick start][rsuite-doc-guide]
+* [Customizing themes][rsuite-doc-guide-themes]
+* [Internationalization][rsuite-doc-guide-intl]
+* [Components][rsuite-components-overview]
 
 
 ## Changelog
 
-Detailed changes for each release are documented in the [release notes](https://github.com/rsuite/rsuite/releases).
+Detailed changes for each release are documented in the [release notes][release-notes].
 
 
 ## Contribution
 
-Make sure you've read the [guidelines](https://github.com/rsuite/rsuite/blob/master/CONTRIBUTING.md) before you start contributing.
+Make sure you've read the [guidelines][contributing] before you start contributing.
 
-Editor preferences are available in the [.prettierrc](https://github.com/rsuite/rsuite/wiki/.prettierrc) for easy use in common code editors. Read more and download plugins at https://prettier.io/.
+Editor preferences are available in the [.prettierrc][prettierrc] for easy use in common code editors. Read more and download plugins at https://prettier.io/.
 
 
 ## Supporting RSUITE
 
 If you like RSUITE, you can show your support by either
 
 - Starring this repo
-- [Leaving a comment here](https://github.com/rsuite/rsuite/issues/11) if you are using RSUITE in your project (like we do :smile:)
-- Becomiong a backer on OpenCollective
+- [Leaving a comment here][issues-11] if you are using RSUITE in your project (like we do :smile:)
+- [Becomiong a backer][opencollective-home] on OpenCollective
 
-[<img src="https://opencollective.com/rsuite/tiers/backer.svg?avatarHeight=36">](https://opencollective.com/rsuite)
+[![opencollective-now][opencollective-svg]][opencollective-home]
 
 
 ## License
 
-RSUITE is [MIT licensed](https://github.com/rsuite/rsuite/blob/master/LICENSE). Copyright (c) 2016-present, HYPERS
+RSUITE is [MIT licensed][LICENSE]. Copyright (c) 2016-present, HYPERS.
+
+[readm-cn]:https://github.com/rsuite/rsuite/blob/master/README_zh.md
+[npm-svg]:https://badge.fury.io/js/rsuite.svg
+[npm-home]:https://www.npmjs.com/package/rsuite
+[travis-svg]:https://travis-ci.org/rsuite/rsuite.svg?branch=master
+[travis-home]:https://travis-ci.org/rsuite/rsuite
+[coverage-svg]:https://coveralls.io/repos/github/rsuite/rsuite/badge.svg?branch=master
+[travis-home]:https://coveralls.io/github/rsuite/rsuite?branch=master
+[discord-svg]:https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg
+[discord-invite]:https://discord.gg/GmPXTH3
+[rsuite-design]:https://rsuitejs.com/design/index.html
+[live-preview-on-codesandbox]:https://codesandbox.io/s/mo7jxvr9x9?from-embed
+[rsuite-doc-guide]:https://rsuitejs.com/guide/introduction
+[rsuite-doc-guide-themes]:https://rsuitejs.com/guide/themes
+[rsuite-doc-guide-intl]:https://rsuitejs.com/guide/intl
+[rsuite-components-overview]:https://rsuitejs.com/components/overview
+[release-notes]:https://github.com/rsuite/rsuite/releases
+[contributing]:https://github.com/rsuite/rsuite/blob/master/CONTRIBUTING.md
+[prettierrc]:https://github.com/rsuite/rsuite/wiki/.prettierrc
+[issues-11]:https://github.com/rsuite/rsuite/issues/11
+[opencollective-svg]:https://opencollective.com/rsuite/tiers/backer.svg?avatarHeight=36
+[opencollective-home]:https://opencollective.com/rsuite
+[LICENSE]:https://github.com/rsuite/rsuite/blob/master/LICENSE

README_zh.md

@@ -1,20 +1,14 @@
-[English](https://github.com/rsuite/rsuite/blob/master/README_zh.md) | 中文版
+[English][readm-en] | 中文版
 
 
 <p align="center">
   <a href="https://rsuitejs.com" target="_blank" rel="noopener noreferrer">
-   <img width="100" src="https://user-images.githubusercontent.com/1203827/39026518-277950c4-4480-11e8-8109-42fbb0f2f7b5.png" alt="RSUITE logo">
+   <img height="100" src="https://user-images.githubusercontent.com/15609339/39298633-53826e50-4979-11e8-99fa-fac162d0830e.png" alt="RSUITE logo">
   </a>
 </p>
 
 
-# RSUITE
-
-[![npm](https://badge.fury.io/js/rsuite.svg)](https://www.npmjs.com/package/rsuite)
-[![Travis](https://travis-ci.org/rsuite/rsuite.svg?branch=master)](https://travis-ci.org/rsuite/rsuite)
-[![Coverage Status](https://coveralls.io/repos/github/rsuite/rsuite/badge.svg?branch=next)](https://coveralls.io/github/rsuite/rsuite?branch=next)
-
-[![Discord](https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg)](https://discord.gg/GmPXTH3)
+[![npm][npm-svg]][npm-home] [![Travis][travis-svg]][travis-home] [![Coverage Status][coverage-svg]][travis-home] [![Discord][discord-svg]][discord-invite]
 
 RSUITE（React Suite 的简写）是一套 React 组件库，为后台产品而生。由 HYPERS 前端团队与 UX 团队打造，主要服务于公司大数据产品线。经历了三次大的版本更新后，累积了大量的组件和丰富的功能。
 
@@ -29,12 +23,12 @@ RSUITE（React Suite 的简写）是一套 React 组件库，为后台产品而
 
 ### UI Design
 
-RSUITE 设计原型与规范, [点击查看](https://rsuitejs.com/design/index.html)
+RSUITE 设计原型与规范, [点击查看][rsuite-design]
 
 
 ## 安装
 
-RSUITE 可通过 [npm](https://www.npmjs.com/package/rsuite) 安装.
+RSUITE 可通过 [npm][npm-home] 安装.
 
 ```bash
 npm i rsuite --save
@@ -53,41 +47,64 @@ import '~rsuite/lib/less/index.less';
 ReactDOM.render(<Button>Button</Button>, mountNode);
 ```
 
-你可以在 [CodeSandbox](https://codesandbox.io/s/mo7jxvr9x9?from-embed) 上查看该示例。
+你可以在 [CodeSandbox][live-preview-on-codesandbox] 上查看该示例。
 
 ### 文档
 
-你可以阅读[完整文档](https://rsuitejs.com/guide/introduction)，或者从下面几个章节开始学习
+你可以阅读[完整文档][rsuite-doc-guide]，或者从下面几个章节开始学习
 
-* [如何使用？](https://rsuitejs.com/guide/usage)
-* [自定义主题](https://rsuitejs.com/guide/themes)
-* [国际化](https://rsuitejs.com/guide/intl)
-* [组件](https://rsuitejs.com/components/overview)
+* [如何使用？][rsuite-doc-guide]
+* [自定义主题][rsuite-doc-guide-themes]
+* [国际化][rsuite-doc-guide-intl]
+* [组件][rsuite-components-overview]
 
 
 ## 更新日志
 
-详见 [Release Notes](https://github.com/rsuite/rsuite/releases)
+详见 [Release Notes][release-notes]
 
 
 ## 贡献
 
-请阅读[贡献指南](https://github.com/rsuite/rsuite/blob/master/CONTRIBUTING.zh-CN.md)。
+请阅读[贡献指南][contributing]。
 
-编辑器的配置参考 [.prettierrc](https://github.com/rsuite/rsuite/wiki/.prettierrc)， 下载编辑的插件 https://prettier.io/。
+编辑器的配置参考 [.prettierrc][prettierrc]， 下载编辑的插件 https://prettier.io/。
 
 
 ## 支持 RSUITE
 
 如果你喜欢 RSUITE，可以通过以下方式支持我们
 
 - Star 这个项目
-- 如果你在你的项目中使用了 RSUITE，欢迎在这里[留言](https://github.com/rsuite/rsuite/issues/11)！
+- 如果你在你的项目中使用了 RSUITE，欢迎在这里[留言][issues-11]！
 - 在 [OpenCollective](https://opencollective.com/rsuite#) 上赞助我们
 
-[<img src="https://opencollective.com/rsuite/tiers/backer.svg?avatarHeight=36">](https://opencollective.com/rsuite)
+[![opencollective-now][opencollective-svg]][opencollective-home]
 
 
 ## License
 
-RSUITE 基于 [MIT license](https://github.com/rsuite/rsuite/blob/master/LICENSE) 发布。
+RSUITE 基于 [MIT licensed][LICENSE] 发布。
+
+[readm-en]:https://github.com/rsuite/rsuite/blob/master/README.md
+[npm-svg]:https://badge.fury.io/js/rsuite.svg
+[npm-home]:https://www.npmjs.com/package/rsuite
+[travis-svg]:https://travis-ci.org/rsuite/rsuite.svg?branch=master
+[travis-home]:https://travis-ci.org/rsuite/rsuite
+[coverage-svg]:https://coveralls.io/repos/github/rsuite/rsuite/badge.svg?branch=master
+[travis-home]:https://coveralls.io/github/rsuite/rsuite?branch=master
+[discord-svg]:https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg
+[discord-invite]:https://discord.gg/GmPXTH3
+[rsuite-design]:https://rsuitejs.com/design/index.html
+[live-preview-on-codesandbox]:https://codesandbox.io/s/mo7jxvr9x9?from-embed
+[rsuite-doc-guide]:https://rsuitejs.com/guide/introduction
+[rsuite-doc-guide-themes]:https://rsuitejs.com/guide/themes
+[rsuite-doc-guide-intl]:https://rsuitejs.com/guide/intl
+[rsuite-components-overview]:https://rsuitejs.com/components/overview
+[release-notes]:https://github.com/rsuite/rsuite/releases
+[contributing]:https://github.com/rsuite/rsuite/blob/master/CONTRIBUTING.zh-CN.md
+[prettierrc]:https://github.com/rsuite/rsuite/wiki/.prettierrc
+[issues-11]:https://github.com/rsuite/rsuite/issues/11
+[opencollective-svg]:https://opencollective.com/rsuite/tiers/backer.svg?avatarHeight=36
+[opencollective-home]:https://opencollective.com/rsuite
+[LICENSE]:https://github.com/rsuite/rsuite/blob/master/LICENSE