Git Product home page Git Product logo

linmoblog's Introduction

☀️ 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

linmoblog's People

Contributors

linmoqc avatar dynesshely avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.