{"id":25892822,"url":"https://github.com/mengxiaozhi/mxz_app","last_synced_at":"2026-06-04T22:31:10.808Z","repository":{"id":275481362,"uuid":"926204422","full_name":"mengxiaozhi/mxz_app","owner":"mengxiaozhi","description":"WordPress mxz_app 是一个现代化的网页应用，专为手机浏览优化设计，能够抓取 WordPress 网站的内容（文章和页面），并以简洁、易用的界面呈现给用户。该应用支持将内容打包成静态网页，随后可进一步封装成手机 App，为用户提供便捷的移动端阅读体验。此外，它还提供了 WordPress 原生所没有的书签功能，增强了用户体验。","archived":false,"fork":false,"pushed_at":"2025-03-15T07:09:30.000Z","size":675,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T08:19:23.464Z","etag":null,"topics":["wordpress","wordpress-api","wordpress-development"],"latest_commit_sha":null,"homepage":"https://xiaozhi.moe","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mengxiaozhi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-02T19:45:59.000Z","updated_at":"2025-03-15T07:09:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"dec49834-5412-4d8c-8ebf-7e57f232c38d","html_url":"https://github.com/mengxiaozhi/mxz_app","commit_stats":null,"previous_names":["mengxiaozhi/mxz_app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mengxiaozhi/mxz_app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengxiaozhi%2Fmxz_app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengxiaozhi%2Fmxz_app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengxiaozhi%2Fmxz_app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengxiaozhi%2Fmxz_app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mengxiaozhi","download_url":"https://codeload.github.com/mengxiaozhi/mxz_app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengxiaozhi%2Fmxz_app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33923173,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-04T02:00:06.755Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["wordpress","wordpress-api","wordpress-development"],"created_at":"2025-03-02T21:21:35.146Z","updated_at":"2026-06-04T22:31:10.792Z","avatar_url":"https://github.com/mengxiaozhi.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WordPress mxz_app\n\n**WordPress mxz_app** 是一个现代化的网页应用，专为手机浏览优化设计，能够抓取 WordPress 网站的内容（文章和页面），并以简洁、易用的界面呈现给用户。该应用支持将内容打包成静态网页，随后可进一步封装成手机 App，为用户提供便捷的移动端阅读体验。此外，它还提供了 WordPress 原生所没有的书签功能，增强了用户体验。\n\n## 功能亮点\n\n- **文章列表**：展示 WordPress 网站的最新文章，支持分页加载。\n- **文章阅读**：提供清晰、易读的文章页面，支持书签添加。\n- **页面列表**：列出 WordPress 网站的所有页面，便于用户导航。\n- **书签功能**：允许用户将喜欢的文章加入书签并随时查看（WordPress 原生不支持此功能）。\n- **手机优化**：响应式设计，确保在移动设备上的流畅体验。\n\n## 技术栈\n\n- **前端框架**：Vue 3（使用 Composition API）\n- **UI 库**：Naive UI\n- **路由管理**：Vue Router\n- **构建工具**：Vite\n- **API 集成**：WordPress REST API\n- **本地存储**：使用 `localStorage` 实现书签功能\n\n## 开始使用\n\n### 环境要求\n\n- **Node.js**：版本 16 或以上（建议使用最新稳定版）\n- **包管理器**：推荐使用 `pnpm`，也可以使用 `npm`\n\n### 安装步骤\n\n1. **克隆仓库**：\n   ```\n   bash\n   git clone https://github.com/mengxiaozhi/mxz_app.git\n   cd wordpress-mobile-viewer\n    ```\n    注：请将 your-repo 替换为你的实际 GitHub 仓库名称。\n2. **安装依赖**:\n    ```bash\n    pnpm install\n    ```\n    或\n    ```bash\n    npm install\n    ```\n3. **配置 WordPress API**：\n    编辑 src/config.js 文件，确保 apiUrl 指向你的 WordPress 网站地址。例如：\n    \n    ```javascript  \n    export default {\n        apiUrl: 'https://xiaozhi.moe',  // WordPress 网站地址\n        version: '1.0',\n        copyright: '萌小志Mengxiaozhi \u0026 Moexiaozhi.'\n    };\n    ```\n### 运行应用\n1. **启动开发服务器**：\n    ```bash\n    pnpm run dev\n    ```\n    或\n    ```bash\n    npm run dev\n    ```\n    访问应用： 在浏览器中打开 http://localhost:3000（具体端口以终端提示为准）。\n    构建静态网站\n2. **构建项目**：\n    ```bash\n    pnpm run build\n    ```\n    或\n    ```bash\n    npm run build\n    ```\n    输出结果： 构建完成后，静态文件将生成在 dist 目录中，可部署到任何静态托管服务（如 GitHub Pages、Netlify 等）。\n### 开发指南\n1. **项目结构**\n    ```text\n    src/\n    ├── assets/          # 静态资源（如图片、样式等）\n    ├── components/      # 可复用组件\n    ├── views/           # 页面组件\n    ├── router/          # Vue Router 路由配置\n    ├── config.js        # 全局配置文件（API URL 等）\n    └── main.js          # 项目入口文件\n    ```\n2. **核心组件**\n    - 文章列表：src/views/ArticleList.vue\n    - 文章阅读：src/views/ArticleReader.vue\n    - 页面列表：src/views/PageList.vue\n    - 书签管理：src/components/BookmarkManager.vue\n3. **API 集成**\n    应用通过 WordPress REST API 获取数据，API 地址在 src/config.js 中定义。主要接口包括：\n    - 文章列表：GET /wp-json/wp/v2/posts\n    - 文章详情：GET /wp-json/wp/v2/posts/:id\n    - 页面列表：GET /wp-json/wp/v2/pages\n4. **书签功能实现**\n    书签数据存储在浏览器 localStorage 中，确保用户在关闭应用后仍能保留。\n    用户可通过文章阅读页面添加或移除书签，并随时查看已保存的内容。\n    打包成手机 App\n    你可以通过以下工具将应用打包为手机 App：\n    - Capacitor：\n    将 Vue 项目转换为原生应用，支持 iOS 和 Android。\n    参考：Capacitor 官方文档\n    - Cordova：\n    类似 Capacitor，提供跨平台打包功能。\n    参考：Cordova 官方文档\n    - WebView 封装：\n    将静态文件部署后，通过简单的 WebView 应用加载网页内容。\n\n### 使用说明\n\n1. **替换仓库 URL**：\n   在“克隆仓库”部分，将 `https://github.com/mengxiaozhi/mxz_app.git` 替换为你的实际 GitHub 仓库地址。\n\n2. **调整配置**：\n   确保 `src/config.js` 中的 `apiUrl` 已正确设置为你的 WordPress 网站地址（如 `https://xiaozhi.moe`）。\n\n3. **许可文件**：\n   本项目采用 MIT 许可 - 详情请见 LICENSE 文件。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmengxiaozhi%2Fmxz_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmengxiaozhi%2Fmxz_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmengxiaozhi%2Fmxz_app/lists"}