fix: cdn 修复

Feature/good posts

frontend_nuxt/assets/global.css

@@ -41,6 +41,7 @@
   --twitter-bg-hover: rgb(91, 91, 91);
   --discord-bg: #5865f258;
   --discord-bg-hover: #5865f2b1;
+  --featured-color: rgb(255, 170, 0);
 }
 
 [data-theme='dark'] {

frontend_nuxt/pages/index.vue

@@ -74,6 +74,7 @@
                 v-else-if="article.type === 'POLL'"
                 class="fa-solid fa-square-poll-vertical poll-icon"
               ></i>
+              <i v-if="!article.rssExcluded" class="fa-solid fa-star featured-icon"></i>
               {{ article.title }}
             </NuxtLink>
             <NuxtLink class="article-item-description main-item" :to="`/posts/${article.id}`">
@@ -291,6 +292,7 @@ const {
       members: (p.participants || []).map((m) => ({ id: m.id, avatar: m.avatar })),
       comments: p.commentCount,
       views: p.views,
+      rssExcluded: p.rssExcluded || false,
       time: TimeManager.format(
         selectedTopic.value === '最新回复' ? p.lastReplyAt || p.createdAt : p.createdAt,
       ),
@@ -332,6 +334,7 @@ const fetchNextPage = async () => {
     members: (p.participants || []).map((m) => ({ id: m.id, avatar: m.avatar })),
     comments: p.commentCount,
     views: p.views,
+    rssExcluded: p.rssExcluded || false,
     time: TimeManager.format(
       selectedTopic.value === '最新回复' ? p.lastReplyAt || p.createdAt : p.createdAt,
     ),
@@ -547,11 +550,16 @@ const sanitizeDescription = (text) => stripMarkdown(text)
 
 .pinned-icon,
 .lottery-icon,
+.featured-icon,
 .poll-icon {
   margin-right: 4px;
   color: var(--primary-color);
 }
 
+.featured-icon {
+  color: var(--featured-color);
+}
+
 .article-item-description {
   max-width: 100%;
   margin-top: 10px;

frontend_nuxt/pages/posts/[id]/index.vue

@@ -15,6 +15,7 @@
         <div class="article-title-container-right">
           <div v-if="status === 'PENDING'" class="article-pending-button">审核中</div>
           <div v-if="status === 'REJECTED'" class="article-block-button">已拒绝</div>
+          <div v-if="!rssExcluded" class="article-featured-button">精品</div>
           <div v-if="closed" class="article-closed-button">已关闭</div>
           <div
             v-if="!closed && loggedIn && !isAuthor && !subscribed"
@@ -957,6 +958,7 @@ onMounted(async () => {
 
 .article-closed-button,
 .article-subscribe-button-text,
+.article-featured-button,
 .article-unsubscribe-button-text {
   white-space: nowrap;
 }
@@ -998,6 +1000,15 @@ onMounted(async () => {
   font-size: 14px;
 }
 
+.article-featured-button {
+  background-color: var(--background-color);
+  color: var(--featured-color);
+  border: 1px solid var(--featured-color);
+  padding: 5px 10px;
+  border-radius: 8px;
+  font-size: 14px;
+}
+
 .article-closed-button {
   background-color: var(--background-color);
   color: gray;

frontend_nuxt/utils/reactions.js

@@ -2,7 +2,11 @@ const toCdnUrl = (emoji) => {
   const codepoints = Array.from(emoji)
     .map((c) => c.codePointAt(0).toString(16))
     .join('_')
-  return `https://fonts.gstatic.com/s/e/notoemoji/latest/${codepoints}/emoji.svg`
+  // 国外镜像有点小卡 (=ﾟωﾟ)ﾉ, 国内大部分地区访问时会触发 SNI 封锁 / DNS 污染
+  // return `https://fonts.gstatic.com/s/e/notoemoji/latest/${codepoints}/emoji.svg`
+
+  // loli.net（即字节系开源社区 mirror，比如 jsDelivr 中国优化节点背后的 CDN 体系）. 不会被墙
+  return `https://gstatic.loli.net/s/e/notoemoji/latest/${codepoints}/emoji.svg`
 }
 
 export const reactionEmojiMap = {

frontend_nuxt/utils/tiebaEmoji.js

@@ -1,6 +1,9 @@
+// cdn.jsdelivr.net/gh/... 国内容易抽风
+// export const TIEBA_EMOJI_CDN = 'https://cdn.jsdelivr.net/gh/microlong666/tieba_mobile_emotions@master/'
+
+// Finally方案: 自托管
 export const TIEBA_EMOJI_CDN =
-  'https://cdn.jsdelivr.net/gh/microlong666/tieba_mobile_emotions@master/'
-// export const TIEBA_EMOJI_CDN = 'https://openisle-1307107697.cos.ap-guangzhou.myqcloud.com/assert/vditor/dist/images/emoji/'
+  'https://openisle-1307107697.cos.ap-guangzhou.myqcloud.com/assert/tieba/'
 
 export const tiebaEmoji = (() => {
   const map = { tieba1: TIEBA_EMOJI_CDN + 'image_emoticon.png' }