Merge pull request #1048 from smallclover/main

修复手机网页iframe的视频标签超出容器的问题
2026-03-22 20:17:26 +08:00 · 2025-10-04 17:44:23 +08:00 · 2025-10-04 17:13:00 +09:00 · 2025-10-04 14:52:53 +08:00 · 2025-10-04 14:52:42 +08:00 · 2025-10-04 14:46:45 +08:00
4 changed files with 40 additions and 48 deletions
--- a/.env.example
+++ b/.env.example
@@ -93,7 +93,7 @@ NUXT_PUBLIC_WEBSITE_BASE_URL=http://localhost:3000
 # 线上 & 本地均可使用
 NUXT_PUBLIC_GOOGLE_CLIENT_ID=777830451304-nt8afkkap18gui4f9entcha99unal744.apps.googleusercontent.com
 # 线上
-NUXT_PUBLIC_GITHUB_CLIENT_ID=Ov23liOlrZnPKRF7s7NN
+NUXT_PUBLIC_GITHUB_CLIENT_ID=Ov23liVkO1NPAX5JyWxJ
 # 本地
 # NUXT_PUBLIC_GITHUB_CLIENT_ID=Ov23liOlrZnPKRF7s7NN
 # 线上 & 本地均可使用
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -34,15 +34,11 @@ cd OpenIsle
 想要最快速地同时体验前端和后端，可直接使用仓库提供的 Docker Compose。该方案会一次性拉起数据库、消息队列、搜索、后端、WebSocket 以及前端 Dev Server，适合需要全链路联调的场景。

 1. 准备环境变量文件：
-
   ```shell
   cp .env.example .env
   ```
-
   `.env.example` 是模板，可在 `.env` 中按需覆盖如端口、密钥等配置。确保 `NUXT_PUBLIC_API_BASE_URL`、`NUXT_PUBLIC_WEBSOCKET_URL` 等仍指向 `localhost`，方便前端直接访问容器映射端口。
-
 2. 启动 Dev Profile：
-
   ```shell
   docker compose \
     -f docker/docker-compose.yaml \
@@ -56,7 +52,6 @@ cd OpenIsle
     --env-file .env \
     --profile dev up -d
   ```
-
   该命令会创建名为 `frontend_dev` 的容器并运行 `npm run dev`，浏览器访问 http://127.0.0.1:3000 即可查看页面。

   修改代码后，可以强制重新创建所有容器，执行：
@@ -69,14 +64,11 @@ cd OpenIsle
   ```

 3. 查看服务状态：
-
   ```shell
   docker compose -f docker/docker-compose.yaml --env-file .env ps
   docker compose -f docker/docker-compose.yaml --env-file .env logs -f frontend_dev
   ```
-
 4. 停止所有容器：
-
   ```shell
   docker compose -f docker/docker-compose.yaml --env-file .env --profile dev down
   ```
@@ -100,8 +92,13 @@ IDEA 打开 `backend/` 文件夹。

 #### 配置环境变量

-1. 在 IDEA 中配置「Environment file」：将 `Run/Debug Configuration` 的 `Environment variables` 指向刚刚复制的 `.env`，即可让 IDE 读取该文件。
-2. 需要调整端口或功能开关时，优先修改 `.env`，例如：
+1. 生成环境变量文件：
+   ```shell
+   cp open-isle.env.example open-isle.env
+   ```
+   `open-isle.env` 才是实际被读取的文件。可在其中补充数据库、第三方服务等配置，`open-isle.env` 已被 Git 忽略，放心修改。
+2. 在 IDEA 中配置「Environment file」：将 `Run/Debug Configuration` 的 `Environment variables` 指向刚刚复制的 `open-isle.env`，即可让 IDE 读取该文件。
+3. 需要调整端口或功能开关时，优先修改 `open-isle.env`，例如：
   ```ini
   SERVER_PORT=8081
   LOG_LEVEL=DEBUG
@@ -109,7 +106,7 @@ IDEA 打开 `backend/` 文件夹。

 也可以修改 `src/main/resources/application.properties`，但该文件会被 Git 追踪，通常不推荐。

-![backend_img_5.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/89658e5d5c0443a5939ef57ccfeab740.png)
+![配置数据库](assets/contributing/backend_img_5.png)

 #### 配置 IDEA 参数

@@ -119,33 +116,15 @@ IDEA 打开 `backend/` 文件夹。
  -Dserver.port=8081
  ```

-![backend_img_3.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/6905f7cd4b694b1fa7214dd2b3ef9d81.png)
+![配置1](assets/contributing/backend_img_3.png)

-![backend_img_2.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/2bf8e139c21f4b529384ed68cef053da.png)
+![配置2](assets/contributing/backend_img_2.png)

 完成环境变量和运行参数设置后，即可启动 Spring Boot 应用。

-![backend_img_4.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/474d995ddda34b6f80badffa58cec5b9.png)
+![运行画面](assets/contributing/backend_img_4.png)

-## 启动前端服务
-
-> [!IMPORTANT]
-> **⚠️ 环境要求：Node.js 版本最低 20.0.0（因为 Nuxt 框架要求）**
-
-```shell
-cd frontend_nuxt/
-```
-
-安装依赖并启动开发服务器：
-
-```shell
-npm install --verbose
-npm run dev
-```
-
-默认情况下，浏览器访问 http://127.0.0.1:3000 即可访问前端页面。
-
-### 连接预发或正式环境
+## 前端连接预发或正式环境

 前端默认读取 `.env` 中的接口地址，可通过修改以下变量快速切换到预发或正式环境：

@@ -155,10 +134,8 @@ npm run dev
   NUXT_PUBLIC_API_BASE_URL=https://www.staging.open-isle.com
   NUXT_PUBLIC_WEBSOCKET_URL=https://www.staging.open-isle.com
   ```
-
   将 `staging` 替换为 `www` 即可连接正式环境。其他变量（如 OAuth Client ID、站点地址等）可根据需求调整。

-2. 已经存在 `.env` 时，可直接编辑上述变量并重启 `npm run dev` 让配置生效。

 ## 其他配置

@@ -166,41 +143,42 @@ npm run dev

 - 修改 `application.properties` 配置

-  ![backend_img.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/1dbb388cd1004e1d8822224cf87c9303.png)
+  ![后端配置](assets/contributing/backend_img.png)

 - 修改 `.env` 配置

-  ![fontend_img.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/3cc276e4795a407a90a47f2d77de2760.png)
+  ![前端](assets/contributing/fontend_img.png)

 - 配置第三方登录回调地址

-  ![github_img.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/14667457a15c4fbea9d91226797b7b59.png)
+  ![github配置](assets/contributing/github_img.png)

-  ![github_img_2.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/7e901e1c648f4330be1d248379d699f1.png)
+  ![github配置2](assets/contributing/github_img_2.png)

 ### 配置Resend邮箱服务

 https://resend.com/emails 创建账号并登录

 - `Domains` -> `Add Domain`
-  ![image-20250906150459400.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/0168a039ca5e47239ab859f6049c4c93.png)
+  ![image-20250906150459400](assets/contributing/image-20250906150459400.png)
+
 - 填写域名
-  ![image-20250906150541817.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/d328cd89f21c4b8fb50c8213c9b784f0.png)
+  ![image-20250906150541817](assets/contributing/image-20250906150541817.png)
+
 - 等待一段时间后解析成功，创建 key
  `API Keys` -> `Create API Key`，输入名称，设置 `Permission` 为 `Sending access`
  **Key 只能查看一次，务必保存下来**
-  ![image-20250906150811572.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/d72959670b22451cb93e94d6e8316e05.png)
-  ![image-20250906150924975.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/b46f1a56f2d744a381d361ac8369a231.png)
-  ![image-20250906150944130.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/8eaba3fa791f4b10a5c24948812d306d.png)
+  ![image-20250906150811572](assets/contributing/image-20250906150811572.png)
+  ![image-20250906150924975](assets/contributing/image-20250906150924975.png)
+  ![image-20250906150944130](assets/contributing/image-20250906150944130.png)
 - 修改 `.env` 配置中的 `RESEND_API_KEY` 和 `RESEND_FROM_EMAIL`
  `RESEND_FROM_EMAIL`： **noreply@域名**
  `RESEND_API_KEY`：**刚刚复制的 Key**
-  ![image-20250906151218330.png](https://openisle-1307107697.cos.accelerate.myqcloud.com/dynamic_assert/8319dc5037bb40b68ed35358d810552a.png)
+  ![image-20250906151218330](assets/contributing/image-20250906151218330.png)

 ## API文档

 ### OpenAPI文档
-
 https://docs.open-isle.com

 ### 部署时间线以及文档时效性
--- a/frontend_nuxt/assets/global.css
+++ b/frontend_nuxt/assets/global.css
@@ -341,6 +341,16 @@ body {
  .info-content-text pre {
    line-height: 1.5;
  }
+  
+  /*处理iframe视频标签*/
+  .info-content-text iframe {
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+    aspect-ratio: 16 / 9; /* 保持 16:9 比例 */
+    border: none;
+    display: block;
+  }

  .d2h-file-name {
    font-size: 14px !important;
--- a/frontend_nuxt/pages/posts/[id]/index.vue
+++ b/frontend_nuxt/pages/posts/[id]/index.vue
@@ -366,7 +366,11 @@ const changeLogIcon = (l) => {
      return 'unlock'
    }
  } else if (l.type === 'PINNED') {
-    return 'pin-icon'
+    if(l.newPinnedAt){
+      return 'pin'
+    }else{
+      return 'clear-icon'
+    }
  } else if (l.type === 'FEATURED') {
    if (l.newFeatured) {
      return 'star'
Author	SHA1	Message	Date
Tim	81d64bfc7b	Merge pull request #1048 from smallclover/main 修复手机网页iframe的视频标签超出容器的问题	2025-10-04 17:44:23 +08:00
smallclover	3e255c1288	修复手机网页iframe的视频标签超出容器的问题	2025-10-04 17:13:00 +09:00
tim	224e1a1018	Merge branch 'main' of github.com:nagisa77/OpenIsle	2025-10-04 14:52:53 +08:00
tim	4456997573	fix: 解决GitHub登录问题	2025-10-04 14:52:42 +08:00
Tim	ef0f0d013b	Merge pull request #1046 from smallclover/main 修复文章变动图标问题	2025-10-04 14:46:45 +08:00
Tim	a83ddc40fe	Update CONTRIBUTING.md	2025-10-04 12:46:19 +08:00
tim	f36ed28185	Revert "fix: 修改为资源图片" This reverts commit `536979501e`. # Conflicts: # CONTRIBUTING.md	2025-10-04 12:26:38 +08:00
smallclover	1d31284dba	1.修复置顶图标不显示 2.修复取消置顶图标不显示	2025-10-04 09:13:34 +09:00