项目结构

在开始对我们的项目进行修改之前,我们需要认识一下项目的结构。因为这里面很多文件是你不需要关注的。

#架构树

daymd
├── content
│   ├── docs
│   │    ├── index.md
│   │    ├── 000-doc1
│   │    │   ├── index.md
│   │    │   ├── 000-doc11.md
│   │    │   └── 001-doc12.md
│   │    └── 002-doc2
│   │        ├── index.md
│   │        ├── 000-doc11.md
│   │        └── 001-doc12.md
│   └── posts
│        ├── index.md
│        ├── 000-post1
│        │   └── index.md
│        └── 002-post2
│            └── index.md
├── src
│   ├── configs
│   │   └── ...
│   ├── contentlayer
│   │   └── ...
│   └── themes
│       └── ...

├── navData
│   ├── friend.ts
│   └── website.ts

├── components
│   └── ...

├── .contentlayer
│   └── ...

├── .next
│   └── ...

├── pages
│   │
│   ├── _app.tsx
│   │
│   ├── index.tsx
│   │
│   ├── docs
│   │    └── [[...slug]].tsx
│   ├── posts
│   │    └── [[...slug]].tsx
│   └── website
│        └── index.tsx   

├── public
│    ├── images
│    └── locals

├── styles
├── typings
├── utils
├── contenelayer.config.js
├── next-env.d.ts
├── next.config.js
├── package.json
├── package-lock.json
├── README.md
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
└── daymd.config.js

#说明

在这个长长的架构树中,有很多都是你不需要关注的,你需要关注的文件只有 daymd.config.js 文件、content 文件夹以及 navData 文件夹。这三个文件(夹)中都不需要编写任何代码。你说的对,我可以把不需要的文件全部封装起来,但是我比较懒😝,以后的版本再说吧。

  • daymd.config.js :站点配置文件。这里面封装了全栈所有可以设置的 API ,你可以在这里决定网站的每一个细节。
  • content:内容文件夹,用于存放文档和博客。
  • navData:导航数据文件夹,用于存放导航中可以渲染的链接数据。

让我们在下一节做一些设置,使你的项目大变样吧(系统化的讲解会在后面,这里只需要跟着做就好了),所有可设置的项目均在 API 中展示。

提示
遇到问题?
如需要帮助,可以选择给电子邮箱发邮件: czhorange@foxmail.com 或者点击进入 issue 提交界面.
Last Updated:2022-08-29
文档地址