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