Skip to content

Commit

Permalink
Last minute fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
tipiirai committed Nov 14, 2024
1 parent 03881a4 commit 531bea1
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 14 deletions.
26 changes: 13 additions & 13 deletions packages/nuejs.org/docs/tutorial.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,26 +19,26 @@ Once the command completes, your blog should be running at `http://localhost:808
You can also explore the [source code](//github.com/nuejs/nue/tree/master/packages/examples/simple-blog) and view the [live demo](//simple-blog.nuejs.org).


## Project Structure
## Project structure
Nue allows flexible organization through a **freeform directory structure**: you can name your files and folders as you like. The layout of your files reflects the structure seen on the website. Here’s the blog’s structure:

[.folders]
- `@global`: global styles (colors, layout, typography)
- `@library`: reusable styles
- `blog`: blogging area
- `blog/blog.yaml`: blog-specific settings
- `contact`: contact app
- `img`: images and icons
- `index.md`: front page content
- `site.yaml`: global settings
* `@global`: global styles (colors, layout, typography)
* `@library`: reusable styles
* `blog`: blogging area
* `blog/blog.yaml`: blog-specific settings
* `contact`: contact app
* `img`: images and icons
* `index.md`: front page content
* `site.yaml`: global settings

Let’s explore these assets, starting with the content.


## Content
In Nue, content is stored separately from other site elements, like layouts and stylinng. This organization keeps content easily accessible and well-structured.

### SEO and Metadata
### SEO and metadata

SEO and metadata settings are defined in the `site.yaml` file. Here’s a sample configuration for our blog:

Expand All @@ -51,7 +51,7 @@ favicon: /img/favicon.jpg
These settings apply site-wide but can be customized for specific pages or areas. For more details, see the full [settings documentation](settings.html).
### Page Content
### Page content
All blog entries in the `blog` folder are written in [extended Markdown](content-syntax.html), which supports rich content elements like images, videos, tables, accordions, and tabbed content. This provides a flexible and expressive way to manage content.

Expand Down Expand Up @@ -101,7 +101,7 @@ navigation:
Separating navigation data from templates gives centralized control over your site’s structure, keeping HTML clean and manageable.


## Blog Entry Layout
## Blog entry layout
Each blog post includes a custom header, or "hero area," at the top of the article, defined in `blog/hero.html`:

```html
Expand All @@ -118,7 +118,7 @@ Each blog post includes a custom header, or "hero area," at the top of the artic
These layout modules use a straightforward [template language](template-syntax.html) and [core components](core-components.html), making it easy to build complex layouts without deep JavaScript knowledge.


## The Index Page
## The index page
The front page (`index.md`) displays a list of blog entries:

```md
Expand Down
2 changes: 1 addition & 1 deletion packages/nuejs.org/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ appdir: home
Nue is a Static Site Generator (SSG) built from scratch for faster tooling, cleaner codebases, and better results. **It makes things •fun• again**

[button "Why Nue" href="/docs/"]
[button.secondary "Get started" href="/docs/installation"]
[button.secondary "Get started" href="/docs/installation.html"]

[bunny-video]
videoId: 383e5c79-6747-4b1a-8d7a-9da9ae721d33
Expand Down

0 comments on commit 531bea1

Please sign in to comment.