logicdn 1.0.757 → 1.0.758

package/logi.im/usr/themes/Mirages/usr/cus.js

@@ -0,0 +1,1250 @@
+(() => {
+  'use strict';
+
+  const CONFIG = {
+    // danmakuAPI: `${location.origin}/danmaku/`,
+    danmakuAPI:
+      'https://cd.logi.im/services/serverless/forward/?url=https://dplayer.moerats.com/',
+  };
+
+  // 事件监听
+  document.addEventListener('DOMContentLoaded', () => {
+    if (LocalConst.ENABLE_PJAX) {
+      initPJAX();
+
+      const complete = Mirages.doPJAXCompleteAction;
+      Mirages.doPJAXCompleteAction = () => {
+        complete();
+
+        initImageProxy();
+        initQrcode();
+        initDplayer();
+        initAplayer();
+        initCopyButton();
+        initDescription();
+        initFriendLinks();
+        initReplayHandler();
+        //initGoogleAdsense();
+        initCodeCopyButton();
+        initOuterLinkInComment();
+        initPJAX();
+        expandTOC();
+      };
+    }
+
+    initImageProxy();
+    initDescription();
+    initCopyButton();
+    initCodeCopyButton();
+    initDplayer();
+    initNavLink();
+    initQrcode();
+    initLiveDay();
+    initOuterLinkInComment();
+    initReplayHandler();
+    initAplayer();
+    initNotice();
+    sayHello();
+    initFriendLinks();
+    expandTOC();
+    //initGoogleAdsense();
+  });
+
+  // 本地保存和获取 JSON
+  const STORAGE = {
+    set: (key, value) => localStorage.setItem(key, JSON.stringify(value)),
+    get: (key) => {
+      const value = localStorage.getItem(key);
+      try {
+        return JSON.parse(value);
+      } catch {
+        return value;
+      }
+    },
+  };
+
+  const REQUIREMENTS = {
+    vue: {
+      promise: null,
+      srcs: [
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.10/vue.min.js',
+      ],
+    },
+    elementUI: {
+      promise: null,
+      srcs: [
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.8.2/theme-chalk/index.css',
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.8.2/index.js',
+      ],
+      caches: [
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.8.2/theme-chalk/fonts/element-icons.ttf',
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.8.2/theme-chalk/fonts/element-icons.woff',
+        '//cdn.cbd.int/logicdn@1.0.628/logi.im/usr/fonts/nasalization-rg.ttf',
+      ],
+    },
+    dplayer: {
+      promise: null,
+      srcs: [
+        '//cdn.cbd.int/dplayer@1.26.0/dist/DPlayer.min.js',
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/hls.js/1.1.2/hls.light.min.js',
+        '//cdn.cbd.int/flv.js@1.5.0/dist/flv.min.js',
+      ],
+    },
+    aplayer: {
+      promise: null,
+      srcs: [
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css',
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js',
+        '//cdn.cbd.int/meting@2.0.1/dist/Meting.min.js',
+      ],
+    },
+    qrcode: {
+      promise: null,
+      srcs: [
+        '//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery.qrcode/1.0/jquery.qrcode.min.js',
+      ],
+    },
+    ajaxhook: {
+      promise: null,
+      srcs: ['//cdn.cbd.int/ajax-hook/dist/ajaxhook.min.js'],
+    },
+  };
+
+  // 加载多个 REQUIREMENTS 的 Promise
+  function loadRequirements(...reqs) {
+    return Promise.all(
+      reqs.map((req) => {
+        if (req.Promise) return req.Promise;
+
+        const promises = req.srcs.map((src) => {
+          return new Promise((resolve, reject) => {
+            const suffix = src.split('.').pop();
+
+            const element = document.createElement(
+              { js: 'script', css: 'link' }[suffix]
+            );
+
+            element.onload = () => {
+              element.onload = null;
+              resolve('Successfully loaded: ' + src);
+            };
+
+            element.onerror = function () {
+              reject(Error('Filed to load: ' + src));
+            };
+
+            if (suffix === 'css') {
+              element.rel = 'stylesheet';
+              element.href = src;
+            } else {
+              element.src = src;
+            }
+
+            document.getElementsByTagName('head')[0].appendChild(element);
+          });
+        });
+
+        if (req.caches) {
+          req.caches.forEach((cache) => {
+            promises.push(fetch(cache));
+          });
+        }
+
+        req.Promise = Promise.all(promises);
+        return req.Promise;
+      })
+    );
+  }
+
+  // 通过 STRING 生成 HTML 元素
+  function generateHTMLElement(content) {
+    return document.createRange().createContextualFragment(content)
+      .firstElementChild;
+  }
+
+  // 把字符串转为 HTML 元素插入 HEAD
+  function appendToHead(content) {
+    const element = generateHTMLElement(content);
+    if (!document.getElementById(element.getAttribute('id'))) {
+      document.getElementsByTagName('head')[0].appendChild(element);
+    }
+  }
+
+  // 复制传入的文本
+  function copyText(text) {
+    const target = document.createElement('pre'); // textarea
+    target.style.opacity = '0';
+    target.textContent = text;
+    document.body.appendChild(target);
+    try {
+      const range = document.createRange();
+      range.selectNode(target);
+      window.getSelection().removeAllRanges();
+      window.getSelection().addRange(range);
+      document.execCommand('copy');
+      window.getSelection().removeAllRanges();
+      message('复制成功！', 'success');
+    } catch (e) {
+      message('复制失败！', 'error');
+    }
+    document.body.removeChild(target);
+  }
+
+  // 加载 ELEMENTUI
+  function registerElementUI() {
+    return loadRequirements(REQUIREMENTS.vue)
+      .then(() => loadRequirements(REQUIREMENTS.elementUI))
+      .then(() => {
+        window.VueRootInstance = new Vue({
+          el: document.createElement('div'),
+          created() {
+            window.alert = this.alert;
+            window.message = this.message;
+          },
+          methods: {
+            alert: function (
+              message,
+              type,
+              title,
+              duration,
+              showClose,
+              offset,
+              onClose
+            ) {
+              if (duration === undefined) duration = 6000;
+              this.$notify({
+                message: message,
+                type: type || 'error',
+                title: title || '警告',
+                duration: duration,
+                showClose: showClose || false,
+                offset: offset || 0,
+                onClose: onClose,
+              });
+            },
+            message: function (text, type) {
+              this.$message({
+                message: text,
+                type: type,
+              });
+            },
+          },
+        });
+      });
+  }
+
+  // 等待元素的 promise
+  function waitElements(selector) {
+    return new Promise((resolve, reject) => {
+      const waitId = setInterval(() => {
+        const elems = document.querySelectorAll(selector);
+        if (elems.length) {
+          clearInterval(waitId);
+          resolve(elems);
+        }
+      }, 200);
+
+      setTimeout(() => {
+        clearInterval(waitId);
+        reject(new Error(`wait ${selector} time out`));
+      }, 1000 * 10);
+    });
+  }
+
+  // 反代图床
+  function initImageProxy() {}
+
+  // 拓宽目录显示
+  async function expandTOC() {
+    if (body.offsetWidth < 1000) return;
+
+    const menu = document.querySelector('#post-menu');
+    const toggle = document.querySelector('#toggle-menu-tree');
+    const backtop = document.querySelector('#backtop');
+    backtop ? backtop.removeAttribute('style') : null;
+
+    if (!toggle || !menu || !backtop) return;
+
+    appendToHead(
+      `
+        <style id='body-width-for-toc'>
+          @media screen and (min-width: 1000px) {
+              body.desktop #wrap.display-menu-tree {
+                  width:calc(100% - 27rem) !important;
+              }
+          }
+        </style>
+        `
+    );
+
+    const tocs = await waitElements('span.toc');
+    if (!tocs) return;
+
+    let expanded = toggle.querySelector('fa-angle-left');
+    [toggle, ...tocs].forEach((e) =>
+      e.addEventListener('click', () => {
+        if (!expanded) {
+          menu.style.width = '27.5rem';
+          toggle.style.transform = 'translateX(-27.5rem)';
+          backtop.style.transform = 'translateX(-27.5rem)';
+        } else {
+          menu.removeAttribute('style');
+          toggle.removeAttribute('style');
+          backtop.removeAttribute('style');
+        }
+        expanded = !expanded;
+      })
+    );
+  }
+
+  // 显示欢迎语
+  function sayHello() {
+    if (!document.querySelector('meta[property="og:site_name"]')) return;
+
+    const hours = new Date().getHours();
+    let hello;
+    if (hours < 5) {
+      hello = '凌晨好，注意休息哦！';
+    } else if (hours >= 5 && hours < 8) {
+      hello = '早上好，新的一天又是元气满满呢！';
+    } else if (hours >= 8 && hours < 12) {
+      hello = '上午好！';
+    } else if (hours === 12) {
+      hello = '中午好！';
+    } else if (hours > 12 && hours <= 18) {
+      hello = '下午好！';
+    } else if (hours > 18 && hours <= 22) {
+      hello = '晚上好！';
+    } else if (hours > 22 && hours < 24) {
+      hello = '夜深了，注意休息哦！';
+    }
+
+    const helloMessage = new Date().toLocaleDateString() + hello;
+    if (STORAGE.get('HELLO') === helloMessage) return;
+
+    registerElementUI().then(() => {
+      setTimeout(() => {
+        const siteName = document.querySelector(
+          'meta[property="og:site_name"]'
+        ).content;
+        let welcome = '欢迎来到 ' + siteName;
+        if (!/博客|小站|小窝|blog/i.test(siteName)) {
+          welcome += ' 的博客！';
+        }
+
+        alert(welcome, 'success', hello, 3000);
+        STORAGE.set('HELLO', helloMessage);
+      }, 2500);
+    });
+  }
+
+  // 自定义公告样式
+  appendToHead(
+    `<style id="blod-notice">
+              .blog-notice {
+                  display: none !important;
+              }
+              .el-message {
+                  top: .75rem !important;
+              }
+              @media screen and (max-device-width: 767px) {
+                  .el-notification.right {
+                      margin: 0 auto;
+                      left: 0;
+                      right: 0 !important;
+                  }
+                  .el-message {
+                      min-width: unset !important;
+                      width: 90vw !important;
+                  }
+              }
+          </style>`
+  );
+  function initNotice() {
+    const blgNotice = document.querySelector('.blog-notice p');
+    if (blgNotice) {
+      const oldNotice = STORAGE.get('NOTICE');
+      const newNotice = blgNotice.innerText;
+      if (!oldNotice || oldNotice !== newNotice) {
+        registerElementUI().then(() => {
+          alert(newNotice, 'info', '公告', 0, true, null, () => {
+            STORAGE.set('NOTICE', newNotice);
+          });
+        });
+      }
+    }
+  }
+
+  function bundleDataCallback(render) {
+    const api = (action) =>
+      `//cd.logi.im/services/serverless/forward/?url=https://${action}.jsdelivr.net/npm/logicdn/logi.im/api/asset/data/bundle.json`;
+
+    const refresh = async () => fetch(api('purge'));
+
+    const validateData = (data) => {
+      if (new Date(data.date).toDateString() === new Date().toDateString()) {
+        return true;
+      }
+      refresh();
+      return false;
+    };
+
+    const data = STORAGE.get('API_BUNDLE_DATA');
+    if (data) {
+      render(data);
+      if (validateData(data)) return;
+    }
+
+    fetch(api('cdn'), {
+      cache: 'no-store',
+    })
+      .then((response) => response.json())
+      .then((json) => {
+        if (!data) render(json);
+        STORAGE.set('API_BUNDLE_DATA', json);
+      });
+  }
+
+  // 获取每日一句并显示
+  function initDescription() {
+    if (location.href !== location.origin + '/') return;
+
+    bundleDataCallback((data) => {
+      const getRandomInt = (max) => Math.floor(Math.random() * max);
+      data = data.sentences[getRandomInt(data.sentences.length)];
+      const h1 = document.querySelector('h1.blog-title');
+      const h2 = document.querySelector('h2.blog-description');
+      // (h1.innerHTML = data.translation), (h2.innerHTML = data.sentence);
+      h1.innerHTML = data.sentence.split(/[.?!]/)[0] + '.';
+    });
+  }
+
+  // 获取友链健康数据
+
+  appendToHead(
+    `<style id="friend-status">
+          .status::before {
+            content: "";
+            width: 20px;
+            height: 10px;
+            border-radius: 4px;
+            box-sizing: border-box;
+            position: absolute;
+            top: 2px;
+            right: 2px;
+          }
+          .online::before {
+            background: #5bca24;
+          }
+          .offline::before {
+            border: red 1px solid;
+          }
+          .untracked::before {
+            border: #f9a146 1px solid;
+            border-right-width: 15px;
+          }
+      </style>`
+  );
+  function initFriendLinks() {
+    if (!location.href.startWith(`${location.origin}/about.html`)) {
+      return;
+    }
+
+    Array.prototype.shuffle = function () {
+      for (let i = this.length - 1; i > 0; i--) {
+        let j = Math.floor(Math.random() * i);
+        [this[i], this[j]] = [this[j], this[i]];
+      }
+      return this;
+    };
+
+    const render = (data) => {
+      function randomAvatar(suffix) {
+        return `//source.boringavatars.com/beam/200/${btoa(suffix)}`;
+      }
+
+      const online = generateHTMLElement(`<div class="link-box"></div>`);
+      const offline = generateHTMLElement(`<div class="link-box"></div>`);
+
+      data.friends.shuffle().forEach((friend) => {
+        const toStart = (date) => date.setHours(0, 0, 0, 0);
+
+        const offlineDays =
+          (toStart(new Date()) - toStart(new Date(friend.lastOnlineDate))) /
+          (1000 * 60 * 60 * 24);
+
+        const isOnline = friend.online || offlineDays < 5;
+        friend.untracked =
+          friend.untracked || (offlineDays > 2 && offlineDays < 5);
+
+        const friendElem = generateHTMLElement(`
+                    <a href="${
+                      friend.link
+                    }" target="_blank" class="no-underline">
+                        <div class="thumb">
+                            <img width="200" height="200" src="${
+                              isOnline
+                                ? `//cdn.cbd.int/logicdn@1.0.628/logi.im/api/` +
+                                  friend.avatar
+                                : randomAvatar(friend.avatar)
+                            }?t=${Date.now()}" alt="${friend.name}">
+                        </div>
+                        <div class="content status ${
+                          friend.untracked
+                            ? 'untracked'
+                            : isOnline
+                            ? 'online'
+                            : 'offline'
+                        }">
+                            <p class="title">
+                              ${friend.name}${
+          !isOnline ? '<br>已离线 ' + offlineDays + ' 天' : ''
+        }</p>
+                        </div>
+                    </a>
+                  `);
+
+        if (isOnline) {
+          online.appendChild(friendElem);
+        } else {
+          offline.appendChild(friendElem);
+        }
+      });
+
+      document.querySelector('#friend-online').appendChild(online);
+      document.querySelector('#friend-offline').appendChild(offline);
+    };
+
+    bundleDataCallback(render);
+  }
+
+  // 创建隐藏内容的复制按钮
+  function initCopyButton() {
+    const cps = document.querySelectorAll('cp');
+    if (cps.length) {
+      registerElementUI().then(() => {
+        cps.forEach((btn) => {
+          btn.style.display = '0';
+          let text = btn.getAttribute('text');
+          text = text[0] === '\n' ? text.slice(1) : text;
+          const button = document.createElement('a');
+          button.href = '#';
+          button.innerHTML = btn.getAttribute('name');
+          button.className = 'btn btn-primary';
+          button.onclick = (event) => {
+            event.preventDefault();
+            copyText(text);
+            // return false;
+          };
+          btn.parentNode.insertBefore(button, btn);
+        });
+      });
+    }
+  }
+
+  // 在代码块右上角添加复制按钮
+  function initCodeCopyButton() {
+    const pres = document.querySelectorAll('pre');
+    if (pres.length) {
+      appendToHead(
+        `<style id="btn-code">
+                @font-face {
+                  font-family: "Nasalization";
+                  src: url("//cdn.cbd.int/logicdn@1.0.628/logi.im/usr/fonts/nasalization-rg.ttf") format("truetype");
+                }
+                .code-wrapper {
+                  position: absolute;
+                  display: flex;
+                  top: .1em;
+                  right: .1em;
+                }
+                .btn-code {
+                  font-family: Nasalization;
+                  margin-left: .2rem;
+                  border-radius: .1rem;
+                  text-align: center;
+                  user-select: none;
+                  line-height: .95rem;
+                  height: 1rem;
+                  padding: 0 .2rem;
+                  color: white;
+                  font-size: 80%;
+                  opacity: .4;
+                  background: #4e4e4e;
+                }
+                .btn-code.copy:hover {
+                  background: black;
+                  cursor: pointer;
+                }
+              </style>`
+      );
+    }
+
+    registerElementUI().then(() => {
+      pres.forEach((pre) => {
+        const code = pre.querySelector('code');
+        if (code) {
+          const preParent = pre.parentElement;
+          const newPreParent = document.createElement('div');
+          newPreParent.style = 'position: relative';
+          preParent.insertBefore(newPreParent, pre);
+
+          const wrapper = document.createElement('div');
+          wrapper.className = 'code-wrapper';
+          newPreParent.appendChild(wrapper);
+
+          const copyBtn = document.createElement('div');
+          copyBtn.innerHTML = 'copy';
+          copyBtn.className = 'btn-code copy';
+          copyBtn.addEventListener('click', () => copyText(code.textContent));
+          wrapper.appendChild(copyBtn);
+
+          const lang = code.classList[0].split('-')[1];
+          if (lang) {
+            const langDiv = document.createElement('div');
+            langDiv.innerHTML = lang;
+            langDiv.className = 'btn-code';
+            wrapper.insertBefore(langDiv, copyBtn);
+          }
+
+          newPreParent.appendChild(pre);
+        }
+      });
+    });
+  }
+
+  // DPlayer API
+  function initDplayer() {
+    const dps = document.getElementsByTagName('dp');
+    if (dps.length) {
+      appendToHead(`
+                <style id="dplayer-danmaku">
+                  .dplayer-danmaku {
+                    z-index:1;
+                  }
+                  .dplayer-controller,.dplayer-mask.dplayer-mask-show {
+                    z-index:2;
+                  }
+                  .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
+                    animation:danmaku 12s linear !important;
+                  }
+                  .dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
+                    animation:danmaku 15s linear !important;
+                    animation-play-state:inherit !important;
+                  }
+                  .dplayer-paused .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
+                    animation-play-state:paused !important;
+                  }
+                  .dplayer-danmaku .dplayer-danmaku-item {
+                    margin-top:2px !important;
+                    text-shadow:0.5px 0.5px 1px black !important;
+                    font-weight:bold !important;
+                  }
+                </style>`);
+      function fixVideoSize() {
+        let outerTimer = false;
+        const outerInterval = setInterval(() => {
+          if (outerTimer) return;
+          const videos = document.getElementsByTagName('video');
+          if (videos.length === dps.length) {
+            const dplayerWraps = document.querySelectorAll(
+              '.dplayer-video-wrap'
+            );
+            for (let i = 0; i < dps.length; i++) {
+              const videoContainers = dplayerWraps[i].querySelectorAll(
+                '.video-container.video-4-3'
+              );
+              if (videoContainers.length) {
+                videoContainers[0].style = 'position: initial;';
+                videoContainers[0].className = 'video-container video-16-9';
+                console.log('Dplayer: video-4-3 fixed.');
+              } else {
+                const videoContainer = document.createElement('div');
+                videoContainer.style = 'position: initial;';
+                videoContainer.className = 'video-container video-16-9';
+                videoContainer.appendChild(videos[i]);
+                dplayerWraps[i].appendChild(videoContainer);
+                console.log('Dplayer: video-16-9 inserted.');
+                const targetNode = videoContainer;
+                const config = { childList: true };
+                const callback = (_, observer) => {
+                  const newVideoContainers = videoContainer.querySelectorAll(
+                    '.video-container.video-4-3'
+                  );
+                  if (newVideoContainers.length) {
+                    newVideoContainers[0].className = '';
+                    console.log('Dplayer: auto inserted video-4-3 fixed.');
+                    observer.disconnect();
+                  }
+                };
+                const observer = new MutationObserver(callback);
+                observer.observe(targetNode, config);
+                setTimeout(() => observer.disconnect(), 1000 * 120);
+              }
+            }
+            outerTimer = true;
+            clearInterval(outerInterval);
+          }
+        }, 500);
+      }
+
+      loadRequirements(REQUIREMENTS.dplayer).then(() => {
+        for (let i = 0; i < dps.length; i++) {
+          const child = document.createElement('div');
+          const src = dps[i].getAttribute('src');
+          const cid = dps[i].getAttribute('cid');
+          dps[i].parentNode.insertBefore(child, dps[i]);
+          dps[i].style.display = 'none';
+          const type = src.split('.').pop();
+          const video = { url: src };
+          type === 'flv' ? (video.type = type) : null;
+          const option = {
+            container: child,
+            preload: 'none',
+            autoplay: false,
+            screenshot: false,
+            video: video,
+          };
+          if (cid) {
+            option.danmaku = {
+              id: `cid_${cid}`,
+              token: '299b6a5543616b5508c1ce8616ed530b',
+              api: CONFIG.danmakuAPI,
+              addition: [`${CONFIG.danmakuAPI}v3/bilibili/?cid=${cid}`],
+            };
+          }
+          new DPlayer(option);
+        }
+
+        window.Mirages ? fixVideoSize() : null;
+      });
+    }
+  }
+
+  // 自定义导航栏
+  function initNavLink() {
+    [
+      ...document.querySelectorAll('#nav a'),
+      ...document.querySelectorAll('#navbarCollapse a'),
+    ].forEach((a) => {
+      if ('游戏 网盘 商店 音乐'.split(' ').indexOf(a.title) !== -1) {
+        a.target = '_blank';
+      } else if (a.title === '关于' && a.className === 'nav-linkcurrent') {
+        a.className = 'nav-link current';
+      }
+    });
+  }
+
+  // QRCODE API
+  function initQrcode() {
+    const common = {
+      initOptions: function (source, options) {
+        options = options || {};
+        'text size border'.split(' ').forEach((key) => {
+          const value =
+            source instanceof URLSearchParams
+              ? source.get(key)
+              : source.getAttribute(key);
+          if (value) {
+            if (key === 'size') {
+              options.width = value;
+              options.height = value;
+            } else {
+              options[key] = value;
+            }
+          }
+        });
+        return options;
+      },
+      makeQrcode: function (source, options) {
+        const div = document.createElement('div');
+        jQuery(div).qrcode(options);
+        const canvas = div.querySelector('canvas');
+        const dataURL = canvas.toDataURL('image/jpeg', 1.0);
+        if (!options.hasOwnProperty('border')) {
+          source.src = dataURL;
+          return;
+        }
+
+        const context = canvas.getContext('2d');
+        const image = new Image();
+        image.onload = function () {
+          const size = options.width - 2 * options.border;
+          context.fillStyle = '#FFF';
+          context.fillRect(0, 0, canvas.width, canvas.height);
+          context.drawImage(image, options.border, options.border, size, size);
+          source.src = canvas.toDataURL('image/jpeg', 1.0);
+        };
+        image.src = dataURL;
+      },
+      makeQrcodes: function (sources) {
+        for (let i = 0; i < sources.length; i++) {
+          const options = this.initOptions(sources[i]);
+          if (options.hasOwnProperty('text')) {
+            const image = new Image();
+            sources[i].parentNode.insertBefore(image, sources[i]);
+            sources[i].style.display = 'none';
+            this.makeQrcode(image, options);
+          }
+        }
+      },
+    };
+    const mirages = {
+      addQrcode: function (qrBox, makeQrcode, initOptions) {
+        const image = qrBox.querySelector('img');
+        if (!image.src.startWith(location.href)) {
+          return;
+        }
+        const splitedSrc = image.src.split('?');
+        let options = { text: splitedSrc[0] };
+        if (splitedSrc[1]) {
+          options = initOptions(new URLSearchParams(splitedSrc[1]), options);
+        }
+        makeQrcode(image, options);
+      },
+    };
+
+    const position = document.querySelector('.post-qr-code-box');
+    const qrs = document.getElementsByTagName('qr');
+    if (position) {
+      loadRequirements(REQUIREMENTS.qrcode).then(() => {
+        mirages.addQrcode(position, common.makeQrcode, common.initOptions);
+      });
+    }
+
+    if (qrs.length) {
+      loadRequirements(REQUIREMENTS.qrcode).then(() => {
+        common.makeQrcodes(qrs);
+      });
+    }
+  }
+
+  // 添加站点生存时间
+  function initLiveDay() {
+    const birthTime = '2015/2/21 10:23:12';
+    const template = (A, B, C, D) => `Struggling for ${A}d ${B}h ${C}m ${D}s.`;
+
+    const container = footer.querySelector('.container');
+    const p = document.createElement('p');
+    container.insertBefore(p, container.firstElementChild);
+
+    const msoad = 24 * 60 * 60 * 1000;
+    const wrap = (n) => (n > 9 ? n : '0' + n);
+    const toInt = (n) => wrap(Math.floor(n));
+    setInterval(() => {
+      const lived = new Date() - new Date(birthTime);
+      const days = lived / msoad;
+      const intDays = toInt(days);
+      const hours = (days - intDays) * 24;
+      const intHours = toInt(hours);
+      const minutes = (hours - intHours) * 60;
+      const intMinutes = toInt(minutes);
+      const seconds = (minutes - intMinutes) * 60;
+      const intSeconds = toInt(seconds);
+      p.innerHTML = template(intDays, intHours, intMinutes, intSeconds);
+    }, 1000);
+  }
+
+  // 评论区外链在新窗口打开
+  function initOuterLinkInComment() {
+    document
+      .querySelectorAll('.comment-list a[href^="' + location.origin + '/go/"]')
+      .forEach((a) => (a.target = '_blank'));
+  }
+
+  // PJAX 下，若存在隐藏内容，回复后自动刷新
+  function initReplayHandler() {
+    // 顺便改下提示
+    const comments = document.querySelector('#comments');
+    if (!comments) return;
+
+    const commentTemplate = `
+            <ol class="comment-list">
+              <li
+                itemscope=""
+                itemtype="http://schema.org/UserComments"
+                id="comment-3006"
+                class="comment-body comment-child comment-level-odd comment-odd comment-by-author"
+              >
+                <div
+                  class="comment-author"
+                  itemprop="creator"
+                  itemscope=""
+                  itemtype="http://schema.org/Person"
+                >
+                  <span itemprop="image"
+                    ><img
+                      class="avatar"
+                      src="https://code.bdstatic.com/npm/logicdn@1.0.0/logi.im/usr/images/global/logo.webp"
+                      data-src=""
+                      alt="LOGI"
+                      width="100"
+                      height="100"
+                  /></span>
+                  <cite class="fn color-main" itemprop="name"
+                    ><a href="${location.origin}" rel="external nofollow">LOGI</a></cite
+                  >
+                </div>
+                <div class="comment-content" itemprop="commentText">
+                  <p>
+                    强调几点：（该留言由系统自动生成！）<br />
+                    1. 请不要刷广告，本站没有流量！<br />
+                    2. 我不回复虚假邮箱，因为回复了你也看不到！<br />
+                    3. 存在必须回复的隐藏内容时，可以直接使用表情框里的阿鲁表情！
+                  </p>
+                </div>
+              </li>
+              </ol>`;
+    const seperatorTemplate = `
+            <div class="comment-separator">
+              <div class="comment-tab-current">
+              <span class="comment-num">已有 1 条评论</span>
+              </div>
+            </div>`;
+
+    const author = comments.querySelector('#author');
+    const email = comments.querySelector('#mail');
+    const url = comments.querySelector('#url');
+    const textarea = comments.querySelector('#textarea');
+    const respond = comments.querySelector('.respond');
+    let separator = comments.querySelector('.comment-separator');
+    if (email && author && url && textarea) {
+      author.placeholder = '您的昵称（必填）';
+      email.placeholder = '您的邮箱（必填）';
+      url.placeholder = '您的网站（选填）';
+      textarea.placeholder = '在这里输入您的评论！';
+
+      if (!separator) {
+        comments.insertBefore(
+          generateHTMLElement(seperatorTemplate),
+          respond.nextElementSibling
+        );
+        separator = comments.querySelector('.comment-separator');
+      }
+
+      comments.insertBefore(
+        generateHTMLElement(commentTemplate),
+        separator.nextElementSibling
+      );
+    }
+
+    const commentForm = comments.querySelector('#comment-form');
+    const reply2View = document.querySelector('.reply2view');
+    if (commentForm && reply2View && reply2View.className === 'reply2view') {
+      const submit = commentForm.querySelector('#submit');
+      const template = (sec) => `评论提交成功，重载倒计时${sec}.`;
+      submit.setAttribute('data-posted', template(3));
+
+      const reload = async () => {
+        const status = document.querySelector('span.comment-posted');
+        if (status) {
+          ah.unProxy();
+
+          function count(rest) {
+            if (rest < 1) {
+              $.pjax.reload('#body', {
+                scrollTo: reply2View.scrollTop,
+                timeout: 8000,
+              });
+              return;
+            }
+            status.innerHTML = template(rest);
+            setTimeout(() => count(rest - 1), 1000);
+          }
+
+          count(3);
+          return;
+        }
+
+        setTimeout(reload, 100);
+      };
+
+      loadRequirements(REQUIREMENTS.ajaxhook).then(() => {
+        ah.proxy({
+          onRequest: (config, handler) => {
+            handler.next(config);
+          },
+          onError: (err, handler) => {
+            handler.next(err);
+          },
+          onResponse: (response, handler) => {
+            if (
+              response.config.url ===
+              `${location.href.match(/http.+html/)[0]}/comment`
+            ) {
+              reload();
+            }
+            handler.next(response);
+          },
+        });
+      });
+      /*
+              const callback = (mutations, observer) => {
+              mutations.forEach((mutation) => {
+                mutation.addedNodes.forEach((node) => {
+                  let status = null;
+                  if (typeof node.querySelector === "function") {
+                    status = node.querySelector(".comment-meta .comment-posted");
+                  }
+                  if (status) {
+                    console.log("Comment success observed.");
+                    let countDown = 2;
+                    const countDownWaiter = setInterval(() => {
+                      if (countDown < 0) {
+                        clearInterval(countDownWaiter);
+                        observer.disconnect();
+                        return;
+                      }
+                      status.innerText = template(countDown--);
+                      if (countDown === 0) {
+                        $.pjax.reload({
+                          url: location.href,
+                          container: "#body",
+                          fragment: "#body",
+                          scrollTo: reply2View.scrollTop,
+                          timeout: 8000,
+                        });
+                        initReplayHandler();
+                        console.log("Comment observation finished.");
+                        clearInterval(countDownWaiter);
+                        observer.disconnect();
+                      }
+                    }, 800);
+                  }
+                });
+              });
+            };
+            const observer = new MutationObserver(callback);
+            commentForm.addEventListener("submit", () => {
+              console.log("Start to observe comment");
+              observer.observe(comments, { childList: true, subtree: true });
+            });
+          */
+    }
+  }
+
+  // APlayer API
+  window.aplayers = window.aplayers || [];
+  window.initAplayer = initAplayer;
+  function initAplayer(option) {
+    function createAplayers(sources) {
+      for (let i = 0; i < sources.length; i++) {
+        const child = document.createElement('div');
+        sources[i].parentNode.insertBefore(child, sources[i]);
+        sources[i].style.display = 'none';
+        const songTags = sources[i].querySelectorAll('s');
+        const songs = [];
+        songTags.forEach((songTag) => {
+          const song = {};
+          for (let i = 0; i < songTag.attributes.length; i++) {
+            song[songTag.attributes[i].name] = songTag.attributes[i].value;
+          }
+          songs.push(song);
+        });
+        const options = {
+          container: child,
+          preload: 'none',
+          autoplay: false,
+          audio: songs,
+        };
+        const optionMap = sources[i].attributes;
+        for (let i = 0; i < optionMap.length; i++) {
+          options[optionMap[i].name] = optionMap[i].value;
+        }
+        loadRequirements(REQUIREMENTS.aplayer).then(() =>
+          window.aplayers.push(new APlayer(options))
+        );
+      }
+    }
+
+    if (option == 'manual') return loadRequirements(REQUIREMENTS.aplayer);
+
+    const aps = document.querySelectorAll('ap');
+    if (aps.length) createAplayers(aps);
+
+    const mts = document.querySelectorAll('meting-js');
+    if (mts.length) {
+      mts.forEach((mt) => {
+        const t = document.createElement('textarea');
+        t.style.display = 'none';
+        t.value = mt.outerHTML;
+        t.id = 'meting-js';
+        mt.parentElement.replaceChild(t, mt);
+      });
+
+      loadRequirements(REQUIREMENTS.aplayer).then(() => {
+        document.querySelectorAll('#meting-js').forEach((t) => {
+          t.parentElement.replaceChild(generateHTMLElement(t.value), t);
+        });
+      });
+    }
+  }
+
+  // PJAX 相关 BUG
+  function initPJAX() {
+    window.addEventListener(
+      'popstate',
+      (e) => {
+        window.aplayers.forEach((ap) => {
+          ap.list.index = undefined;
+          ap.destroy();
+        });
+
+        if (e.state.url === location.href) {
+          let needReload = false;
+          [
+            '.collapse-block',
+            '.content-tabs',
+            '#toggle-menu-tree',
+            'meting-js',
+            'pre code',
+          ].forEach((s) =>
+            document.querySelectorAll(s).forEach((e) => {
+              e.style.display = 'none';
+              needReload = true;
+            })
+          );
+
+          if (needReload) {
+            document.querySelectorAll('.dplayer').forEach((dp) => {
+              appendToHead(`
+                    <style id="dplayer-height">
+                      .dplayer {
+                        height: ${(600 * 9) / 16}px !important;
+                      }
+                    </style>`);
+            });
+
+            $.pjax.reload('#body', { timeout: 8000 });
+          }
+        }
+      },
+      false
+    );
+  }
+
+  function initGoogleAdsense() {
+    if (
+      location.pathname.startsWith('/about.html') ||
+      location.pathname.startsWith('/comments.html') ||
+      location.pathname.startsWith('/archives.html') ||
+      location.pathname.startsWith(
+        '/security/android-package-name-deception.html'
+      ) ||
+      location.pathname.startsWith(
+        '/script/unblocking-bilibili-without-perception.html/comment-page-2'
+      )
+    )
+      return;
+
+    const articlePost = document.querySelector('article.post');
+    if (!articlePost) return;
+
+    window.LAST_REGISTERED_URL = location.href;
+    const initMask = () => {
+      if (
+        window.LAST_REGISTERED_URL !== location.href ||
+        document.querySelector('#fullscreenMask')
+      ) {
+        return;
+      }
+
+      document
+        .querySelectorAll('ins')
+        .forEach((ins) => ins.parentElement.removeChild(ins));
+
+      const mask = document.createElement('div');
+      mask.id = 'fullscreenMask';
+      mask.style.background = 'black';
+      mask.style.position = 'fixed';
+      mask.style.top = '0';
+      mask.style.left = '0';
+      mask.style.opacity = '.5';
+      mask.style.zIndex = '2000';
+      mask.style.width = '100vw';
+      mask.style.height = '100vh';
+      document.body.appendChild(mask);
+      alert(
+        '请大佬关闭广告屏蔽插件或将本站加入白名单后刷新页面，感谢您的支持！',
+        'error',
+        '恳请',
+        null,
+        0
+      );
+    };
+    fetch('//www.googletagservices.com/activeview/js/current/osd.js', {
+      mode: 'no-cors',
+    }).catch(() => {
+      document
+        .querySelectorAll('ins')
+        .forEach((ins) => ins.parentElement.removeChild(ins));
+      setTimeout(initMask, 5000);
+    });
+
+    document
+      .querySelectorAll('#body-bottom .container ins.adsbygoogle')
+      .forEach((ad) => {
+        ad.parentElement.removeChild(ad);
+      });
+
+    let width,
+      adloader = document.createElement('script');
+
+    if (!LocalConst.IS_PHONE) {
+      adloader.setAttribute('async', true);
+      adloader.src =
+        '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?ts=' +
+        Date.now();
+      document.body.appendChild(adloader);
+
+      const postContent = document.querySelector('div.post-content');
+      width = postContent.offsetWidth;
+      postContent.insertBefore(
+        generateHTMLElement(`
+              <ins class="adsbygoogle"
+                  style="display:block; text-align:center; width:${width}px;"
+                  data-ad-layout="in-article"
+                  data-ad-format="fluid"
+                  data-ad-client="ca-pub-2697499514807797"
+                  data-ad-slot="7068019113">
+              </ins>`),
+        postContent.firstElementChild
+      );
+      (window.adsbygoogle = window.adsbygoogle || []).push({});
+    }
+
+    adloader = document.createElement('script');
+    adloader.setAttribute('async', true);
+    adloader.src =
+      '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?ts=' +
+      Date.now();
+    document.body.appendChild(adloader);
+    const bodyBottomContainer = document.querySelector(
+      '#body-bottom .container'
+    );
+    const comments = bodyBottomContainer.querySelector('#comments');
+    const postNear = bodyBottomContainer.querySelector('.post-near');
+    postNear.style.marginBottom = '1em';
+    width = postNear.offsetWidth;
+    bodyBottomContainer.insertBefore(
+      generateHTMLElement(`
+            <ins class="adsbygoogle"
+                style="display:block; text-align:center; width:${width}px;"
+                data-ad-client="ca-pub-2697499514807797"
+                data-ad-slot="1677404715"
+                data-ad-format="auto"
+                data-full-width-responsive="false">
+            </ins>`),
+      comments
+    );
+    (window.adsbygoogle = window.adsbygoogle || []).push({});
+    console.log('Adding adsense');
+
+    setTimeout(() => {
+      if (document.querySelector('ins.adsbygoogle iframe')) {
+        return;
+      }
+      initMask();
+    }, 5000);
+  }
+})();