leon-z/materialize_blog

Blog system based on React.js & Material-UI

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