增加获取微信封面

2026-05-17 07:29:03 +00:00 · 2025-02-06 09:17:40 +08:00
parent b8732cbf76
commit 49e72ea9ee
13 changed files with 41 additions and 6 deletions
--- a/README.md
+++ b/README.md
@@ -183,4 +183,4 @@ https://www.code-box.fun/

 ![img](https://raw.githubusercontent.com/027xiguapi/code-box/main/public/wx/qrcode_wx.jpg)

-![u_wx](https://raw.githubusercontent.com/027xiguapi/code-box/blob/main/public/wx/u_wx.jpg)
+![u_wx](https://github.com/027xiguapi/code-box/blob/main/public/wx/u_wx.jpg)
--- a/README_EN.md
+++ b/README_EN.md
@@ -181,4 +181,4 @@ Directly download and install:

 ![img](https://raw.githubusercontent.com/027xiguapi/code-box/main/public/wx/qrcode_wx.jpg)

-![img](https://raw.githubusercontent.com/027xiguapi/code-box/main/public/wx/u_wx.jpg)
+![img](https://github.com/027xiguapi/code-box/blob/main/public/wx/u_wx.jpg)
--- a/component/options/weixin.tsx
+++ b/component/options/weixin.tsx
@@ -1,3 +1,7 @@
+import { DownloadOutlined, StarTwoTone } from "@ant-design/icons"
+
+import { sendToContentScript } from "@plasmohq/messaging"
+
 import CssCode from "~component/items/cssCode"
 import DownloadHtml from "~component/items/downloadHtml"
 import DownloadImages from "~component/items/downloadImages"
@@ -8,6 +12,12 @@ import ShowTag from "~component/items/showTag"
 import { i18n } from "~tools"

 export default function Weixin() {
+  async function getThumbMedia() {
+    sendToContentScript({
+      name: `weixin-getThumbMedia`
+    })
+  }
+
  return (
    <fieldset>
      <legend>{i18n("weixinConfig")}</legend>
@@ -18,6 +28,13 @@ export default function Weixin() {
      <DownloadHtml name="weixin" />
      <DownloadPdf name="weixin" />
      <DownloadImages name="weixin" />
+      <div className="item download" onClick={getThumbMedia}>
+        <span>
+          <StarTwoTone twoToneColor="#eb2f96" style={{ marginRight: "5px" }} />
+          {i18n("getThumbMedia")}
+        </span>
+        <DownloadOutlined style={{ color: "#52c41a", fontSize: "16px" }} />
+      </div>
    </fieldset>
  )
 }
--- a/contents/weixin.tsx
+++ b/contents/weixin.tsx
@@ -64,6 +64,12 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
    if (req.name == "weixin-downloadImages") {
      await downloadImages(req.body?.onProgress)
    }
+    if (req.name == "weixin-getThumbMedia") {
+      const thumbMediaUrl = document.querySelector<HTMLMetaElement>(
+        'meta[property="og:image"]'
+      ).content
+      thumbMediaUrl && window.open(thumbMediaUrl)
+    }
  })

  async function downloadImages(
--- a/contents/zhihu.tsx
+++ b/contents/zhihu.tsx
@@ -21,7 +21,7 @@ import { Print } from "~utils/print"
 import Turndown from "~utils/turndown"

 export const config: PlasmoCSConfig = {
-  matches: ["https://*.zhihu.com/*"]
+  matches: ["https://*.zhihu.com/p/*"]
 }

 const turndownService = Turndown()
--- a/locales/en/messages.json
+++ b/locales/en/messages.json
@@ -193,5 +193,8 @@
  },
  "fullPageScreenshot": {
    "message": "Full Page Screenshot"
+  },
+  "getThumbMedia": {
+    "message": "get Thumb Media"
  }
 }
--- a/locales/zh_CN/messages.json
+++ b/locales/zh_CN/messages.json
@@ -196,5 +196,8 @@
  },
  "fullPageScreenshot": {
    "message": "全页面截图"
+  },
+  "getThumbMedia": {
+    "message": "获取封面"
  }
 }
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "code-box",
  "displayName": "__MSG_extensionName__",
-  "version": "1.0.8",
+  "version": "1.0.9",
  "description": "__MSG_extensionDescription__",
  "author": "027xiguapi. <458813868@qq.com>",
  "scripts": {
--- a/public/en/1400x560.jpg
+++ b/public/en/1400x560.jpg
--- a/public/en/440x280.jpg
+++ b/public/en/440x280.jpg
--- a/public/index.html
+++ b/public/index.html
@@ -23,16 +23,22 @@
      width: 20%;
    }
    p {
-      font-size: 4em;
+      font-size: 2em;
      color: #000;
      font-family: fantasy;
    }
+    div {
+        font-size: 1em;
+        color: #666;
+        font-family: fantasy;
+    }
  </style>
 </head>
 <body>
  <div>
    <img src="./128x128.png" alt="logo" />
-    <p>codebox-一键复制代码/下载文章</p>
+    <p>codebox</p>
+    <div>One-click Code Copying/Downloading Articles</div>
  </div>
 </body>
 </html>
--- a/public/zh/1400x560.png
+++ b/public/zh/1400x560.png
--- a/public/zh/440x280.png
+++ b/public/zh/440x280.png