fix: 静态文件资源存储位置调整

Author: lisniuse

Contribution.md

@@ -24,7 +24,7 @@
 
 ## 文档如何在本地跑起来？
 
-Pandas 中文文档的最新版本使用的是 [VuePress](https://v1.vuepress.vuejs.org/zh/) 文档生成工具来驱动的。
+本中文文档的最新版本使用的是 [VuePress](https://v1.vuepress.vuejs.org/zh/) 文档生成工具来驱动的。
 
 由于 [VuePress](https://v1.vuepress.vuejs.org/zh/) 是基于 [Nodejs](https://zh.wikipedia.org/wiki/Node.js) 编写的工具，如果你想让文档在本地运行调试，你首先需要安装 [Nodejs](http://nodejs.cn/)  在你的电脑上，非Windows操作系统推荐使用 [nvm](https://github.com/nvm-sh/nvm/blob/master/README.md) 来安装 [Nodejs](http://nodejs.cn/) ，Windows操作系统的小伙伴可以直接下载最新版本的 Nodejs 的 [Windows 安装包](http://nodejs.cn/download/) 。
 

docs/.vuepress/components/ahome-wxpub.vue renamed to docs/.vuepress/components/ahome-article.vue

@@ -15,27 +15,29 @@
 </template>
 
 <script>
+const staticDomain = 'https://static.matplotlib.org.cn/';
+
 export default {
   data() {
     return {
-      recommend: [ 
+      recommend: [
         {
           poster: "https://paddlepaddle-org-cn.bj.bcebos.com/paddle-site-front/static/media/banner.a53a5ad414cd2bc5e0f6d00cc4f53f50.png",
           title: "免费深度学习模型库（覆盖图像、自然语言处理、推荐等多种方向的官方模型）",
-          url: "https://www.paddlepaddle.org.cn/modelbase?from=matplotlib-cn"
+          url: "https://www.paddlepaddle.org.cn/modelbase?from=numpy-cn"
         },
         {
-          poster: "https://extraimage.net/images/2019/09/23/1f16b487646cad220a131d55feeaa446.jpg",
+          poster: staticDomain + "home/article_poster_02.jpg@w300h300",
           title: "可能是最通俗易懂的Python入门资料整理和最优学习路线推荐。",
           url: "https://mp.weixin.qq.com/s/QUUYEimknwt5v3RUxIf8kQ"
         },
         {
-          poster: "https://extraimage.net/images/2019/09/23/ce093461c1b901ac2ce6d05959ad4379.jpg",
+          poster: staticDomain + "home/article_poster_03.jpg@w300h300",
           title: "几百个不同领域的数据集分享给你，别让巧妇难为无米之炊。",
           url: "https://mp.weixin.qq.com/s/lVKa2j2yXbjpjom4GD5Btw"
         },
         {
-          poster: "https://extraimage.net/images/2019/09/23/3d45b5bc575aac8bfdd22443d612c7e9.jpg",
+          poster: staticDomain + "home/article_poster_04.jpg@w300h300",
           title: "刚刚，我用Python做了个七夕礼物，差点被女朋友打死",
           url: "https://mp.weixin.qq.com/s/i2UQOqBr8zGqtgqTaHh3mg"
         }

docs/.vuepress/components/ahome-nav.vue

@@ -1,51 +1,59 @@
 <template>
   <div class="ahome-nav">
     <div class="nav-bar">
-      <b class="name">我想要</b>
-      <a class="btn-home-nav" :class="{'active': navId === 1}" @click="navId=1" >关注公众号</a>
-      <a class="btn-home-nav" :class="{'active': navId === 2}" @click="navId=2" >加入群聊</a>
-      <a class="btn-home-nav" :class="{'active': navId === 3}" @click="navId=3" >贡献翻译</a>
-      <a class="btn-home-nav donation" :class="{'active': navId === 4}" @click="navId=4" >捐赠网站</a>
-      <a class="btn-home-nav" :class="{'active': navId === 5}" @click="navId=5" >其他事宜</a>
-      <a class="btn-home-nav" :class="{'active': navId === 6}" @click="navId=6" >深度学习资料</a>
+      <b class="name">点击我想要</b>
+      <a class="btn-home-nav" :class="{'active': navId === 1}" @click="navId=1">关注公众号</a>
+      <a class="btn-home-nav" :class="{'active': navId === 2}" @click="navId=2">加入群聊</a>
+      <a class="btn-home-nav" :class="{'active': navId === 3}" @click="navId=3">贡献翻译</a>
+      <a class="btn-home-nav donation" :class="{'active': navId === 4}" @click="navId=4">捐赠网站</a>
+      <a class="btn-home-nav" :class="{'active': navId === 5}" @click="navId=5">其他事宜</a>
+      <a class="btn-home-nav" :class="{'active': navId === 6}" @click="navId=6">深度学习资料</a>
     </div>
 
     <!-- 关注公众号 -->
     <div class="block" :class="{'show': navId === 1}">
       <div class>
         <p>掌上中文数据科学社区，关注公众号获取各种Python的奇淫技巧、赚钱技巧，更有机会获得大厂内推。</p>
       </div>
-      <div class="qr-item">
-        <img src="https://extraimage.net/images/2019/09/23/ddf886b34735a450f51e5612681c1c18.png" alt="数量集公众号二维码" />
-        <span class="text">或搜索“<b>数量集</b>”</span>
-      </div> 
+      <div class="qr-item mpqr-item">
+        <img :src="staticDomain + 'qrcode/mp_mydataset.png/qrcode'" alt="DATA中文公众号二维码" />
+      </div>
     </div>
 
     <!-- 加入群聊 -->
     <div class="block" :class="{'show': navId === 2}">
       <div class>
-        <p>欢迎加入 <b>NumPy 中文社区</b> 群聊，群内有BAT公司大牛、常春藤校友、中国顶尖高校的各类学霸，以及众多大佬！</p>
+        <p>
+          欢迎加入
+          <b>{{name}} 中文社区</b> 群聊，群内有BAT公司大牛、常春藤校友、中国顶尖高校的各类学霸，以及众多大佬！
+        </p>
       </div>
       <div class="qr-item">
-        <img src="https://extraimage.net/images/2019/09/23/ab21cd448bc5613ef9dbba4e4286ac32.jpg" alt="站长微信二维码" />
-        <span class="text">站长微信（可拉微信群，备注：matplotlib）</span>
+        <img
+          :src="staticDomain + 'qrcode/wx_master.jpg@qrcode'"
+          alt="站长微信二维码"
+        />
+        <span class="text">站长微信（可拉微信群，备注：{{name | lowercase}}）</span>
       </div>
       <div class="qr-item">
-        <img src="https://extraimage.net/images/2019/10/21/28af568aaf649ac76f56d838b31c025a.jpg" alt="qq群二维码" />
-        <span class="text">QQ群二维码（群号：23077413）</span>
+        <img
+          :src="staticDomain + 'qrcode/qq_group_' + lowercase(name) + '.jpg@qrcode'"
+          alt="QQ群二维码（群号：294639068）"
+        />
+        <span class="text">QQ群二维码（群号：{{qqGroupNumber}}）</span>
       </div>
     </div>
 
     <!-- 贡献翻译 -->
     <div class="block" :class="{'show': navId === 3}">
       <p>
         首先感谢
-        <a href="https://github.com/teadocs/matplotlib-cn/graphs/contributors" target="_blank">这些小伙伴</a> 对数据科学汉化事业的做出的翻译贡献！🙏
+        <a :href="'https://github.com/teadocs/' + lowercase(name) + '-cn/graphs/contributors'" target="_blank">这些小伙伴</a> 对数据科学汉化事业的做出的翻译贡献！🙏
       </p>
       <p>
         贡献翻译不需要太多门槛，想参与翻译的小伙伴，可以先查看
         <a
-          href="https://github.com/teadocs/matplotlib-cn/blob/v3.1.1/Contribution.md"
+          :href="'https://github.com/teadocs/' + lowercase(name) + '-cn/blob/' + version + '/Contribution.md'"
           target="_blank"
         >《本文档翻译贡献指南》</a>。
       </p>
@@ -54,7 +62,11 @@
 
     <!-- 捐赠网站 -->
     <div class="block" :class="{'show': navId === 4}">
-      <p>1、你的捐赠会帮助更多的国人看到优质的保持<b>免费</b>且<b>无广告</b>的内容！</p>
+      <p>
+        1、你的捐赠会帮助更多的国人看到优质的保持
+        <b>免费</b>且
+        <b>无广告</b>的内容！
+      </p>
       <p>
         2、维护公益项目不易，你们的支持是我
         <b>坚持翻译</b>，不断优化
@@ -63,13 +75,19 @@
       </p>
       <p>捐赠数额不限，特大数额可以加入网站鸣谢列表或全站推荐。</p>
       <div class="qr-item">
-        <img src="https://extraimage.net/images/2019/09/23/b23a24d371aeacdc1be5eb110436ecb9.jpg" alt="微信付款码" />
+        <img
+          :src="staticDomain + 'qrcode/wechat_payee.jpeg@qrcode'"
+          alt="微信付款码"
+        />
         <span class="text">
           <b>微信</b> 捐赠
         </span>
       </div>
       <div class="qr-item">
-        <img src="https://extraimage.net/images/2019/09/23/4136d66b8cad62517838b702f57ac7da.jpg" alt="支付宝付款码" />
+        <img
+          :src="staticDomain + 'qrcode/alipay_payee.jpg@qrcode'"
+          alt="支付宝付款码"
+        />
         <span class="text">
           <b>支付宝</b> 捐赠
         </span>
@@ -92,27 +110,59 @@
         <p>扫码获取深度学习资料</p>
       </div>
       <div class="qr-item">
-        <img src="https://extraimage.net/images/2019/10/22/72234564897704dd05071e01f113fc62.png" alt="paddle微信公众号" />
+        <img
+          :src="staticDomain + 'qrcode/paddlepaddle_mp.png@qrcode'"
+          alt="paddle微信公众号"
+        />
         <span class="text">Paddle官方微信公众号</span>
       </div>
       <div class="qr-item">
-        <img src="https://extraimage.net/images/2019/10/22/62197b85a4b835ce06c8453c048bb651.jpg" alt="qq群二维码" />
+        <img
+          :src="staticDomain + 'qrcode/paddlepaddle_qq_group.jpg@qrcode'"
+          alt="qq群二维码"
+        />
         <span class="text">QQ群二维码（群号：796771754）</span>
       </div>
       <div class="qr-item">
-        <img src="https://extraimage.net/images/2019/10/22/132a76d4fa4b09f92f4d88bf9f0740ab.png" alt="paddle的github地址" />
+        <img
+          :src="staticDomain + 'qrcode/paddlepaddle_github.png@qrcode'"
+          alt="Paddle的github地址"
+        />
         <span class="text">Paddle的GitHub地址</span>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+// 名称
+const name = 'Matplotlib';
+// 静态文件地址
+const staticDomain = 'https://static.matplotlib.org.cn/';
+// qq群号码
+const qqGroupNumber = '23077413';
+// 版本
+const version = 'v3.1.1';
+
+const lowercase = str => str.toLowerCase();
+
 export default {
+  filters: {
+    lowercase
+  },
+
   data() {
     return {
-      navId: 0
+      navId: 1,
+      name,
+      staticDomain,
+      qqGroupNumber,
+      version
     };
+  },
+
+  methods: {
+    lowercase
   }
 };
 </script>
@@ -151,7 +201,10 @@ export default {
       }
 
       &.donation {
-        border: 2px solid $accentColor;
+        background: -webkit-gradient(linear, left top, right top, from(#ffe4b2), to(#c79354));
+        background: linear-gradient(90deg, #ffe4b2, #c79354);
+        color: #333333;
+        border-color: gray;
       }
     }
   }
@@ -177,6 +230,16 @@ export default {
       width: 150px;
       float: left;
 
+      &.mpqr-item {
+        text-align: left;
+        width: 100% !important;
+
+        img {
+          heigth: 150px !important;
+          width: auto !important;
+        }
+      }
+
       img {
         height: 150px;
         width: 150px;
@@ -221,7 +284,7 @@ export default {
     a {
       &.btn-home-nav {
         margin: 2px;
-        margin-bottom 6px;
+        margin-bottom: 6px;
       }
     }
   }

docs/README.md

@@ -55,7 +55,7 @@ $ python -i
 
 :::
 
-<ahome-wxpub></ahome-wxpub>
+<ahome-article></ahome-article>
 
 <ahome-nav></ahome-nav>
 

docs/deep/README.md

@@ -1,7 +1,7 @@
 # NumPy 与深度学习
 
 <a href="https://www.paddlepaddle.org.cn/?from=matplotlib-cn" target="_blank">
-  <img src="https://extraimage.net/images/2019/10/20/9d3fe9e349990cba65902826dda16f11.png">
+  <img src="https://static.matplotlib.org.cn/inside/9d3fe9e349990cba65902826dda16f11.png">
 </a>
 
 欢迎来到 NumPy 与深度学习栏目！