profile-site is a template of MacOS terminal-style personal profile website
- star ⭐ this project if you enjoy this template
ASCII art can be generated on an online tool, e.g., patorjk
download the source
git clone https://github.com/chi-0828/profile-site.gitrun npm
cd profile-site
npm install
npm run startcustomize your website
modify the title of public/index.html, change User to your name
<head>
<meta charset="UTF-8">
<!-- some codes -->
<title>User</title>
<!-- Put your name here -->
<!-- some codes -->
</head>src/img/me5.png is your personal image, src/customization/*.json is your personal information
cd src/customization
# change the introduction in *.json to your own information
# change the images in img/* to your own photo and your school/company logoexample-1: customize Experience.json
{
"companies" : [
{
"logo" : "path related to src",
"name" : "your company name",
"position_time" : "your job title, when",
"description" : "what you do"
},
{
"logo" : "./img/patere-removebg-preview.png",
"name" : "XXXX Co.",
"position_time" : "Software Engineering Intern, Aug. 2021 - Jun. 2022",
"description" : "Computer vision and deep learning project, e.g., implementing an object detection application for patient assistance"
}
]
}example-2: customize Introduction.json
{
"intro" : "write your portfolio here",
"github" : "your GitHub",
"googlescholar" : "your google scholar (or your Gmail)",
"linkedin" : "your LinkedIn",
"orcid" : "your orcid (or any other social account, e.g., FB, IG)"
}if you don't have npm on your PC, I recommend you download it or use the HTML version (the HTML version is no longer maintained)
git clone --branch html https://github.com/chi-0828/profile-site.gitif you want to deploy the site on your GitHub page
git clone https://github.com/chi-0828/profile-site.git
cd profile-site
vim package.jsonconfigure package.json
{
"//": "name is your project name",
"name": "profile-site",
"version": "0.1.0",
"//": "change 'your-account' to your GitHub account and 'profile-site' to repository",
"homepage": "https://your-account.github.io/profile-site",
"..." : "..."
}npm run deployThere will be a new branch gh-pages on your repository; you can host the branch to be the GitHub page in setting
see the tutorial
customize Project.json to show your projects
The project is under-going
- add the animation of terminal-style text printing
add a new tab for "Project"change the source code to React project (done)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent