From 5d3692384e7d7b5ae7b068ccb2d534ff67d54ce4 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Fri, 29 Apr 2022 10:55:17 +0100
Subject: [PATCH] docs: add carbon ads

---
 docs/.vuepress/config.js                      |  1 +
 docs/.vuepress/theme/components/CarbonAds.vue | 65 +++++++++++++++++++
 docs/.vuepress/theme/index.js                 |  3 +
 docs/.vuepress/theme/layouts/Layout.vue       | 21 ++++++
 docs/.vuepress/theme/package.json             |  4 ++
 5 files changed, 94 insertions(+)
 create mode 100644 docs/.vuepress/theme/components/CarbonAds.vue
 create mode 100644 docs/.vuepress/theme/index.js
 create mode 100644 docs/.vuepress/theme/layouts/Layout.vue
 create mode 100644 docs/.vuepress/theme/package.json

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 15c031e76..1a5e8842f 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -67,6 +67,7 @@ module.exports = {
         ['link', { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' }],
         ['link', { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#ff8549' }],
     ],
+    theme: 'vuepress-theme-rsshub',
     themeConfig: {
         repo: 'DIYgod/RSSHub',
         editLinks: true,
diff --git a/docs/.vuepress/theme/components/CarbonAds.vue b/docs/.vuepress/theme/components/CarbonAds.vue
new file mode 100644
index 000000000..240a4e8a1
--- /dev/null
+++ b/docs/.vuepress/theme/components/CarbonAds.vue
@@ -0,0 +1,65 @@
+<script>
+export default {
+  name: 'CarbonAds',
+
+  watch: {
+    '$route' (to, from) {
+      if (
+        to.path !== from.path
+        // Only reload if the ad has been loaded
+        // otherwise it's possible that the script is appended but
+        // the ads are not loaded yet. This would result in duplicated ads.
+        && this.$el.querySelector('#carbonads')
+      ) {
+        this.$el.innerHTML = ''
+        this.load()
+      }
+    }
+  },
+
+  mounted () {
+    this.load()
+  },
+
+  methods: {
+    load () {
+      const s = document.createElement('script')
+      s.id = '_carbonads_js'
+      s.src = `//cdn.carbonads.com/carbon.js?serve=CEAI653E&placement=docsrsshubapp`
+      this.$el.appendChild(s)
+    }
+  },
+
+  render (h) {
+    return h('div', { class: 'carbon-ads' })
+  }
+}
+</script>
+
+<style lang="stylus">
+.carbon-ads
+  min-height 102px
+  padding 1.5rem 1.5rem 0
+  margin-bottom -0.5rem
+  font-size 0.75rem
+  a
+    color #444
+    font-weight normal
+    display inline
+  .carbon-img
+    float left
+    margin-right 1rem
+    border 1px solid $borderColor
+    img
+      display block
+  .carbon-poweredby
+    color #999
+    display block
+    margin-top 0.5em
+
+@media (max-width: $MQMobile)
+  .carbon-ads
+    .carbon-img img
+      width 100px
+      height 77px
+</style>
diff --git a/docs/.vuepress/theme/index.js b/docs/.vuepress/theme/index.js
new file mode 100644
index 000000000..a85dc0efa
--- /dev/null
+++ b/docs/.vuepress/theme/index.js
@@ -0,0 +1,3 @@
+module.exports = {
+    extend: '@vuepress/theme-default',
+};
diff --git a/docs/.vuepress/theme/layouts/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
new file mode 100644
index 000000000..9463595b9
--- /dev/null
+++ b/docs/.vuepress/theme/layouts/Layout.vue
@@ -0,0 +1,21 @@
+<template>
+  <ParentLayout>
+    <template #sidebar-top>
+      <CarbonAds />
+    </template>
+  </ParentLayout>
+</template>
+
+<script>
+import ParentLayout from '@parent-theme/layouts/Layout.vue'
+import CarbonAds from '@theme/components/CarbonAds.vue'
+
+export default {
+  name: 'Layout',
+
+  components: {
+    ParentLayout,
+    CarbonAds,
+  }
+}
+</script>
diff --git a/docs/.vuepress/theme/package.json b/docs/.vuepress/theme/package.json
new file mode 100644
index 000000000..e52477405
--- /dev/null
+++ b/docs/.vuepress/theme/package.json
@@ -0,0 +1,4 @@
+{
+  "name": "vuepress-theme-rsshub",
+  "main": "index.js"
+}