Update

_config.yml

@@ -1,6 +1,6 @@
 # Hexo Configuration
-## Docs: http://zespia.tw/hexo/docs/configuration.html
-## Source: https://github.com/tommy351/hexo/
+## Docs: https://hexo.io/docs/
+## Source: https://github.com/hexojs/hexo
 
 # Site
 title: Vue.js
@@ -78,8 +78,8 @@ pagination_dir: page
 disqus_shortname:
 
 # Extensions
-## Plugins: https://github.com/tommy351/hexo/wiki/Plugins
-## Themes: https://github.com/tommy351/hexo/wiki/Themes
+## Plugins: https://github.com/hexojs/hexo/wiki/Plugins
+## Themes: https://github.com/hexojs/hexo/wiki/Themes
 theme: vue
 exclude_generator:
 
@@ -136,7 +136,7 @@ offline:
         origin: maxcdn.bootstrapcdn.com
 
 # Deployment
-## Docs: http://zespia.tw/hexo/docs/deployment.html
+## Docs: https://hexo.io/docs/one-command-deployment
 deploy:
   type: git
   repository: git@github.com:vuejs/cn.vuejs.org.git

src/resources/partners.md

@@ -0,0 +1,87 @@
+---
+type: partners
+partners: true
+title: Vue Partners
+proficiencies_urls:
+  VueJs: https://vuejs.org
+  Laravel: https://laravel.com
+  Node: https://nodejs.org
+partners_list:
+    -
+        name: Vehikl
+        logo: vehikl.png
+        description:
+            Vehikl is a software consultancy specialising in PHP and JavaScript. We build best-in-class web applications written with popular frameworks such as Laravel, Express, NestJS, Vue, and React. Think of us as an extension of your team.
+        proficiencies:
+            - VueJs
+            - Laravel
+            - Node
+            - Team Augmentation
+        location: Ontario, Canada
+        languages:
+            - English
+        url_text: www.vehikl.com
+        url_link: www.vehikl.com?utm_source=vue_partners_page
+        hire_url: www.vehikl.com/contact/?utm_source=vue_partners_page
+        email: go+partner@vehikl.com
+        social_links:
+            -
+                name: Github
+                class: github
+                url: 'https://github.com/vehikl'
+            -
+                name: Twitter
+                class: twitter
+                url: 'https://twitter.com/vehikl'
+            -
+                name: Instagram
+                class: instagram
+                url: 'https://www.instagram.com/vehiklteam/'
+
+    -
+        name: Modus Create
+        logo: https://res.cloudinary.com/modus-labs/image/upload/v1533109874/modus/logo-vertical-black.svg
+        description:
+            "Modus Create is a digital product agency that supports clients with business and product strategy consulting, customer experience, cloud services, and Agile software delivery. Our official partnerships with Atlassian, AWS, InVision, Cloudflare, GitHub, Ionic Framework, and Vue.js reinforce our proven results with digital transformation with organizations from startups to the Fortune 100."
+        proficiencies:
+            - VueJs
+            - name: AWS
+              url: https://moduscreate.com/partners/aws/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+            - name: Atlassian
+              url: https://moduscreate.com/partners/atlassian/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+            - name: Ionic
+              url: https://moduscreate.com/partners/ionic/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+            - name: Product Management
+              url: https://moduscreate.com/what-we-do/product-management/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+            - name: Customer Experience
+              url: https://moduscreate.com/what-we-do/customer-experience/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+            - name: Agile Transformation
+              url: https://moduscreate.com/what-we-do/agile-transformation/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+            - name: Cloud Migration
+              url: https://moduscreate.com/what-we-do/cloud-migration/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+        location: Reston, VA, USA / Los Angeles, CA, USA / Cluj, Romania / San José, Costa Rica
+        languages:
+            - English
+            - Global
+        url_text: moduscreate.com
+        url_link: moduscreate.com/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+        hire_url: moduscreate.com/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage
+        email: contact@moduscreate.com
+        social_links:
+            -
+                name: Github
+                class: github
+                url: 'https://github.com/ModusCreateOrg'
+            -
+                name: Twitter
+                class: twitter
+                url: 'https://twitter.com/ModusCreate'
+            -
+                name: LinkedIn
+                class: linkedin
+                url: 'https://www.linkedin.com/company/modus-create-inc'
+            -
+                name: YouTube
+                class: youtube
+                url: 'https://www.youtube.com/moduscreate'
+---

src/resources/themes.md

@@ -0,0 +1,69 @@
+---
+title: Themes
+type: resources
+order: 804
+---
+{% raw %}
+<div id="themes">
+  <section v-for="partner in partners" :key="partner.name" class="partner-wrapper">
+    <partner-component :partner="partner"></partner-component>
+  </section>
+
+  <p>
+    Want to feature your themes here?
+    <a href="mailto:evan@vuejs.org?subject=Theme+affiliation">Contact us</a>!
+  </p>
+</div>
+
+<script type="text/template" id="partnerTemplate">
+  <div>
+    <h2 :id="partner.name">{{partner.name}}</h2>
+    <blockquote class="theme-partner-description" v-html="partnerDescription"></blockquote>
+    <div class="themes-grid">
+      <div v-for="product in partner.products" :key="product.name" class="item-preview">
+        <a class="item-preview-img" :href="product.url" rel="sponsored">
+          <img :src="product.image" :alt="`${product.name} - ${product.description}`" loading="lazy">
+        </a>
+        <div class="item-preview-name-container">
+          <h3 class="item-preview-name" :class="{'free': product.price === 0}">
+            {{product.name}}
+          </h3>
+          <b v-if="product.price" class="item-preview-price">${{product.price}}</b>
+        </div>
+        <div class="item-preview-description">{{product.description}}</div>
+      </div>
+      <div class="see-more-container">
+        <a :href="partner.seeMoreUrl" class="button white see-more-link">See More Themes from {{partner.name}}</a>
+      </div>
+    </div>
+  </div>
+</script>
+
+<script>
+var mdConverter = new showdown.Converter()
+
+Vue.component('partner-component', {
+  template: document.getElementById('partnerTemplate').innerHTML,
+  props: {
+    partner: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    partnerDescription: function () {
+      return mdConverter.makeHtml(this.partner.description)
+    }
+  }
+})
+
+const app = new Vue({
+  el: '#themes',
+  data: function () {
+    return {
+      partners: themeData
+    }
+  }
+})
+</script>
+{% endraw %}

src/support-vuejs/index.md

@@ -1,3 +1,4 @@
 ---
 sponsors: true
+type: sponsors
 ---