Directory Tree

hugo-site/                    📁 Project root directory
├── config.toml                 📄 Main configuration file
├── archetypes/                 📁 Content templates
│   ├── default.md              📄 Default template
│   └── post.md                 📄 Article-specific template (can pre-set series etc.)
├── content/                    📁 Website core content
│   ├── posts/                  📁 Article partition
│   │   ├── cn/                 📁 Chinese articles (new)
│   │   │   ├── _index.md       📄 Chinese article list page
│   │   │   └── hugo-post.md    📄 Your series article (see below)
│   │   └── en/                 📁 English articles (new)
│   │       └── _index.md       📄 English article list page
│   ├── about.md                📄 "About" page
│   └── archives.md             📄 "Archive" page
├── layouts/                    📁 Layout templates (override theme)
│   ├── _default/               📁 Default layout
│   ├── partials/               📁 Reusable components
│   ├── index.html              📄 Home layout
│   └── section/                📁 Partition layout
├── static/                     📁 Static resources
│   ├── images/                 📁 Website images
│   └── css/                    📁 Custom styles
├── themes/                     📁 Theme directory
└── public/                     📁 Final generated website (appears after running `hugo`)

Core Directory Brief Explanation

Directory/FileCore Purpose Description
**content/**​Your website content (articles, pages) are placed here, written in Markdown format.
**layouts/**​If you want to customize the appearance of your website (e.g., modify header/footer/article layout), create template files here to override the theme’s default styles.
**static/**​Store images, custom CSS, JavaScript etc. These resources are copied directly to the final generated website.
**themes/**​Store the Hugo theme you are using. Usually, do not modify files inside the theme directory directly; instead, override them through the layouts directory.
**archetypes/**​When creating new content with the hugo new command, it will generate Markdown files based on templates here, which can pre-set Front Matter fields.
**config.toml**​The core configuration file of the website, can set website title, base URL, theme, menu etc. global parameters.
**public/**​After running the hugo command, the final static website files are output to this directory. You need to deploy all contents in this directory.