适配长推文,调整列表边距

josStorer · Jul 20, 2023 · 538f18c · 538f18c
1 parent 8dba7f6
commit 538f18c
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 10 deletions.
diff --git a/src/content-script/site-adapters/followin/index.mjs b/src/content-script/site-adapters/followin/index.mjs
@@ -3,16 +3,23 @@ import { cropText } from '../../../utils'
 export default {
   inputQuery: async () => {
     try {
-      const title = document.querySelector('main article h1')?.textContent
-      const description = document.querySelector('#article-content')?.textContent
-      if (title && description) {
-        const author = document.querySelector('main article a > span')?.textContent
-        return await cropText(
-          `以下是一篇文章,标题是:"${title}",作者是:"${author}",内容是:\n"${description}".请以如下格式输出你的回答：
-          ======
-          {文章摘要}
+      const author = document.querySelector('main article a > span')?.textContent
+      const description =
+        document.querySelector('#article-content')?.textContent ||
+        document.querySelector('#thead-gallery')?.textContent
+      if (author && description) {
+        const title = document.querySelector('main article h1')?.textContent
+        if (title) {
+          return await cropText(
+            `以下是一篇文章,请给出文章的结论和3到5个要点.标题是:"${title}",作者是:"${author}",内容是:\n"${description}".
           `,
-        )
+          )
+        } else {
+          return await cropText(
+            `以下是一篇长推文,请给出文章的结论和3到5个要点.作者是:"${author}",内容是:\n"${description}".
+          `,
+          )
+        }
       }
     } catch (e) {
       console.log(e)

diff --git a/src/content-script/site-adapters/index.mjs b/src/content-script/site-adapters/index.mjs
@@ -190,6 +190,6 @@ export const config = {
     inputQuery: followin.inputQuery,
     sidebarContainerQuery: [],
     appendContainerQuery: [],
-    resultsContainerQuery: ['#article-content'],
+    resultsContainerQuery: ['#article-content', '#thead-gallery'],
   },
 }
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
@@ -3,6 +3,7 @@
 
 [data-theme='auto'] {
   @import 'github-markdown-css/github-markdown.css';
+
   @media screen and (prefers-color-scheme: dark) {
     @import 'highlight.js/scss/github-dark.scss';
     --font-color: #c9d1d9;
@@ -13,6 +14,7 @@
     --color-neutral-muted: rgba(110, 118, 129, 0.4);
     --code-background-color: rgb(13, 17, 23);
   }
+
   @media screen and (prefers-color-scheme: light) {
     @import 'highlight.js/scss/github.scss';
     --font-color: #24292f;
@@ -98,26 +100,32 @@
       background-color: var(--theme-color);
       width: 9px;
     }
+
     ::-webkit-scrollbar-thumb {
       background-color: var(--theme-border-color);
       border-radius: 20px;
       border: transparent;
     }
+
     ::-webkit-scrollbar-corner {
       background: transparent;
     }
+
     &::-webkit-scrollbar {
       background-color: var(--theme-color);
       width: 9px;
     }
+
     &::-webkit-scrollbar-thumb {
       background-color: var(--theme-border-color);
       border-radius: 20px;
       border: transparent;
     }
+
     &::-webkit-scrollbar-corner {
       background: transparent;
     }
+
     p {
       color: var(--font-color);
     }
@@ -133,6 +141,7 @@
 
       li {
         counter-increment: item;
+        margin-bottom: 0px;
 
         &::marker {
           content: counter(item) '. ';
@@ -288,11 +297,13 @@
       background-color: var(--theme-color);
       width: 9px;
     }
+
     &::-webkit-scrollbar-thumb {
       background-color: var(--theme-border-color);
       border-radius: 20px;
       border: transparent;
     }
+
     &::-webkit-scrollbar-corner {
       background: transparent;
     }