Site Configuration

Edit basic site information such as title, author, and description

By modifying the moire.config.ts file, you can customize your website’s basic information.

Configuration File Location

your-repo/
└── moire.config.ts  ← Here

Configuration Parameters Detail

Open moire.config.ts, and you will see a configuration similar to this:

export default {
  // Website Title
  title: "My Moire Blog",

  // Author Name
  author: "Aeris",

  // Website Description
  description: "My personal blog powered by Moire",

  // Number of posts displayed per page
  pageSize: 10,

  // Theme selection
  theme: "receipt",

  // Sort order
  order_by: "created",

  // Website URL
  url: "https://moirelog.blog",
}

Parameter Descriptions

title

Type: string
Default: "Moire Blog"

The title of your website, which appears in:

Browser tabs
Top navigation bar
SEO meta tags

author

Type: string
Default: "Anonymous"

The author’s name, used for:

Article signatures
RSS feeds
SEO meta tags

description

Type: string
Default: "A blog powered by Moire"

The website description, primarily for SEO, appearing in:

Search engine results
Social media cards
RSS feed descriptions

pageSize

Type: number
Default: 10

The number of posts displayed per page on the home page.

Recommended: 5-20
Too few requires frequent page turning
Too many can slow down loading

order_by

Type: string Options: "created" | "modified" Default: "created"

Sort order for posts:

created: Sort by creation date (default)
modified: Sort by modification date (suitable for users who frequently update notes)

theme

The theme style. See the Themes chapter for details.

Example Configuration

A complete configuration example:

export default {
  title: "Moire's Notebook",
  author: "Aeris",
  description: "Notes on technology, life, and thoughts",
  pageSize: 8,
  theme: "academic",
  order_by: "modified"
}

Applying Changes

After modifying the configuration:

Commit to GitHub (via Git or GitHub web editor)
GitHub Actions will build automatically
Wait 1-2 minutes and refresh your website to see the changes

Next Steps

Once you’ve configured your site, let’s look at how to switch themes.

Themes Choose and switch to the theme you like