valaxy-theme-yun 0.1.0 → 0.2.0

package/components/YunAlgoliaSearch.vue

@@ -60,8 +60,8 @@ watch(showPopup, () => {
   top: 0.6rem;
   right: 0.8rem;
 
-  color: var(--yun-c-primary);
-  z-index: map.get($z-index, 'search-btn');
+  color: var(--va-c-primary);
+  z-index: var(--yun-z-search-btn);
 }
 
 .search-popup {
@@ -77,7 +77,7 @@ watch(showPopup, () => {
   text-align: center;
   padding-top: 3.5rem;
   margin: 0;
-  z-index: map.get($z-index, 'search-popup');
+  z-index: var(--yun-z-search-popup);
   transition: 0.6s;
 }
 
@@ -91,15 +91,15 @@ watch(showPopup, () => {
 
 .search-input {
   background: transparent;
-  color: var(--yun-c-text);
+  color: var(--va-c-text);
   font-size: 1.5rem;
   border-radius: 3rem;
   padding: 1rem 1.5rem;
-  border: 1px solid var(--yun-c-gray);
+  border: 1px solid var(--va-c-gray);
   box-sizing: border-box;
   width: 90%;
   max-width: 800px;
-  font-family: var(--yun-font-serif);
+  font-family: var(--va-font-serif);
   font-weight: 900;
   text-align: center;
 }
@@ -169,13 +169,13 @@ watch(showPopup, () => {
   width: 100%;
   padding: 0.5rem;
   border-bottom: 1px dashed #ccc;
-  font-family: var(--yun-font-serif);
+  font-family: var(--va-font-serif);
   font-weight: 900;
   font-size: 1.2rem;
   max-width: 800px;
 
   mark {
-    color: var(--yun-c-danger);
+    color: var(--va-c-danger);
     font-family: 900;
     background-color: transparent;
     text-decoration: underline;
@@ -185,7 +185,7 @@ watch(showPopup, () => {
     display: flex;
     font-size: 12px;
     justify-content: center;
-    font-family: var(--yun-font-sans);
+    font-family: var(--va-font-sans);
     font-weight: normal;
     line-height: 1;
     margin-top: -0.2rem;
@@ -215,7 +215,7 @@ watch(showPopup, () => {
   .active {
     .page-number {
       background: var(--page-btn-active-bg-color);
-      color: var(--yun-c-bg);
+      color: var(--va-c-bg);
     }
   }
 }

package/components/YunBackToTop.vue

@@ -25,16 +25,15 @@ const strokeOffset = computed(() => {
 
 <style lang="scss">
 @use "sass:map";
-@use "~/styles/vars" as *;
 
 .back-to-top {
   position: relative;
   position: fixed;
   right: -0.9rem;
   bottom: 1.1rem;
-  z-index: map.get($z-index, 'go-up-btn');
+  z-index: var(--yun-z-go-up-btn);
   opacity: 0;
-  color: var(--yun-c-primary);
+  color: var(--va-c-primary);
 
   &.show {
     transform: translateX(-30px) rotate(360deg);

package/components/YunBase.vue

@@ -5,6 +5,9 @@ import Base from '../layouts/base.vue'
 
 <template>
   <Base>
+    <template #sidebar>
+      <slot name="sidebar" />
+    </template>
     <template #content>
       <slot name="content" />
     </template>

package/components/YunBoard.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="yun-board">
+    <slot />
+  </div>
+</template>
+
+<style>
+.yun-board {
+  border: 1px solid var(--va-c-text);
+  width: calc(100% - 2rem);
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-family: var(--va-font-serif);
+  font-weight: bold;
+  padding: 1rem;
+  margin: 1rem auto;
+  max-width: var(--yun-post-card-max-width);
+  background-color: rgba(200, 200, 200, 0.1);
+}
+</style>

package/components/YunCard.vue

@@ -24,6 +24,6 @@
   margin: auto;
 
   // todo
-  background-color: var(--yun-c-bg-light);
+  background-color: var(--va-c-bg-light);
 }
 </style>

package/components/YunCategories.vue

@@ -22,10 +22,10 @@ withDefaults(defineProps<{
 <style lang="scss">
 .post-list-item {
   a {
-    color: var(--yun-c-text);
+    color: var(--va-c-text);
 
     &:hover {
-      color: var(--yun-c-primary);
+      color: var(--va-c-primary);
     }
   }
 }
@@ -33,12 +33,12 @@ withDefaults(defineProps<{
 .category-list-item {
   .folder-action {
     &:hover {
-      color: var(--yun-c-primary);
+      color: var(--va-c-primary);
     }
   }
   .category-name {
     &:hover {
-      color: var(--yun-c-primary);
+      color: var(--va-c-primary);
     }
   }
 }

package/components/YunCategory.vue

@@ -19,7 +19,7 @@ const { t } = useI18n()
   <li v-if="category.total" class="category-list-item inline-flex items-center cursor-pointer">
     <span class="folder-action inline-flex" @click="showChild = !showChild">
       <div v-if="!showChild" i-ri-folder-add-line />
-      <div v-else style="color:var(--yun-c-primary)" i-ri-folder-reduce-line /></span>
+      <div v-else style="color:var(--va-c-primary)" i-ri-folder-reduce-line /></span>
     <span class="category-name" m="l-1" @click="displayCategory(name)">
       {{ name === 'Uncategorized' ? t('category.uncategorized') : name }} [{{ category.total }}]
     </span>

package/components/YunConfig.vue

@@ -17,8 +17,8 @@ const toggleLocales = () => {
       <div i="ri-sun-line dark:ri-moon-line" />
     </button>
 
-    <a class="yun-icon-btn" :title="t('button.toggle_langs')" style="color:var(--yun-c-text)" @click="toggleLocales">
+    <button class="yun-icon-btn" :title="t('button.toggle_langs')" style="color:var(--va-c-text)" @click="toggleLocales">
       <div i-ri-translate class="transition transform" :class="locale === 'en' ? 'rotate-y-180' : ''" />
-    </a>
+    </button>
   </div>
 </template>

package/components/YunGirls.vue

@@ -1,4 +1,3 @@
-
 <script lang="ts" setup>
 import { useRandomData } from 'valaxy-theme-yun/composables'
 import { onImgError } from '../utils'
@@ -87,9 +86,9 @@ const { data } = useRandomData(props.girls, props.random)
 
     &-from {
       font-size: 12px;
-      font-family: var(--yun-font-serif);
+      font-family: var(--va-font-serif);
       font-weight: bold;
-      color: var(--yun-c-text-light);
+      color: var(--va-c-text-light);
 
       &::before {
         content: '「';

package/components/YunGoDown.vue

@@ -18,12 +18,12 @@
   animation: float 2s ease-in-out infinite;
 
   font-size: 2.5rem;
-  color: var(--yun-c-primary);
+  color: var(--va-c-primary);
 
-  transition: color var(--yun-transition-duration);
+  transition: color var(--va-transition-duration);
 
   &:hover {
-    color: rgba(var(--yun-c-primary-rgb), 0.6);
+    color: rgba(var(--va-c-primary-rgb), 0.6);
   }
 }
 

package/components/YunPostCollapse.vue

@@ -85,7 +85,7 @@ const sortedYears = computed(() => {
   .collection-title {
     position: relative;
     margin: 0;
-    border-bottom: 2px solid rgba(var(--yun-c-primary-rgb), 0.6);
+    border-bottom: 2px solid rgba(var(--va-c-primary-rgb), 0.6);
 
     &::before {
       content: '';
@@ -93,11 +93,11 @@ const sortedYears = computed(() => {
       top: 50%;
       width: 2px;
       height: 50%;
-      background: rgba(var(--yun-c-primary-rgb), 0.3);
+      background: rgba(var(--va-c-primary-rgb), 0.3);
     }
 
     .archive-year {
-      color: var(--yun-c-primary);
+      color: var(--va-c-primary);
       margin: 0 1.5rem;
 
       &::before {
@@ -109,7 +109,7 @@ const sortedYears = computed(() => {
         margin-top: -4px;
         width: 1.5rem;
         height: 1.5rem;
-        background: var(--yun-c-primary);
+        background: var(--va-c-primary);
         border-radius: 50%;
       }
     }
@@ -123,7 +123,7 @@ const sortedYears = computed(() => {
       position: absolute;
       width: 2px;
       height: 100%;
-      background: rgba(var(--yun-c-primary-rgb), 0.3);
+      background: rgba(var(--va-c-primary-rgb), 0.3);
     }
   }
 
@@ -132,7 +132,7 @@ const sortedYears = computed(() => {
     align-items: center;
 
     position: relative;
-    border-bottom: 1px solid rgba(var(--yun-c-primary-rgb), 0.3);
+    border-bottom: 1px solid rgba(var(--va-c-primary-rgb), 0.3);
     display: flex;
 
     &::before {
@@ -143,15 +143,15 @@ const sortedYears = computed(() => {
       height: 10px;
       margin-left: -4px;
       border-radius: 50%;
-      border: 1px solid var(--yun-c-primary);
-      background-color: var(--yun-c-bg-light);
+      border: 1px solid var(--va-c-primary);
+      background-color: var(--va-c-bg-light);
       z-index: 1;
-      transition: background var(--yun-transition-duration);
+      transition: background var(--va-transition-duration);
     }
 
     &:hover {
       &::before {
-        background: var(--yun-c-primary);
+        background: var(--va-c-primary);
       }
     }
 

package/components/YunPostNav.vue

@@ -33,7 +33,7 @@ const [prev, next] = usePrevNext()
     justify-content: center;
     align-items: center;
 
-    color: var(--yun-c-primary);
+    color: var(--va-c-primary);
 
     outline: none;
     font-size: 1.5rem;
@@ -44,7 +44,7 @@ const [prev, next] = usePrevNext()
     transition: 0.4s;
 
     &:hover {
-      background-color: rgba(var(--yun-c-primary-rgb), 0.1);
+      background-color: rgba(var(--va-c-primary-rgb), 0.1);
       box-shadow: 0 0 15px rgba(black, 0.1);
     }
   }

package/components/YunSay.vue

@@ -13,7 +13,8 @@ const sayFrom = ref('')
  */
 function fetchApiToSay() {
   const api = themeConfig.value.say.hitokoto.enable ? themeConfig.value.say.hitokoto.api : themeConfig.value.say.api
-  if (!api) return
+  if (!api)
+    return
 
   fetch(api)
     .then((res) => {
@@ -63,14 +64,14 @@ onMounted(() => {
 
 <style lang="scss">
 .say {
-  color: var(--yun-c-text);
+  color: var(--va-c-text);
   display: block;
   text-align: center;
-  font-family: var(--yun-font-serif);
+  font-family: var(--va-font-serif);
   font-weight: bold;
   padding: 0.5rem;
-  border-top: var(--yun-border-width) solid var(--yun-c-text-light);
-  border-bottom: var(--yun-border-width) solid var(--yun-c-text-light);
+  border-top: var(--va-border-width) solid var(--va-c-text-light);
+  border-bottom: var(--va-border-width) solid var(--va-c-text-light);
 
   .say-content {
     display: block;

package/components/YunSidebar.vue

@@ -9,7 +9,7 @@ const router = useRouter()
 <template>
   <div class="sidebar-panel">
     <div class="site-info" m="t-6">
-      <a class="site-author-avatar">
+      <a class="site-author-avatar" href="/about">
         <img class="rounded-full" :src="config.author.avatar" alt="avatar">
         <span class="site-author-status">{{ config.author.status.emoji }}</span>
       </a>
@@ -68,7 +68,7 @@ const router = useRouter()
     transition: 0.4s;
 
     &:hover {
-      box-shadow: 0 0 30px rgba(var(--yun-c-primary-rgb), 0.2);
+      box-shadow: 0 0 30px rgba(var(--va-c-primary-rgb), 0.2);
     }
   }
 }
@@ -88,13 +88,13 @@ const router = useRouter()
   line-height: 1.8rem;
   border-radius: 50%;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-  background-color: var(--yun-c-bg-light);
+  background-color: var(--va-c-bg-light);
 
   border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .site-name {
-  color: var(--yun-c-text);
+  color: var(--va-c-text);
   font-family: get-css-var('font-serif');
   font-weight: get-css-var('font-serif-weight');
 }
@@ -105,7 +105,7 @@ const router = useRouter()
 }
 
 .site-description {
-  color: var(--yun-c-text);
+  color: var(--va-c-text);
   font-size: 0.8rem;
 }
 </style>

package/components/YunSidebarNav.vue

@@ -55,7 +55,7 @@ const tags = useTag()
 
   flex-direction: column;
 
-  color: var(--yun-c-text);
+  color: var(--va-c-text);
 
   &:first-child, &:last-child {
     line-height: 1;
@@ -76,8 +76,8 @@ const tags = useTag()
   }
 
   .count {
-    color: var(--yun-c-text);
-    font-family: var(--yun-font-sans);
+    color: var(--va-c-text);
+    font-family: var(--va-font-sans);
     display: block;
     text-align: center;
     font-size: 1rem;
@@ -88,7 +88,7 @@ const tags = useTag()
     height: 1.5rem;
 
     &:hover {
-      color: var(--yun-c-primary-light);
+      color: var(--va-c-primary-light);
     }
   }
 }

package/components/YunSponsor.vue

@@ -39,7 +39,7 @@ const showQr = ref(false)
 
   div {
     transform: scale(1.1);
-    transition: transform var(--yun-transition-duration) ease-in-out;
+    transition: transform var(--va-transition-duration) ease-in-out;
   }
   &:hover {
     background-color: rgba(255, 255, 255, 0.9);
@@ -60,7 +60,7 @@ const showQr = ref(false)
   overflow: hidden;
   height: 0;
 
-  transition: height var(--yun-transition-duration) ease-in-out;
+  transition: height var(--va-transition-duration) ease-in-out;
 
   &.show {
     height: 220px;

package/components/YunTwikoo.vue

@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+import { useConfig, useTwikoo } from 'valaxy'
+
+const config = useConfig()
+useTwikoo(config.value.comment.twikoo)
+</script>
+
+<template>
+  <div id="tcomment" w="full" />
+</template>
+
+<style lang="scss">
+// custom twikoo style
+</style>

package/components/YunWaline.vue

@@ -2,9 +2,7 @@
 import { useConfig, useWaline } from 'valaxy'
 
 const config = useConfig()
-useWaline({
-  serverURL: config.value.comment.waline.serverURL,
-})
+useWaline(config.value.comment.waline)
 </script>
 
 <template>
@@ -13,8 +11,8 @@ useWaline({
 
 <style lang="scss">
 #waline {
-  --waline-theme-color: var(--yun-c-primary);
-  --waline-active-color: var(--yun-c-primary-light);
+  --waline-theme-color: var(--va-c-primary);
+  --waline-active-color: var(--va-c-primary-light);
 
   .v[data-class=v] {
     .veditor {

package/composables/index.ts

@@ -1,4 +1,5 @@
 import { ref, watch } from 'vue'
+import { isClient } from '@vueuse/core'
 
 /**
  * fetch data from source, and random
@@ -11,10 +12,12 @@ export function useRandomData<T>(source: string | T[], random = false) {
 
   watch(() => source, async() => {
     let rawData: T[]
-    if (typeof source === 'string')
+    if (typeof source === 'string') {
+      if (!isClient)
+        return
       rawData = await fetch(source).then(res => res.json()) as T[]
-    else
-      rawData = source
+    }
+    else { rawData = source }
 
     data.value = random ? Array.from(rawData).sort(() => Math.random() - 0.5) : rawData
   }, { immediate: true })

package/config/index.ts

@@ -4,6 +4,14 @@ export const anonymousImage = 'https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/ava
  * Theme Config
  */
 export interface ThemeConfig {
+  colors: {
+    /**
+     * primary color
+     * @default '#0078E7'
+     */
+    primary: string
+  }
+
   /**
    * 首页标语
    */
@@ -100,6 +108,9 @@ export type ThemeUserConfig = Partial<ThemeConfig>
  * Default Config
  */
 export const defaultThemeConfig: ThemeConfig = {
+  colors: {
+    primary: '#0078E7',
+  },
   banner: {
     enable: true,
     title: '云游君的小站',
@@ -128,9 +139,9 @@ export const defaultThemeConfig: ThemeConfig = {
     icon: {
       name: 'i-ri-cloud-line',
       animated: true,
-      color: 'var(--yun-c-primary)',
+      color: 'var(--va-c-primary)',
       url: 'https://sponsors.yunyoujun.cn',
-      title: '',
+      title: 'Sponsor YunYouJun',
     },
 
     powered: true,
@@ -143,7 +154,7 @@ export const defaultThemeConfig: ThemeConfig = {
 
   types: {
     'link': {
-      color: 'var(--yun-c-primary)',
+      color: 'var(--va-c-primary)',
       icon: 'i-ri-external-link-line',
     },
     'bilibili': {
@@ -155,7 +166,7 @@ export const defaultThemeConfig: ThemeConfig = {
       icon: 'i-ri-douban-line',
     },
     'github': {
-      color: 'var(--yun-c-text)',
+      color: 'var(--va-c-text)',
       icon: 'i-ri-github-line',
     },
     'netease-cloud-music': {
@@ -163,7 +174,7 @@ export const defaultThemeConfig: ThemeConfig = {
       icon: 'i-ri-netease-cloud-music-line',
     },
     'notion': {
-      color: 'var(--yun-c-text)',
+      color: 'var(--va-c-text)',
       icon: 'i-simple-icons-notion',
     },
     'twitter': {

package/dist/index.d.ts

@@ -1,8 +1,17 @@
+import { Plugin } from 'vite';
+
 declare const anonymousImage = "https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg";
 /**
  * Theme Config
  */
 interface ThemeConfig {
+    colors: {
+        /**
+         * primary color
+         * @default '#0078E7'
+         */
+        primary: string;
+    };
     /**
      * 首页标语
      */
@@ -90,4 +99,11 @@ declare type ThemeUserConfig = Partial<ThemeConfig>;
  */
 declare const defaultThemeConfig: ThemeConfig;
 
-export { ThemeConfig, ThemeUserConfig, anonymousImage, defaultThemeConfig };
+interface UserOptions {
+    colors: {
+        primary: string;
+    };
+}
+declare function yunPlugin(userOptions?: Partial<ThemeConfig>): Plugin;
+
+export { ThemeConfig, ThemeUserConfig, UserOptions, anonymousImage, yunPlugin as default, defaultThemeConfig, yunPlugin };

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",n= exports.defaultThemeConfig ={banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg",opacity:1},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--yun-c-primary)",url:"https://sponsors.yunyoujun.cn",title:""},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--yun-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--yun-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--yun-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}}};exports.anonymousImage = e; exports.defaultThemeConfig = n;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var t="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",e= exports.defaultThemeConfig ={colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg",opacity:1},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}}};function r(n=e){return{name:"valaxy-theme-yun",enforce:"pre",config(){var i;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((i=n.colors)==null?void 0:i.primary)||"#0078E7"} !default;`}}}}}}}var c=r;exports.anonymousImage = t; exports.default = c; exports.defaultThemeConfig = e; exports.yunPlugin = r;

package/dist/index.mjs

@@ -1 +1 @@
-var n="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",o={banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg",opacity:1},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--yun-c-primary)",url:"https://sponsors.yunyoujun.cn",title:""},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--yun-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--yun-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--yun-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}}};export{n as anonymousImage,o as defaultThemeConfig};
+var a="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",e={colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg",opacity:1},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}}};function t(n=e){return{name:"valaxy-theme-yun",enforce:"pre",config(){var i;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((i=n.colors)==null?void 0:i.primary)||"#0078E7"} !default;`}}}}}}}var s=t;export{a as anonymousImage,s as default,e as defaultThemeConfig,t as yunPlugin};

package/index.ts

@@ -1 +1,32 @@
+import type { Plugin } from 'vite'
+import type { ThemeConfig } from './config'
+import { defaultThemeConfig } from './config'
+
 export * from './config'
+
+export interface UserOptions {
+  colors: {
+    primary: string
+  }
+}
+
+export function yunPlugin(userOptions: Partial<ThemeConfig> = defaultThemeConfig): Plugin {
+  return {
+    name: 'valaxy-theme-yun',
+    enforce: 'pre',
+
+    config() {
+      return {
+        css: {
+          preprocessorOptions: {
+            scss: {
+              additionalData: `$c-primary: ${userOptions.colors?.primary || '#0078E7'} !default;`,
+            },
+          },
+        },
+      }
+    },
+  }
+}
+
+export default yunPlugin

package/layouts/base.vue

@@ -8,7 +8,9 @@ const { styles, icon, color } = usePostProperty(frontmatter.value.type)
 </script>
 
 <template>
-  <ValaxySidebar />
+  <ValaxySidebar>
+    <slot name="sidebar" />
+  </ValaxySidebar>
 
   <main class="yun-main flex lt-md:ml-0">
     <div flex="~ 1 col" w="full" p="l-4 lt-md:0">
@@ -30,8 +32,9 @@ const { styles, icon, color } = usePostProperty(frontmatter.value.type)
       </slot>
 
       <slot v-if="frontmatter.comment !== false" name="comment">
-        <YunCard v-if="config.comment.waline.enable" w="full" p="4" class="comment sm:p-8 lg:px-12 xl:px-16" :class="frontmatter.nav === false ? 'mt-4' : 0">
-          <YunWaline />
+        <YunCard w="full" p="4" class="comment sm:p-8 lg:px-12 xl:px-16" :class="frontmatter.nav === false ? 'mt-4' : 0">
+          <YunWaline v-if="config.comment.waline.enable" />
+          <YunTwikoo v-if="config.comment.twikoo.enable" />
         </YunCard>
       </slot>
 
@@ -58,7 +61,7 @@ const { styles, icon, color } = usePostProperty(frontmatter.value.type)
 @include xl {
   .page-card {
     // 8px scrollbar width
-    max-width: calc(100vw - 2 * var(--yun-sidebar-width-mobile) - 2rem - 8px);
+    max-width: calc(100vw - 2 * var(--va-sidebar-width-mobile) - 2rem - 8px);
   }
 }
 </style>

package/layouts/home.vue

@@ -16,7 +16,11 @@ const isHome = useLayout('home')
     <YunBanner />
     <YunSay w="full" />
 
-    <router-view />
+    <slot name="board" />
+
+    <slot>
+      <router-view />
+    </slot>
 
     <ValaxyFooter>
       <slot name="footer" />

package/layouts/post.vue

@@ -13,7 +13,9 @@ const url = useFullUrl()
         <slot name="header">
           <YunPostMeta :frontmatter="frontmatter" />
         </slot>
-        <router-view />
+        <Transition appear>
+          <router-view />
+        </Transition>
         <YunSponsor v-if="frontmatter.sponsor || config.sponsor.enable" />
         <ValaxyCopyright v-if="frontmatter.copyright || config.license.enabled" :url="url" m="y-4" />
       </main>

package/layouts/tags.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useFrontmatter, useInvisibleElement, usePostList, useTags } from 'valaxy'
+import { useFrontmatter, useInvisibleElement, usePostList, useTags, useThemeConfig } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 import { computed, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -7,9 +7,13 @@ import { useRoute, useRouter } from 'vue-router'
 const route = useRoute()
 const router = useRouter()
 
+const themeConfig = useThemeConfig()
+
 const { t } = useI18n()
 const frontmatter = useFrontmatter()
-const { tags, getTagStyle } = useTags()
+const { tags, getTagStyle } = useTags({
+  primary: themeConfig.value.colors.primary,
+})
 
 const postList = usePostList()
 const curTag = computed(() => route.query.tag as string || '')
@@ -77,7 +81,7 @@ const displayTag = (tag: string) => {
   color: var(--yun-tag-color);
 
   &:hover {
-    color: var(--yun-c-primary);
+    color: var(--va-c-primary);
   }
 }
 </style>

package/locales/en.yml

@@ -0,0 +1 @@
+valaxy_theme_yun: Valaxy Theme Yun

package/locales/zh-CN.yml

@@ -0,0 +1 @@
+valaxy_theme_yun: Valaxy 主题 云

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
@@ -10,7 +10,7 @@
   "homepage": "https://valaxy.yyj.moe/",
   "dependencies": {
     "@iconify-json/ant-design": "^1.1.1",
-    "@iconify-json/simple-icons": "^1.1.6"
+    "@iconify-json/simple-icons": "^1.1.7"
   },
   "author": {
     "email": "me@yunyoujun.cn",
@@ -18,7 +18,7 @@
     "url": "https://www.yunyoujun.cn"
   },
   "devDependencies": {
-    "valaxy": "0.1.0"
+    "valaxy": "0.2.0"
   },
   "scripts": {
     "build": "tsup",

package/styles/css-vars.scss

@@ -0,0 +1,17 @@
+@use './vars' as *;
+@use '~/styles/mixins' as * with(
+  $namespace: 'yun'
+);
+
+:root {
+  @include set-css-var-from-map($common);
+  @include set-css-var-from-map($z-index, 'z');
+}
+
+:root {
+  @include set-css-var-from-map($light);
+}
+
+html.dark {
+  @include set-css-var-from-map($dark);
+}

package/styles/layout/index.scss

@@ -2,6 +2,6 @@
 @use "./post" as *;
 
 .yun-main {
-  padding-left: var(--yun-sidebar-width-mobile);
-  transition: padding-left var(--yun-transition-duration);
+  padding-left: var(--va-sidebar-width-mobile);
+  transition: padding-left var(--va-transition-duration);
 }

package/styles/layout/post.scss

@@ -1,10 +1,8 @@
-@use 'sass:map';
 @use '~/styles/mixins' as *;
-@use '~/styles/palette.scss' as *;
 
 .post-card {
   position: relative;
-  max-width: 900px;
+  max-width: var(--yun-post-card-max-width);
 }
 
 
@@ -21,7 +19,8 @@
 .post-title-link {
   position: relative;
   padding: 0.7rem 1.2rem;
-  color: var(--card-c-primary, var(--yun-c-link));
+  color: var(--card-c-primary, var(--va-c-link));
+  font-weight: 900;
 
   .icon {
     width: 1.6rem;
@@ -64,7 +63,7 @@
   position: absolute;
   top: 1rem;
   right: 1rem;
-  color: var(--yun-c-warning);
+  color: var(--va-c-warning);
   font-size: 1.2rem;
 }
 
@@ -78,7 +77,7 @@
 
   margin-top: -0.2rem;
 
-  transition: box-shadow var(--yun-transition-duration);
+  transition: box-shadow var(--va-transition-duration);
 
   &:before {
     content: none;

package/styles/markdown.scss

@@ -1,31 +1,11 @@
 @use "~/styles/mixins" as *;
 
 .markdown-body {
-  --smc-font-family: var(--yun-font-sans);
-
-  --c-toc-link: var(--yun-c-text-light);
+  --c-toc-link: var(--va-c-text-light);
 }
 
 html.dark {
   .markdown-body {
-    --smc-header-bottom-color: #333;
-
-    --c-toc-link: var(--yun-c-text-dark);
-  }
-}
-
-.markdown-body {
-  ul {
-    > li {
-      list-style-type: disc;
-
-      li {
-        list-style-type: circle;
-
-        li {
-          list-style-type: square;
-        }
-      }
-    }
+    --c-toc-link: var(--va-c-text-dark);
   }
 }

package/styles/vars.scss

@@ -1,7 +1,33 @@
-:root {
-  --yun-sidebar-bg-image: url("https://cdn.jsdelivr.net/gh/YunYouJun/cdn@master/img/bg/alpha-stars-timing-1.webp")
-}
+@use 'sass:map';
 
-html.dark {
-  --yun-sidebar-bg-image: none;
-}
+// palette
+$light: () !default;
+$light: map.merge((
+  'bg-image': url('https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg'),
+  'sidebar-bg-color': var(--va-c-bg-light),
+  'sidebar-bg-image': url("https://cdn.jsdelivr.net/gh/YunYouJun/cdn@master/img/bg/alpha-stars-timing-1.webp")
+), $light);
+
+$dark: () !default;
+$dark: map.merge((
+  'bg-image': none,
+  'sidebar-bg-image': none
+), $dark);
+
+// common
+$common: () !default;
+$common: map.merge((
+  'post-card-max-width': 900px
+), $common);
+
+$z-index: () !default;
+$z-index: map.merge((
+  'cloud': 8,
+  'go-down': 9,
+  'sidebar': 10,
+  'fireworks': 11,
+  'menu-btn': 20,
+  'go-up-btn': 20,
+  'search-popup': 30,
+  'search-btn': 31,
+), $z-index);