Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thenewtoncode/personal-blog-website
Personal blog website built using Node.js. The website features a homepage displaying a list of blog posts, individual blog post pages, an About page, and a Contact page. The blog posts and styles are dynamically loaded.
https://github.com/thenewtoncode/personal-blog-website
blog-webapplication blog-website html-css-javascript javascript node-js nodejs
Last synced: 2 days ago
JSON representation
Personal blog website built using Node.js. The website features a homepage displaying a list of blog posts, individual blog post pages, an About page, and a Contact page. The blog posts and styles are dynamically loaded.
- Host: GitHub
- URL: https://github.com/thenewtoncode/personal-blog-website
- Owner: theNewtonCode
- Created: 2024-07-27T20:32:50.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-27T22:28:09.000Z (6 months ago)
- Last Synced: 2024-11-11T07:40:46.255Z (2 months ago)
- Topics: blog-webapplication, blog-website, html-css-javascript, javascript, node-js, nodejs
- Language: HTML
- Homepage:
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Blog Website
This project is a personal blog website built using Node.js. The website features a homepage displaying a list of blog posts, individual blog post pages, an About page, and a Contact page. The blog posts and styles are dynamically loaded.
## Table of Contents
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [File Structure](#file-structure)
- [License](#license)
## Features
- Dynamic homepage displaying a list of blog posts.
- Individual blog post pages.
- Static About and Contact pages.
- Separate CSS files for styling the homepage and individual blog posts.
## Installation
1. Clone the repository:
```sh
git clone https://github.com/theNewtonCode/Personal-Blog-Website.git
cd personal-blog-website
```
2. Install the required dependencies:
```sh
npm install
```
3. Create the necessary directories and files if they do not exist:
```sh
mkdir -p Backend static
touch Backend/blogs.txt static/index_css.txt static/post_css.txt static/about.html static/contact.html
```
4. Populate `Backend/blogs.txt` with your blog posts in JSON format:
```json
{
"post1": {
"title": "My First Blog Post",
"time": "2024-07-28",
"content": "This is the content of my first blog post."
}
}
```
5. Add your CSS styles to `static/index_css.txt` and `static/post_css.txt`.
6. Add content to `static/about.html` and `static/contact.html`.
## Usage
1. Start the server:
```sh
node server.js
```
2. Open your browser and navigate to `http://127.0.0.1:3000`.
## File Structure
- `Backend/`
- `blogs.txt`: JSON file containing blog posts.
- `static/`
- `index_css.txt`: CSS styles for the homepage.
- `post_css.txt`: CSS styles for individual blog posts.
- `about.html`: HTML content for the About page.
- `contact.html`: HTML content for the Contact page.
- `server.js`: Main server file.
## License
This project is licensed under the MIT License.