Leon-z / materialize_blog

Blog system based on React.js & Material-UI

Home Page:ziorix.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

ziorix.com


Languages

Language:JavaScript 75.6%Language:CSS 22.7%Language:HTML 1.7%