Skip to content

rabbyalone/myblog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Blog UI

Deploy with Vercel

See my personal site

This React template was originally created by timrix. In the original version, blogs were generated using MDX parsing. I have transformed this template to work seamlessly with the .NET API.

Key Features

  • Markdown Editor: Add a markdown editor to facilitate post creation.
  • Authorization: Implement authorization to secure data storage in the API.
  • Markdown JSON: Retrieve Markdown content for posts from the API.
  • New Markdown Renderer: Enhance the Markdown rendering functionality.
  • Loader: Integrate a loader for improved user experience.
  • API Services: Develop services for interaction with the API.

Getting Started

Step 1: Deploy the API

To begin, you need to deploy the .NET API.

Step 2: Setting Up the UI

Quick Start Guide

  1. Modify default values in data/siteMetadata.js to customize your site.
  2. Update the apiUrl in utils/ApiService.ts to connect to your deployed API.
  3. Personalize the authors and default author information in authors/default.md.
  4. Customize navigation links by modifying headerNavLinks.js.
  5. Create and publish blog posts using 'localhost:3000/editor'.
  6. Deploy your UI to make it accessible to your audience.

With these steps, you can personalize and deploy your Personal Blog UI, offering a user-friendly environment for creating and sharing your blog content.

Markdown Editor

Markdown Editor