Let's create a Personal Website with Github and Medium or Dev.to Account. Jijin P π¨βπ»π¦ - Jun 28 '19 - - Dev Community 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.
πββοΈ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.
Usage
Clone the Repository
git clone https://github.com/PJijin/Personal-Website.git
Run this command to install dependencies
Open src/config.js and then enter your social media account username.
Customize about us page from src/components/About/about.js
Run
π€ 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
Enter fullscreen mode
Exit fullscreen mode
2 Run this command to install dependencies
npm install
Enter fullscreen mode
Exit fullscreen mode
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: ''
};
Enter fullscreen mode
Exit fullscreen mode
4 Customize about us page from src/components/About/about.js
5 Run
npm run start
Enter fullscreen mode
Exit fullscreen mode