chore: ads

Author: Soulter

.vitepress/theme/components/ArticleShare.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed } from "vue"
+import { ref, computed, onMounted } from "vue"
 
 const props = defineProps({
   shareText: {
@@ -77,6 +77,13 @@ const copiedIconSvg = `
     <path d="M20 6 9 17l-5-5"></path>
   </svg>
 `
+
+onMounted(() => {
+  const script = document.createElement('script')
+  script.src = 'https://cdn.wwads.cn/js/makemoney.js'
+  script.async = true
+  document.head.appendChild(script)
+})
 </script>
 
 <template>
@@ -97,6 +104,7 @@ const copiedIconSvg = `
       </div>
     </button>
   </div>
+  <div class="wwads-cn wwads-vertical sponsors" data-id="380" style="max-width:180px"></div>
 </template>
 
 <style scoped>
@@ -169,4 +177,17 @@ const copiedIconSvg = `
   align-items: center;
   margin-right: 6px;
 }
+
+.sponsors {
+  max-width: 100%;
+  margin: 0 !important;
+  background-color: transparent !important;
+}
+
+.sponsors .wwads-text {
+  color: var(--vp-c-text-1) !important;
+  transition-property: color;
+  transition-duration: 500ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 </style>

.vitepress/theme/components/Sponsors.vue

@@ -4,7 +4,6 @@ import DefaultTheme from 'vitepress/theme'
 import './styles/style.css'
 import './styles/custom-block.css'
 import './styles/font.css'
-import Sponsors from './components/Sponsors.vue'
 import ArticleShare from "./components/ArticleShare.vue";
 import NotFound from './components/NotFound.vue'
 
@@ -15,7 +14,6 @@ export default {
     return h(DefaultTheme.Layout, null, {
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
       "aside-outline-after": () => h(ArticleShare),
-      "aside-ads-after": () => h(Sponsors),
       "not-found": () => h(NotFound),
     })
   }