add weibo share component

remove original weibo share tool

optimize share weibo

Author: ioslh

_theme/template/Header.js

@@ -2,6 +2,17 @@ import React from 'react';
 import { Link } from 'react-router';
 import { Icon } from 'antd';
 
+const shareIt = () => {
+  const curPage = window.encodeURIComponent(window.location.href);
+  let text = `react-amap 是一个基于 React 封装的高德地图组件；帮助你轻松的接入地图到 React 项目中。除了必须引用的 Map 组件外，我们目前提供了最常用的 10 个地图组件，能满足大部分简单的业务场景；如果你有更复杂的需求，或者觉得默认提供的组件功能不够，你完全可以自定义一个地图组件，然后根据高德原生 API 做高德允许你做的一切事情。`
+  const article = document.querySelector('article');
+  if (article) {
+    text = article.innerText.slice(0, 140);
+  }
+  const url = `http://service.weibo.com/share/share.php?url=${curPage}&appkey=3975764953&language=zh_cn&title=${window.encodeURIComponent(text)}&source=thisissourcetest&sourceUrl=https%3A%2F%2Felemefe.github.io%2Freact-amap%2F&ralateUid=oslh&message=&uids=&pic=https%3A%2F%2Fcloud.githubusercontent.com%2Fassets%2F3898898%2F23833571%2Fe5c7ae68-0782-11e7-8590-cecf4f3c969f.png&searchPic=true&content=`
+  window.open(url, '_blank');
+}
+
 export default function Header(props) {
   const route = props.route;
   let path = '';
@@ -16,6 +27,11 @@ export default function Header(props) {
         <li><Link className={path.indexOf('articles') === -1 ? '' : 'current'} to="/articles/start"><Icon type="bulb"/><span>快速开始</span></Link></li>
         <li><Link className={path.indexOf('components') === -1 ? '' : 'current'} to="/components/about"><Icon type="appstore-o"/><span>组件文档</span></Link></li>
         <li><a href="https://github.com/ElemeFE/react-amap" target="_blank"><Icon type="github"/><span>GitHub</span></a></li>
+        <li>
+          <a target="_blank" href="javascript:;" onClick={shareIt}>
+            <Icon type="share-alt"/>
+          </a>
+        </li>
       </ul>
     </div>
   </header>;