shurintou / shurintou.github.io

This is my blog project (production).

my blog

🔗URL: https://shurintou.github.io

🏠What is it ?

This is my blog project which was developed by React and built by npm run build.

Here is the project for development.

💡Anything special ?

Customized theme

The project can config design theme by using craco, to try this, please modify the craco.config.ts file in the development project.

Database-free

All posts of the blog are stored as Github issue, and comments are synchronized by Gitalk.

Trilingual contents

The UI parts of the blog can be displayed in three languages(English, Simplified Chinese and Japanese) by changing the setting, and each languages has its original post contents.

SPA with browserHistory

Though the project is developed as a single page application(SPA), the browserHistory can totally work at each operation you have made, and copying an URL can get the exact same result as the copied one.

filter/search posts

Posts can be filtered by categories(memo, technic, ...), tags(Java, Javascript, ...), and languages(English, Japanese, Chinese), or searched by any keyword you are interested.

🔑How does it work ?

This project is automatically deployed by Github Pages.

📝Some tips

404.html

Because the project was developed as a SPA project, the 404.html need to exactly be the same as the index.html in the project.

build.sh

This shell file is written to replace built files such as main.12345678.js more conveniently. To use it, place the development project and the production project like below,

|-- DevProject
    |-- build
    ...
|-- ProdProject
    |-- build.shell
    ...

After run npm run build in the development project, run the build.shell in the production project, done!