开源项目教程：使用自定义字体在电子邮件中

项目目录结构及介绍

custom-fonts-in-emails/
├── README.md
├── package.json
├── src/
│   ├── index.js
│   ├── config/
│   │   ├── default.json
│   │   ├── production.json
│   ├── fonts/
│   │   ├── custom-font.woff
│   │   ├── custom-font.ttf
│   ├── templates/
│   │   ├── email-template.html
├── public/
│   ├── index.html

• README.md: 项目说明文档。
• package.json: 项目依赖和脚本配置文件。
• src/: 源代码目录。
  • index.js: 项目启动文件。
  • config/: 配置文件目录。
    • default.json: 默认配置文件。
    • production.json: 生产环境配置文件。
  • fonts/: 自定义字体文件目录。
    • custom-font.woff: Web Open Font Format 字体文件。
    • custom-font.ttf: TrueType Font 字体文件。
  • templates/: 电子邮件模板目录。
    • email-template.html: 电子邮件模板文件。
• public/: 公共资源目录。
  • index.html: 公共 HTML 文件。

项目的启动文件介绍

src/index.js 是项目的启动文件，负责初始化项目并启动服务器。以下是该文件的关键部分：

const express = require('express');
const path = require('path');
const config = require('config');

const app = express();
const port = config.get('port');

// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));

// 加载电子邮件模板
app.get('/email', (req, res) => {
  res.sendFile(path.join(__dirname, 'templates', 'email-template.html'));
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

项目的配置文件介绍

项目使用 config 模块来管理配置文件。配置文件位于 src/config/ 目录下：

• default.json: 默认配置文件，包含基本的配置项，如端口号等。
• production.json: 生产环境配置文件，可以覆盖默认配置项。

示例 default.json 文件内容：

{
  "port": 3000,
  "fontPath": "/fonts/custom-font.woff"
}

示例 production.json 文件内容：

{
  "port": 8080
}

通过这些配置文件，可以轻松地在不同环境下管理项目的配置。