themes/yilia/.babelrc

@@ -1,9 +1,6 @@
 {
   "presets": [
-    ["@babel/preset-env", {
-      "useBuiltIns": "usage",
-      "corejs": 3
-    }]
+    "@babel/preset-env"
   ],
   "plugins": [
     "@babel/transform-runtime"

themes/yilia/layout/_partial/tools.ejs

@@ -60,7 +60,7 @@
         </div>
         <ul class="search-ul">
           <li class="search-li" v-for="(item,index) in items" :key="index" v-show="!item.isHide">
-            <a :href="urlformat(item.path)" class="search-title"><i class="icon icon-quote-left"></i>
+            <a :href="item.path|urlformat" class="search-title"><i class="icon icon-quote-left"></i>
               <span v-text="item.title"></span>
             </a>
             <p class="search-time" v-if="item.date">

themes/yilia/package.json

@@ -18,36 +18,39 @@
   "author": "litten",
   "license": "ISC",
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
-    "core-js": "^3.40.0",
+    "babel-polyfill": "^6.23.0",
+    "leancloud-storage": "^3.7.3",
     "photoswipe": "^4.1.3",
     "qrious": "^4.0.2",
-    "scrollreveal": "^4.0.9",
-    "vue": "^3.5.14"
+    "scrollreveal": "^4.0.5",
+    "vue": "^2.6.14"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-transform-runtime": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
-    "autoprefixer": "^10.4.20",
-    "babel-loader": "^9.2.1",
+    "@babel/core": "^7.17.5",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "autoprefixer": "^10.4.2",
+    "axios": "^1.13.6",
+    "babel-loader": "8.3.0",
     "clean-webpack-plugin": "^4.0.0",
-    "css-loader": "^7.1.2",
-    "html-webpack-plugin": "^5.6.3",
-    "less": "^4.2.2",
-    "less-loader": "^12.2.0",
-    "mini-css-extract-plugin": "^2.9.2",
-    "postcss": "^8.5.3",
-    "postcss-loader": "^8.1.1",
-    "terser-webpack-plugin": "^5.3.11",
-    "webpack": "^5.97.1",
-    "webpack-cli": "^5.1.4"
+    "css-loader": "^5.2.7",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.0",
+    "mini-css-extract-plugin": "^2.6.0",
+    "postcss-loader": "^6.2.1",
+    "terser-webpack-plugin": "^5.3.1",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.70.0",
+    "webpack-cli": "^4.9.2"
   },
   "browserslist": [
     "> 1%",
     "last 2 versions",
     "not dead",
-    "iOS >= 10",
-    "Android >= 5"
+    "iOS >= 7",
+    "Android >= 4",
+    "not ie <= 8"
   ]
 }

themes/yilia/postcss.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   plugins: [
-    "autoprefixer"
+    "autoprefixer",
+    "postcss-preset-env"
   ]
 }

themes/yilia/source-src/js/request.js

@@ -1,19 +1,14 @@
-const DEFAULT_TIMEOUT = 10000
+import axios from 'axios'
 
-function serializeParams(params) {
-  if (!params) return ''
-  const query = Object.entries(params)
-    .filter(([, v]) => v !== undefined && v !== null)
-    .flatMap(([k, v]) => Array.isArray(v) ? v.map(item => `${encodeURIComponent(k)}=${encodeURIComponent(item)}`) : [`${encodeURIComponent(k)}=${encodeURIComponent(v)}`])
-    .join('&')
-  return query ? '?' + query : ''
-}
-
-function handleResponse(res) {
-  if (!res.ok) {
-    return Promise.reject(new Error(`HTTP ${res.status}`))
+const http = axios.create({
+  timeout: 10000,
+  paramsSerializer: {
+    indexes: null
   }
-  return res.json().then(responseBody => {
+})
+
+http.interceptors.response.use(res => {
+  const responseBody = res.data
   // 统一响应格式处理
   switch (responseBody.code) {
     case 0:
@@ -23,30 +18,8 @@ function handleResponse(res) {
       return Promise.reject(new Error(responseBody.message || '请求失败'))
     default:
       // 其他情况，兼容没有包装格式的响应
-        return responseBody
+      return res.data
   }
-  })
-}
-
-async function request(url, options = {}) {
-  const controller = new AbortController()
-  const timer = setTimeout(() => controller.abort(), DEFAULT_TIMEOUT)
-  return fetch(url, { ...options, signal: controller.signal })
-    .then(res => { clearTimeout(timer); return handleResponse(res) })
-    .catch(err => { clearTimeout(timer); return Promise.reject(err) })
-}
-
-const http = {
-  get(url, { params } = {}) {
-    return request(url + serializeParams(params))
-  },
-  post(url, data) {
-    return request(url, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(data)
-    })
-  }
-}
+}, err => Promise.reject(err))
 
 export default http

themes/yilia/source-src/js/slider.js

@@ -1,22 +1,17 @@
 import http from './request'
-import { createApp } from 'vue'
+import Vue from 'vue/dist/vue.esm'
 import waifuTips from '../config/waifu-tip.json'
 
 function setScrollZero() {
-  document.querySelectorAll('.tools-section').forEach(em => {
+  let $sct = document.querySelectorAll('.tools-section')
+  Array.prototype.forEach.call($sct, (em) => {
     em.scrollTop = 0
   })
 }
-
-function urlformat(str) {
-  return (window.themeConfig && window.themeConfig.root) ? window.themeConfig.root + str : '/' + str
-}
-
 var waifuTipTimer = null, fullTextSearchTimer = null
-
-const vm = createApp({
-  data() {
-    return {
+const vm = new Vue({
+  el: '#container',
+  data: {
     isCtnShow: false,
     isShow: undefined,
     items: [],
@@ -42,15 +37,13 @@ const vm = createApp({
       showTools: false // 显示工具栏
     },
     themeConfig: window.themeConfig
-    }
   },
   methods: {
-    urlformat,
-    stop(event) {
+    stop (event) {
       event.stopPropagation()
     },
-    openSlider(event, type, isMobile) {
-      if (isMobile && this.isShow) {
+    openSlider (event, type, isMobile) {
+      if(isMobile && this.isShow) {
         this.hideSlider()
         return
       }
@@ -63,32 +56,32 @@ const vm = createApp({
       this.isCtnShow = true
       setScrollZero()
     },
-    hideSlider() {
+    hideSlider () {
       if (this.isShow) {
         this.isShow = false
-        setTimeout(() => { this.isCtnShow = false }, 300)
+        setTimeout(() => {this.isCtnShow = false}, 300)
       }
     },
     linkMouseover(name) {
-      if (name === 'waifu' && waifuTipTimer) return
+      if(name === 'waifu' && waifuTipTimer) return
       this.showMessage(waifuTips.mouseover[name], 3000)
     },
     toolsClick(name) {
       this.showMessage(waifuTips.click[name])
-      if (name in waifuTools) {
+      if(name in waifuTools) {
         waifuTools[name].call(this)
       }
     },
-    addSearchItem(query, type = 'title') {
-      if (query) {
+    addSearchItem(query, type='title') {
+      if(query) {
         query = query.trim()
       }
       // 如果已存在相同的查询条件, 则不加入
-      const isExist = this.searchItems.some(searchItem => {
+      var isExist = Array.prototype.some.call(this.searchItems, searchItem => {
         return searchItem.query === query && searchItem.type === type
       })
-      if (!isExist && query) {
-        this.searchItems.push({ query, type })
+      if(!isExist && query) {
+        this.searchItems.push({query, type})
       }
       this.search = null
     },
@@ -98,18 +91,18 @@ const vm = createApp({
       this.$refs.mask.classList.add('in')
     },
     loadSearchResult() {
-      this.fullTextSearch.pageNum++
+      this.fullTextSearch.pageNum ++
       this.fullTextSearch.isLoading = true
       this.fullTextSearch.tip = undefined
-      const params = {
+      let params = {
         pageNum: this.fullTextSearch.pageNum,
         limit: this.fullTextSearch.limit,
         words: this.fullTextSearchWords
       }
-      http.get('/api/v2/common/search', { params }).then(res => {
+      http.get('/api/v2/common/search', {params}).then(res => {
         this.fullTextSearch.isLoading = false
         fullTextSearchTimer = null
-        if (!Array.isArray(res.list) || !res.list.length) {
+        if(!Array.isArray(res.list) || !res.list.length) {
           this.fullTextSearch.tip = '未搜索到匹配文章'
         } else {
           this.fullTextSearchItems.push(...res.list)
@@ -122,53 +115,62 @@ const vm = createApp({
       })
     },
     searchKeydown(event) {
-      if (event.keyCode == 13) { // 回车键
+      if(event.keyCode == 13){ // 回车键
         this.addSearchItem(this.search)
-      } else if (event.keyCode == 8 && !this.search) { // 退格键
+      } else if(event.keyCode == 8 && !this.search) { // 退格键
         this.searchItems.pop()
       }
     },
-    showMessage(text, time) {
-      if (!text) return
-      if (Array.isArray(text)) text = text[Math.floor(Math.random() * text.length + 1) - 1]
+    showMessage (text, time) {
+      if(!text) return
+      if(Array.isArray(text)) text = text[Math.floor(Math.random() * text.length + 1)-1]
       this.waifu.tip = text
       this.waifu.tipOpacity = 1
-      if (waifuTipTimer) {
+      if(waifuTipTimer) {
         clearTimeout(waifuTipTimer)
         waifuTipTimer = null
       }
-      waifuTipTimer = setTimeout(() => {
+      waifuTipTimer = setTimeout(()=>{
         this.waifu.tipOpacity = 0
         waifuTipTimer = null
       }, time || 5000)
     } 
   },
-  watch: {
-    searchItems(newVal) {
-      if (newVal && newVal.length) {
-        handleSearch.call(this, newVal)
-      } else {
-        this.items.forEach(item => { item.isHide = false })
+  filters: {
+    urlformat (str) {
+      return (window.themeConfig && window.themeConfig.root) ? window.themeConfig.root + str : '/' + str
     }
   },
-    fullTextSearchWords(newVal) {
+  watch: {
+    searchItems (newVal, oldVal) {
+      if(newVal && newVal.length) {
+        handleSearch.call(this, newVal)
+      } else {
+        this.items.forEach(function(item){
+          item.isHide = false
+        })
+      }
+    },
+    fullTextSearchWords (newVal, oldVal) {
       this.fullTextSearch.hasMore = false
       this.fullTextSearchItems.isLoading = false
       this.fullTextSearch.tip = undefined
       this.fullTextSearchItems.splice(0, this.fullTextSearchItems.length)
-      if (fullTextSearchTimer) {
+      if(fullTextSearchTimer) {
         clearTimeout(fullTextSearchTimer)
         fullTextSearchTimer = null
       }
-      if (!newVal) return
+      if(!newVal) {
+        return
+      }
       this.fullTextSearch.pageNum = 0
       fullTextSearchTimer = setTimeout(this.loadSearchResult.bind(this), 500)
     }
   },
-  mounted() {
-    fetch(window.themeConfig.root + 'content.json').then(res => res.json()).then(resJson => {
+  mounted () {
+    fetch(window.themeConfig.root + 'content.json').then(res => res.json()).then(resJson=>{
       this.items = resJson
-    }).catch(() => {
+    }).catch(err => {
       console.warn('加载文章列表失败')
     })
     welcomeMessage().then(msg => {
@@ -177,39 +179,44 @@ const vm = createApp({
     document.addEventListener('copy', () => {
       this.showMessage('你都复制了些什么呀，转载要记得加上出处哦')
     })
-    const hideModal = () => {
-      document.querySelectorAll('.page-modal').forEach(modal => {
+    // 隐藏模态框
+    let hideModal = (function() {
+      let modals = document.querySelectorAll('.page-modal')
+      Array.prototype.forEach.call(modals, modal => {
         modal.classList.remove('in')
       })
       this.$refs.mask.classList.remove('in')
-    }
-    // 隐藏模态框
+    }).bind(this)
     this.$refs.mask.addEventListener('click', hideModal)
-    document.querySelectorAll('.js-modal-close').forEach(modalClose => {
+    Array.prototype.forEach.call(document.querySelectorAll('.js-modal-close'), modalClose => {
       modalClose.addEventListener('click', hideModal)
     })
   },
   created() {
     // 夜间模式
-    const night = localStorage.getItem('night')
-    if (night === 'true') {
-      document.querySelector('body').classList.add('night')
+    let night = localStorage.getItem('night')
+    try {
+      if(night && eval(night)) document.querySelector('body').classList.add('night')
+    } catch (e){}
   }
-  }
-}).mount('#container')
+})
 
 function handleSearch(searchItems) {
   this.items.forEach(articleItem => {
-    articleItem.isHide = !searchItems.every(searchItem => {
-      switch (searchItem.type) {
+    articleItem.isHide = !Array.prototype.every.call(searchItems, searchItem => {
+      switch(searchItem.type) {
         case 'title': 
           return articleItem.title.toLowerCase().indexOf(searchItem.query.toLowerCase()) !== -1
-        case 'tag':
-          return articleItem.tags.some(tag => tag.name === searchItem.query)
-        case 'category':
-          return articleItem.categories.some(category => category.name === searchItem.query)
-        case 'date':
-          return articleItem.date && (articleItem.date.substr(0, 7) === searchItem.query)
+        case 'tag' : 
+          return Array.prototype.some.call(articleItem.tags, tag => {
+            return tag.name === searchItem.query
+          })
+        case 'category' : 
+          return Array.prototype.some.call(articleItem.categories, category => {
+            return category.name === searchItem.query
+          })
+        case 'date' : 
+          return articleItem.date && ( articleItem.date.substr(0,7) === searchItem.query )
       }
     })
   })
@@ -219,14 +226,22 @@ async function welcomeMessage() {
   let now = new Date().getHours()
   return http.get('/api/v2/common/config/waifu_tip').then(textTimes => {
     let text = null
-    textTimes.sort((a, b) => a.start - b.start)
-    textTimes.forEach(textTime => {
-      if (now > textTime.start && now <= textTime.end) {
+    Array.prototype.sort.call(textTimes, (item1, item2) => {
+      if(item1.start>item2.start) {
+        return 1
+      } else if(item1.start<item2.start) {
+        return -1
+      } else {
+        return 0
+      }
+    })
+    Array.prototype.forEach.call(textTimes, textTime => {
+      if(now > textTime.start && now <= textTime.end) {
         text = textTime.text
       }
     })
-    if (!text) {
-      text = textTimes[textTimes.length - 1].text
+    if(!text) {
+      text = textTimes[textTimes.length-1].text
     }
     return text
   })
@@ -256,8 +271,8 @@ const waifuTools = {
   },
   'tools.chart'() {
     // 一言
-    http.get('/api/v2/common/hitokoto', { params: { format: 'json' } }).then(res => {
-      this.showMessage(res.hitokoto + (res.from ? `　　——${res.from}` : ''))
+    http.get('/api/v2/common/hitokoto', { params: {format: 'json'} }).then(res => {
+      this.showMessage(res.hitokoto + (res.from?`　　——${res.from}`:''))
     })
   },
   'tools.search'() {

themes/yilia/webpack.config.js

@@ -24,7 +24,7 @@ module.exports = function(env, argv) {
       })]
     },
     entry: {
-      main: './source-src/js/main.js',
+      main: ['babel-polyfill', './source-src/js/main.js'],
       slider: './source-src/js/slider.js',
       mobile: './source-src/js/mobile.js',
       viewer: './source-src/js/viewer.js'
@@ -37,25 +37,39 @@ module.exports = function(env, argv) {
     module: {
       rules: [{
           test: /\.js$/,
-          use: 'babel-loader',
+          use: {
+            loader: 'babel-loader',
+            options: {
+              presets: ['@babel/preset-env'],
+              plugins: ['@babel/plugin-proposal-class-properties'],
+            },
+          },
           exclude: /node_modules/
         },{
           test: /\.less$/,
-          use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'less-loader']
+          use: [MiniCssExtractPlugin.loader, 'css-loader', 'less-loader']
         },{
           test: /\.css$/,
-          use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader']
+          use: [MiniCssExtractPlugin.loader, 'css-loader']
         },{
           test: /\.(png|jpe?g|gif|ico)$/,
-          type: 'asset/resource',
-          generator: {
-            filename: 'images/[name].[contenthash:6][ext]'
+          use: {
+            loader: 'file-loader',
+            options: {
+              name: '[name].[contenthash:6].[ext]',
+              outputPath: 'images',
+              esModule: false  // 不使用es6的模块语法
+            }
           }
         },{
           test: /\.(svg|eot|ttf|woff2?|otf)$/,
-          type: 'asset/resource',
-          generator: {
-            filename: 'fonts/[name].[contenthash:6][ext]'
+          use: {
+            loader: 'file-loader',
+            options: {
+              name: '[name].[contenthash:6].[ext]',
+              outputPath: 'fonts',
+              esModule: false  // 不使用es6的模块语法
+            }
           }
         }
       ]