oika/astro-notion-blog-multi-lang

🚀 Begin building your very own Notion Blog with Astro.

English | 日本語

astro-notion-blog-multi-lang

This is a fork repository of astro-notion-blog.

Differences from the original

The differences from the original (as of v0.9.2) are as follows

• Difference in layout
  • Site name will be displayed on the header image
  • Eye-catching images are also displayed on article pages (settings can be changed)
• Multilingual support
  • You can publish articles by language
• Other (for developers)
  • Updated Astro from V3 to V4
  • Added exclusion control so that the process of acquiring article information from Notion is not executed more than once
  • Reviewed type definitions and corrected all type errors
    • Added type checking at build time

DEMO: https://astro-notion-blog-multi-lang.pages.dev/en/

How to use

Please refer to the original repository for basic installation procedures.

In addition, the following steps are required for multilingual support.

• Please add the following properties to the Notion database
  • Language
    • Multi select
    • Define language keys such as ja, en, zh, etc as option.
    • Please select the language of the article with this property
  • Meta
    • Checkbox
    • Do not check this box for regular articles
• Please create the following notes (for the number of languages) in the database
  • Note name: Title of the site
  • Excerpt: Description of the site
  • Date: Please use a date in the past, such as 2000/01/01
  • Published: Checked
  • Meta: Checked
  • Slug: title
  • Language: Target language

You can also duplicate this template for your own use.

Addition of supported languages

By default, Japanese, English, and Chinese are supported. If you want to add other languages, the following source modifications are required in the forked repository.

• astro.config.mjs
  • In defineConfig, add languages to i18n.locales
• content-constants.ts
  • Add languages to LANGUAGE_KEYS, LANGUAGE
  • Add label texts to HEADING

Change Settings

The following can be changed by rewriting src/setting.ts.

• layout
  • showsFeaturedImageInPostPage: Whether to display the eye-catching image on the article page as well
  • siteTitleColor: Text color of site title
• i18n
  • defaultLanguage: Default language
    • Also change i18n.defaultLocale in astro.config.mjs.

astro-notion-blog-multi-lang's Issues

Show eye catch images in post pages

improve posts fetching

Not to fetch all posts by every request.

customIconURL in Layout.astro can be deleted?

Update Astro to V4.

Make text color of site title configuable

Make default language configurable

feature/multi language

Enable to select languages by a selector.

feature/Add language selector