├── public # Files placed here will be copied to the website root directory as-is.
│  ├── locales # Contains translation fields; theme comes with Chinese and English by default.
│  │  ├── en
│  │  │  └── translation.json
│  │  └── zh
│  │     └── translation.json
│  ├── robots.txt
│  └── scripts # Contains required js and json files.
└── src
   ├── components # Theme components; typically unmodified.
   ├── layouts # Theme layout files; typically unmodified.
   ├── utils # Contains ts functions; typically unmodified.
   ├── styles # Contains theme style files in .scss format.
   │  └── custom.scss # Custom styles can be written here.
   ├── pages # Contains pages.
   ├── content # Contains blog files in .md format; all blog content is stored here.
   │  ├── blog
   │  │  ├── en
   │  │  │  └── default # Contains the default sample English blog.
   │  │  └── zh
   │  │     └── default # Contains the default sample Chinese blog.
   │  └── config.ts
   ├── env.d.ts # Type definitions; typically unmodified.
   ├── exMarkdown # Contains functions related to Markdown compilation.
   │  └── markdownThemes
   │     ├── darkTheme.json # Code block night mode style in VsCode format.
   │     └── lightTheme.json # Code block daytime mode style in VsCode format.
   ├── theme_config.ts # HsuBlog theme configuration file.
   └── site_config.ts # HsuBlog site configuration file.

# git - Recommended for the convenience of subsequent updates
git clone https://github.com/KraHsu/HsuBlog.git
# or 
# npm 6.x
npm create astro@latest --template KraHsu/HsuBlog
# or 
# npm 7 , extra double-dash is needed:
npm create astro@latest -- --template KraHsu/HsuBlog
# or 
# yarn
yarn create astro --template KraHsu/HsuBlog

npm install
# or
yarn install
# or 
pnpm install

npm run dev
# or
yarn dev
# or
pnpm dev

npm run preview
npm run build
# or
yarn preview
yarn build
# or
pnpm preview
pnpm build