# AppleNews

**Repository Path**: gitgreat/applenews

## Basic Information

- **Project Name**: AppleNews
- **Description**: 仿苹果新闻页H5页面
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: main
- **Homepage**: https://www.npc.ink/276746.html
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-15
- **Last Updated**: 2025-10-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 目标

模仿苹果官网博客，通过 wp-json 来获取数据

- https://www.apple.com.cn/newsroom/

# 建议

- 目前仍在开发中，存有诸多开发用数据，部署困难
- 注释清晰，共同进步

# 使用

- 您在使用 WordPress 主题
- 有一颗折腾的心

## 安装WordPress网站提供数据
此网站需要安装以下两个插件
- JWT Authentication for WP-API（提供数据用）
- 魔法优化 （提供设置用）

其中，使用JWT插件时，还需配置以下内容

- 网站根目录下的 wp-config.php 文件，在最后添加以下内容

```php
define('JWT_AUTH_SECRET_KEY', 'your-top-secret-key');
define('JWT_AUTH_CORS_ENABLE', true);
```

其中的`your-top-secret-key`可以在这里获取https://api.wordpress.org/secret-key/1.1/salt/,


## 打包安装本模版

- 克隆本项目到本地
- 修改 src/api/http.ts 文件中的域名为您自己网站的域名，如www.npc.ink
- 安装并启用插件https://www.npc.ink/276703.html，启用H5功能并填写相关内容
- 执行以下命令

```bash
npm install
npm run build
```

打包后的文件部署至网站即可。

若您还需使用登录功能，请按照以下步骤操作

- 安装并启用 JWT 插件https://cn.wordpress.org/plugins/jwt-authentication-for-wp-rest-api/
- 修改网站根目录下的 wp-config.php 文件，在最后添加以下内容

```php
define('JWT_AUTH_SECRET_KEY', 'your-top-secret-key');
define('JWT_AUTH_CORS_ENABLE', true);
```

其中的`your-top-secret-key`可以在这里获取https://api.wordpress.org/secret-key/1.1/salt/,类似下面这样

```php
define('AUTH_KEY',         'UG9V7<Cwm,PE6++3Yn|`U&RS<[^[Sk|X|UO$]/*^s@{<t~vo+x+C>ow]amj8cxM}');
```

我们只需要类似其中`UG9V7<Cwm,PE6++3Yn|`U&RS<[^[Sk|X|UO$]/*^s@{<t~vo+x+C>ow]amj8cxM}`一段字符替换`your-top-secret-key`即可。

## 配置

路由使用了 createWebHistory()模式，需在服务器端配置下规则，详见

- https://router.vuejs.org/zh/guide/essentials/history-mode.html#html5-%E6%A8%A1%E5%BC%8F
  Nginx

```shell
location / {
  try_files $uri $uri/ /index.html;
}
```

# 待解决问题

- 分类页下，文章数量不够的骨架屏加载问题
- 分类页底部按钮跳转功能待开发