|-- src
    |-- data
        |-- notes
            |-- xxx.md
            |-- yyy.md
            |-- ...

import type { ImageMetadata } from 'astro';

export interface MarkdownFrontmatter {
  title: string;
  subtitle: string;
  author: string;
  tags: string[];
  type: string;
  cover: ImageMetadata;
}

import type { CollectionConfig } from 'astro:content';

import { defineCollection, z } from "astro:content";
import { glob } from 'astro/loaders';

/*
  * 首先定义好集合的分类，比如说笔记按照内容进行分类，我目前有 4 个分类，分别是 'react', 'javascript', 'css', 'fullstack'
  * as const 的意思是将数组中的元素转换成字面量类型。
**/
const NOTES_TYPE = [
  'react',
  'javascript',
  'css',
  'fullstack'
] as const;

/**
  * 获取 Markdown 文件的路径
  * 我的文件路径是这样
  * src/data/notes/react/xxx.md
  * src/data/notes/javascript/xxx.md
  * src/data/notes/css/xxx.md
  * src/data/notes/fullstack/xxx.md
  * 所以我需要根据 type 参数来拼接路径
*/
const getNotesCollectionPath = (type?: typeof NOTES_TYPE[number]) => {
  return type ? `./src/data/notes/${type}` : './src/data/notes'
};

/**
  * 定义集合
*/
const createNoteCollection = (type?: typeof NOTES_TYPE[number]) => defineCollection({
  loader: glob({ pattern: '**/[^_]*.md', base: getNotesCollectionPath(type) }),
  schema: ({ image }) => z.object({
    title: z.string(),
    subtitle: z.string(),
    author: z.string(),
    tags: z.array(z.string()),
    type: z.string(),
    // 这里就是图片类型的定义方式
    cover: image(),
  }),
});

/**
  * 最后导出集合
  * 这样集合中就包含了不同分类的 Markdown 文件，后续可以通过 getCollection 获取某一种分类的 Markdown 文件，比如:
  * const notes = await getCollection('react');
*/
const notes: Partial<Record<typeof NOTES_TYPE[number] | 'all', CollectionConfig<unknown>>> = {
  all: createNoteCollection()
};

NOTES_TYPE.forEach(type => {
  notes[type] = createNoteCollection(type);
});

export const collections = {
  ...notes
};

---
title: '实现 UnoCSS 网站的颜色渐变效果'
subtitle: 'CSS Animation: When you spend hours on keyframes, but end up making a button bounce.'
author: 'Caisr'
tags: ["CSS", "Animation"]
type: 'css'
cover: '~/assets/images/cover/cover-1.webp'
---

内容

// 获取单个 Markdown 文件内容
const note = await getEntry('react', 'server-components');
// cover: {
//   src: '/@fs/E:/caisr/code/diary-of-madao/src/assets/images/cover/cover-4.jpg?origWidth=3456&origHeight=5184&origFormat=jpg',
//   width: 3456,
//   height: 5184,
//   format: 'jpg'
// }
const cover = note.data.cover;

<Image src={cover} alt="notes cover" />

import { statSync } from "fs";

export function remarkModifiedTime() {
  return function (tree, file) {
    const filepath = file.history[0];
    const result = statSync(filepath);
    file.data.astro.frontmatter.lastModified = result.mtime.toISOString();
    file.data.astro.frontmatter.birthtime = result.birthtime.toISOString();
  };
};

export interface MarkdownFrontmatter {
  title: string;
  subtitle: string;
  birthtime: string;
  lastModified: string;
  author: string;
  tags: string[];
  type: string;
  cover: ImageMetadata;
}

import dayjs from "dayjs";
import utc from "dayjs/plugin/utc";

dayjs.extend(utc);
// frontmatter 就是获取到的 markdown 文件的 frontmatter
const birthtime =  dayjs(frontmatter.birthtime).format("YYYY-MM-DD HH:mm:ss")

|- projects
    |- diary-of-madao (具体的项目)
    |- nginx （nginx 的配置，要管理所有项目，所以也写在这里）
    |- docker-compose.yml （管理其他容器的配置）

# 基础阶段：设置基础镜像和工作环境
FROM node:lts AS base
WORKDIR /app

# 启用 pnpm 包管理器并复制依赖文件
RUN corepack enable pnpm
RUN pnpm config set registry https://mirrors.cloud.tencent.com/npm/
COPY package.json pnpm-lock.yaml ./

# 生产依赖阶段：只安装生产环境需要的依赖
FROM base AS prod-deps
RUN pnpm install --prod

# 构建依赖阶段：安装所有依赖（包括开发依赖）
FROM base AS build-deps
RUN pnpm install

# 构建阶段：复制源代码并构建应用
FROM build-deps AS build
COPY . .
RUN pnpm run build

# 运行时阶段：设置生产环境
FROM base AS runtime

# 从之前的阶段复制必要文件
COPY --from=prod-deps /app/node_modules ./node_modules
COPY --from=build /app/dist ./dist

# 复制 PM2 配置文件
COPY pm2.config.cjs ./pm2.config.cjs

# 配置环境变量
ENV HOST=0.0.0.0
ENV PORT=4321
ENV NODE_ENV=production
# 暴露应用端口
EXPOSE 4321

# 使用 PM2 启动应用
CMD ["pnpm", "run", "start:pm2"]

ERR_PNPM_NO_GLOBAL_BIN_DIR  Unable to find the
global bin directory

Run "pnpm setup" to create it automatically,
or set the global-bin-dir setting, or the
PNPM_HOME env variable. The global bin
directory should be in the PATH.E env variable. The global bin directory should be in the PATH.

# 设置 SHELL 和 PNPM_HOME 环境变量
ENV SHELL=/bin/bash
ENV PNPM_HOME=/root/.local/share/pnpm
ENV PATH=$PNPM_HOME:$PATH

# 初始化 pnpm
RUN pnpm setup
RUN corepack enable pnpm

CMD ["pm2-runtime", "start", "pm2.config.js"]

module.exports = {
  apps: [{
    name: 'diary-of-madao',
    script: './dist/server/entry.mjs',
    instances: 'max',               // 根据 CPU 核心数启动实例
    exec_mode: 'cluster',          // 使用集群模式
    max_memory_restart: '1G',    // 内存超限时自动重启
    env: {
      NODE_ENV: 'production',
      HOST: '0.0.0.0',
      PORT: process.env.PORT || 4321
    }
  }]
};

"start:pm2": "pm2-runtime start ./pm2.config.cjs"

|- nginx
  |- conf.d
    |- default.conf （默认的配置）
  |- shared  （共享的配置）
  |- ssl      (这里是放证书的地方)

# 定义服务列表
services:
  # Nginx 服务，用于反向代理和统一管理各个子域
  nginx:
    image: nginx:latest            # 使用最新版本的 nginx 镜像
    container_name: nginx_proxy    # 指定容器名称
    ports:                        # 端口映射，格式为 "主机端口:容器端口"
      - "80:80"                   # HTTP 端口
      - "443:443"                 # HTTPS 端口
    volumes:                      # 挂载本地文件到容器
      # 挂载本地 Nginx 配置文件，供反向代理和 SSL 使用
      - ./nginx/conf.d:/etc/nginx/conf.d:ro # 只读挂载 Nginx 配置
      - ./nginx/shared:/etc/nginx/shared:ro # 只读挂载 Nginx 共享文件夹
      - ./nginx/ssl:/etc/nginx/ssl:ro       # 未来支持 HTTPS
    depends_on:                   # 依赖关系，确保在 diary_of_madao 服务启动后再启动
      - diary-of-madao
    networks:                     # 将容器加入指定网络
      - greed_icu

  # 个人博客应用
  diary-of-madao:
    build: ./diary-of-madao       # 指定 Dockerfile 所在目录
    container_name: diary_of_madao # 指定容器名称
    environment:                   # 环境变量配置
      - PORT=4321                 # 设置应用运行端口
    expose:                       # 暴露容器端口，仅用于容器间通信
      - "4321"
    networks:                     # 将容器加入指定网络
      - greed_icu

# 定义自定义网络
networks:
  greed_icu:                    # 网络名称
    driver: bridge                # 使用 bridge 驱动，用于同一主机上的容器间通信

|- projects
    |- diary-of-madao
    |- nginx
    |- docker-compose.yml

"scripts": {
  "deploy": "ssh 用户名@服务器地址 'bash -s' < bin/deploy.sh"
},

#!/bin/bash

# 设置错误时退出
set -e

# 输出时间戳的函数
timestamp() {
    date "+%Y-%m-%d %H:%M:%S"
}

# 输出日志的函数
log() {
    echo "[$(timestamp)] $1"
}

# 检查命令是否执行成功
check_result() {
    if [ $? -eq 0 ]; then
        log "✅ $1 成功"
    else
        log "❌ $1 失败"
        exit 1
    fi
}

# 开始部署
log "开始部署 diary-of-madao..."

# 进入项目目录
cd /home/caisr/oh-my-docker-greed.icu/diary-of-madao
check_result "切换到项目目录"

# 拉取最新代码
log "拉取最新代码..."
git pull
check_result "代码拉取"

# 构建镜像
log "构建 Docker 镜像..."
docker compose build diary-of-madao
check_result "镜像构建"

# 启动服务
log "启动服务..."
docker compose up -d --no-deps diary-of-madao
check_result "服务启动"

# 检查容器状态
log "检查容器状态..."
sleep 5  # 等待容器完全启动
container_status=$(docker compose ps diary-of-madao --format json | grep -o '"State":"[^"]*"' | cut -d'"' -f4)

if [ "$container_status" = "running" ]; then
    log "🚀 容器运行状态: $container_status"

    # 显示容器日志
    log "最近的容器日志:"
    docker compose logs --tail=10 diary-of-madao

    # 显示容器信息
    log "容器详细信息:"
    docker compose ps diary-of-madao
else
    log "⚠️ 容器状态异常: $container_status"
    log "错误日志:"
    docker compose logs --tail=20 diary-of-madao
    exit 1
fi

log "部署完成！"