I have created a simple personal website maker with Github, Dev.to or Medium. Simple configuration. All it needs is your username on Github and Dev/Medium.
PJijin / Personal-Website
πββοΈCreate your personal website and blog with Github, Medium or Dev
Personal Website Template
Other projects:
- π Cover Image Generator - Generate a cover image for your blog post online.
- π MarkDown - Live Markdown Generator
- π Paper - A "no-cloud" note taking app with "networkless" sharing.
- π¨βπ» ShowPath - Learning Path for Programmers
Code with
Features β¨
Automatically shows your GitHub public repo, blog posts (dev.to or medium) on your personal website.
-
Show Github Repo
-
Show Medium or Dev.to Blog Posts
Usage
-
Clone the Repository
git clone https://github.com/PJijin/Personal-Website.git
-
Run this command to install dependencies
npm install
-
Open src/config.js and then enter your social media account username.
-
Customize about us page from src/components/About/about.js
-
Run
npm run start
π€ Contributing
Contributions, issues and feature requests are welcome!
Show your support
Give a βοΈ if this project helped you!
The website consists of Github repository portfolio and blog posts from Dev.to or Medium, About Us Section, Basic Profile information.
Hit βοΈ if you like the project π, Feel free to open issues π
Github: https://github.com/PJijin/Personal-Website
Demo: https://personal-website.pjijin1.now.sh/
Follow On Twitter: https://twitter.com/PJijin
Usage
1 Clone the Repository
git clone https://github.com/PJijin/Personal-Website.git
2 Run this command to install dependencies
npm install
3 Open src/config.js and then enter your social media account username, name, title.
const config = {
name: 'Jijin',
title: "Hi I'm Jijin ππ»",
blog: 'Dev', // Dev.to or Medium (Make blank if you don't need the blog)
// Social media profile username
github: '', // [REQUIRED] Github Username
twitter: '', // Twitter Username
stackoverflow: '', // Eg: 3211944
medium: '', // without @ symbol
instagram: '',
dev: 'pjijin',
youtube: '', // Channel ID
linkedin: ''
};
4 Customize about us page from src/components/About/about.js
5 Run
npm run start
Top comments (4)
Wow I love the idea, especially if you don't have to much time for creating an entire new website.
I was thinking, wouldn't it be useful to use environmental variables instead of a js file? It would allow for much better upgradability.
Thank You.
Yeah. it can be moved to environmental variables. I will refactor the code soon!!! π
Just tested and I think I will use for my site.
Actual: josecage.github.io π’
Congrats for your project.
Awesome π₯°