Skip to content

ryanyr/materialize_blog

 
 

Repository files navigation

A React.js & Material UI based Blog system

I am currently rework most parts of this project. I have been busy the past few months and Material-UI API changed significantly.

Not work perfectly on mobile devices (especially those with small screen). Trying to fix that right now.

Feature

This is a single page application completely built using React.js & React Router. My personal blog is hosted by Github Pages. All the .md files(as post content) is also loading using Ajax from Github. For detailed info, go to my blog and check out the How did I creat a blog System series.

How to install

  1. git clone this project
  2. cd into the folder
  3. run npm i (may require sudo)
  4. run npm start & the program would run @localhost:3000
  5. run npm run build to compile and generate the static webpage @build folder
  6. You may upload the content in build to Github Pages

How to manage Posts

  1. Index of all posts is stored in /src/app/components/content/posts/posts.json (as a simple database)
  2. posts would be loaded using Markdown compiler using Ajax according to the path info provided in posts.json

About

Blog system based on React.js & Material-UI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.3%
  • CSS 27.5%
  • HTML 1.2%