vercel-mcp

作者姓名和电子邮箱

• Bragi Arnarson
  • ([email protected])

项目简介

本项目是网站 smlileyco.in 的改进版。

改进后的网站包含一个主页和 5 个子页面。

子页面包括

• Introduction（更详细地介绍 SmileyCoin）
• Get started（介绍几种获取 SmileyCoin 的方式）
• Wallets（选择钱包）
• Coin and mining information（关于该币和挖矿的更多信息）
• Details（关于 SmileyCoin 的更多细节）

主页上有一个页眉，其中包含指向其他子页面的链接，以及一个直接获取 SmileyCoin 价格的“实时价格追踪器”。我们借助这个网站实现了该功能：https://min-api.cryptocompare.com/ 主页上还展示了 SmileyCoin 的主要信息，并加入了来自 @smileyCoinNews 的 Twitter 新闻动态。

点击此处 访问项目的在线运行版本。

我们使用 React JavaScript 库构建了这个网站

部署到 Github pages

该网站通过本仓库的 gh-pages 分支托管在 Github pages 上。 要更新仓库，请运行以下命令：

npm run build
npm run deploy

#结构

project
│   README.md
│       
│
└─── src
    │   
    │
    └─── components (mainly main page)
    |  │   index-about
    |  │   index-coin
    |  │   ...
    |  
    └─── routes (pages)
       |  about
       |  coininfo
       |  getstarted
       |  home
       |  wallets

每个页面组件中都有一个 js 文件，其中包含 html 代码和必要的脚本， 以及一个样式表（scss 文件）。

如何运行项目

下载 NodeJS

https://nodejs.org/en/

在终端中输入 node -v 和 npm -v，确认安装成功。

安装依赖项

进入项目文件夹并输入 npm install，系统将安装所有必需的软件包。

React

此项目使用 Create React App 初始化。

可用脚本

在项目目录中，你可以运行：

npm start

以开发模式运行应用。
打开 http://localhost:3000，即可在浏览器中查看。

编辑内容后，页面会重新加载。
你还会在控制台中看到任何 lint 错误。

npm test

以交互式监视模式启动测试运行器。
如需了解更多信息，请参阅运行测试部分。

npm run build

构建应用以供生产环境使用，并将其放入 build 文件夹。
它会以生产模式正确打包 React，并优化构建以获得最佳性能。

构建文件会经过压缩，文件名中包含哈希值。
你的应用已准备好部署！

如需了解更多信息，请参阅部署部分。

npm run eject

注意：此操作不可逆。一旦执行 eject，就无法恢复！

如果你对构建工具和配置选项不满意，可以随时执行 eject。此命令会从项目中移除唯一的构建依赖项。

相反，它会将所有配置文件和传递依赖项（Webpack、Babel、ESLint 等）复制到项目中，让你可以完全控制它们。除 eject 外，所有命令仍可正常使用，但它们会指向复制后的脚本，以便你进行调整。此后，你需要自行负责。

你不必使用 eject。精心挑选的功能集适用于小型和中型部署，因此你不必觉得必须使用此功能。不过，我们理解，如果你在需要自定义时无法进行自定义，这个工具就毫无用处。

了解更多

你可以在 Create React App 文档中了解更多信息。

如需学习 React，请查看 React 文档。

在服务器上运行（静态）项目以供生产使用的一种方法

1. 使用 npm run build 构建项目

该命令会构建应用并生成一个 build 文件夹。你可以在自己的设备上执行此操作，然后将 build 文件夹移到服务器上。

2. 全局安装 pm2

sudo npm install -g pm2

3. 如果没有，请将此部署脚本添加到 package.json 文件中的 scripts 中

deploy": "pm2 start ./server.sh --name yourAppName",

4. 然后，在与 package.json 相同的目录中创建可执行文件 server.sh：

echo "Serving yourAppName!"
serve -s build #(serve -s build -l 80) for deploying on port 80

别忘了运行以下命令，将 server.sh 设为可执行文件：

chmod +x server.sh

5. 使用以下命令部署应用：（可能需要使用 sudo）

npm run deploy

6. 如需让服务器在开机时启动，请阅读：http://pm2.keymetrics.io/docs/usage/startup/

其他设置方式

• https://create-react-app.dev/docs/deployment