/LinMoBlog

This is a personal blogging platform built with React, TypeScript, and Spring Boot.

Primary LanguageTypeScriptGNU General Public License v2.0GPL-2.0

☀️ LinMo Blog

A developing blog framework, based on React + TypeScript + SpringBoot

🗺 Roadmap

  • Backstage UI
  • Frontend UI
  • API
  • Login System
  • Axios Encapsulation

👌 Tech Stacks

Front end

  • React + TypeScript
  • React Router
  • Reducer
  • Sass
  • Axios
  • Vite

Behind end

  • SpringBoot
  • Mybatis

Structure

Blog/
|-- server/
|   |-- db.json      // json-server startup file
|-- src/
|   |-- apis
|   |-- assets
|   |-- components
|   |-- interface
|   |-- pages
|   |-- router
|   |-- store        // Redux States Management
|-- package.json
|-- README.md

Development

// Prepare source code
git clone https://github.com/LinMoQC/LinMoBlog.git
cd LinMoBlog

// Run front end
npm install # If failed please append `--force`
npm run dev

// Run behind end:
mvn spring-boot:run

account:admin
password:123456

If you want to change the username or password, please generate the SHA256 encrypted ciphertext by yourself temporarily, and then replace it in the user table of the database.

Where You Should Change

server/src/main/resources/application.yml

image

server/src/main/java/com/linmoblog/server/Config/ImageConfig.java

image

Which interfaces are not yet completed?

  • Article conditional search
  • Word cloud and hotspot map on the homepage
  • Statistics page
  • Translate the settings page into English

😉 Preview

Login Page

Backstage Home Page

image

Dark Mode

image

Notes

image 825e53fc859297c29cd0891f50f0164 image 2563eab5a1964e16a0e59f958a7f652

Use OpenAI To Description Your Note

image

TalkTalk

0e87026ca10e8eea0bccc3eb7bc91e3

Gallery

a258afefc28d0cee24e21b864b7cabb

Friend Links

ad6eb864bc573c8b9996ddf3ddfe978

Site Analyse

3f5340f422f1a501cf675c70b401980

Site Management

image