developerFolio
Safe Release
只需更改src/portfolio.js即可获取您的个人投资组合。通过在src/_globalColor.scss文件中全局使用自己的配色方案来自定义投资组合主题。随意使用它，或者根据需要进行个性化。
如果您想为其他用户做出贡献并使其变得更好，请查看问题。
为您的投资组合创建了一些很棒的东西，并想分享它吗？随时打开拉动请求。
✔️摘要和关于我的
✔️技能
✔️教育
✔️工作经验
✔️与GitHub连接的开源项目
✔️大型项目
✔的成就和认证？
✔️博客
✔️谈话
✔️播客
✔️与我联系
✔️Twitter时间轴
✔️github个人资料
要查看一个现场示例，请单击此处。
这些说明将使您在本地计算机上启动并运行该项目的副本，以开发和测试目的。
您需要在计算机上安装的git和node.js（随附NPM）或使用Docker。
[email protected] or higher
[email protected] or higher
[email protected] or higher
1) BUILD IMAGE : docker build -t developerfolio:latest .
2) RUN IMAGE: docker run -t -p 3000:3000 developerfolio:latest
从您的命令行，克隆并运行developerFolio：
# Clone this repository
git clone https://github.com/saadpasta/developerFolio.git
# Go into the repository
cd developerFolio
# Setup default environment variables
# For Linux
cp env.example .env
# For Windows
copy env.example .env
# Install dependencies
npm install
# Start a local dev server
npm start按照以下说明生成经典的GitHub个人访问令牌（请确保您不会选择任何范围仅生成一个简单的令牌）。如果您使用GitHub操作来部署投资组合，则可以跳过本节。
注意：强烈建议在部署投资组合之前配置环境变量，因为某些组件取决于API数据。
- DeveloperFolio
- node_modules
- public
- src
- .env < -- create it here
- env.example < -- this is the base file
- .gitignore
- package-lock.json
- package.jsonREACT_APP_GITHUB_TOKEN并像这样分配您的github令牌，也将用户名添加为GITHUB_USERNAME // .env
REACT_APP_GITHUB_TOKEN = " YOUR GITHUB TOKEN HERE "
GITHUB_USERNAME = " YOUR GITHUB USERNAME "
USE_GITHUB_DATA = " true "将showGithubProfile设置为True或False，以使用GitHub显示联系人配置文件，默认为False。
警告：将您的令牌视为密码，并将其保密。使用API时，将令牌用作环境变量，而不是将它们用于您的程序中。
注意：开源项目部分仅显示github的固定项目。如果您看到如下所示的内容，请按照以下说明进行操作。
如果以上解决方案仍然不起作用，请访问Wiki页面。
可选地，您可以将博客部分链接到中等用户帐户：
MEDIUM_USERNAME并分配媒体用户名// .env
MEDIUM_USERNAME = " YOUR MEDIUM USERNAME ".github/workflows/deploy.yml中更改环境变量MEDIUM_USERNAME将displayMediumBlogs设置为portofolio.js中的true或false，以显示提取的中等博客，默认为true。
/src/portfolio.js中个性化页面内容，并根据需要对其进行修改。您还需要修改index.html以更改标题和元数据，以为您的个人投资组合提供准确的SEO。 /* Change this file to get your Personal Porfolio */
const greeting = {
/* Your Summary And Greeting Section */
title : "Hi all I'm Saad" ,
subTitle : emoji ( "A passionate Full Stack Software Developer " ) ,
resumeLink : "https://drive.google.com/file/d/1ofFdKF_mqscH8WvXkSObnVvC9kK7Ldlu/view?usp=sharing"
} ;
const socialMediaLinks = {
/* Your Social Media Link */
github : "https://github.com/saadpasta" ,
linkedin : "https://www.linkedin.com/in/saadpasta/" ,
gmail : "[email protected]" ,
gitlab : "https://gitlab.com/saadpasta" ,
facebook : "https://www.facebook.com/saad.pasta7"
} ;
const skillsSection = { ... . }
const techStack = { ... . }
const workExperience = { ... . }
const openSource = { ... . }
const bigProjects = { ... . }
const achievementSection = { ... . }
const blogSection = { ... . }
const contactInfo = { ... . }
const twitterDetails = { ... } 要上传您自己的简历，只需将PDF上传到src/containers/greeting/resume ，然后将PDF重命名为resume.pdf 。
添加表情符号？在Portfolio.js中的文本中，使用emoji()函数并将您需要的文本作为参数传递。这将有助于使表情符号在不同的浏览器和平台之间兼容。
您可以选择Lottie并以JSON格式从类似的网站下载。在src/assets/lottie中，替换要使用相同文件名更改的Lottie JSON文件。如果要更改Lottie选项，请访问src/components/displayLottie/DisplayLottie.js并更改defaultOptions对象，您可以转访Lottie-reactct docs以获取有关defaultOptions对象的更多信息。
将您的Twitter用户名插入portfolio.js ，以在页面上显示您的最新活动。
const twitterDetails = {
userName : "Your Twitter Username"
} ;注意：添加用户名时不要使用@符号。
完成设置后，您应该在线托管网站。我们强烈建议阅读在GitHub页面文档上的部署以进行React。
首先，您应该为使用的存储库启用GitHub操作。
GITHUB的配置文件和存储库信息仅在部署时创建，如果需要更新这些信息，则需要重新部署该站点。因此，设置了可配置的CRON作业，该作业每周都会部署您的网站，因此一旦您在Github上更新您的配置文件，就会在您的投资组合上显示。您还可以使用workflow_dispatch事件手动触发它，请参见有关如何执行此操作的指南。
本节指导您在GitHub页面上部署投资组合。
导航到package.json并输入您的域名，而不是https://developerfolio.js.org/在homepage变量中。例如，如果您希望您的网站是https://<your-username>.github.io/developerFolio ，请在package.json的主页部分中添加相同的内容。
简而言之，您还可以将/devloperFolio添加到package.json中。这样做后，您会告诉create-react-app相应地添加路径资产。
可选，配置域。您可以通过将CNAME文件添加到public/文件夹中，以使用GitHub页面配置自定义域。
遵循此处的官方CRA文档设置GitHub页面的指南。
您也可以通过链接自己的存储库来直接托管NetLify。
有关更多信息，请阅读Netlify上的托管。
如果您可以帮助我们。请随时打开拉动请求。
与LinkedIn联系以获得摘要，技能，教育和经验
搬到盖茨比
添加更多部分
Saad Pasta | Kartik Choudhary | Naveen MK | 穆罕默德·哈勒姆（Muhammad Hasham） |
谢谢这些好人（表情符号钥匙）：
法瓦德·阿里（Fawad Ali） ？ | 达森·纳瓦达（Dasun Navoda） | 布莱恩·泰曼（Brian Teeman） | Rajkumar s | 苗条编码器 | 穆罕默德·赛亚夫（Mohamed Sayyaf） | Ashutosh Hathidara |
Rizwan Jamal⚡️ | 穆罕默德·哈勒姆（Muhammad Hasham） | Ujjawal Joshi | 帕拉克·塞西（Palak Sethi） | Vinicius Barbosa | Bharat Kammakatla ？ | Garima Singh |
亨利·亨 ？ | PULKIT BANTA ？ | Akshay Kumar ？ | Amna Ejaz ？ | 纳格帕尔（Paras Nagpal） | Sparsh Garg | Aashutosh Rathi |
Abhishek Kashyap ？ | 卢卡斯VC Nicolau | 布拉德利·赫林（Bradley C. Herrin） ？ | Zekinah Lecaros | 不败 | 阿沙德·艾哈迈德（Arshad Ahmed） | 小刘 ？ |
Seungyeon-Lee | Najam Shehzad | 兰迪·耶稣真实的srsen | Tamojit Das | 沃伦·冈萨加（Waren Gonzaga） | 本杰明资产阶级 | Keshav Jain |
汉兹拉 | Yogesh Rathod | 库纳尔·蒙达达（Kunal Mundada） | Anubhav Gupta | Vatsal Dave | 猫王Ciuffetelli | 斯科特·杰伦 ？ |
卡尔西克·莫汉（Karthik Mohan） ？ | Mhowell11 | Gajanandh ？ | Joohyukkim | 红色耳机 ？ | 苏尼特·罗伊（Sunit Roy） ？ | atir nayab ？ |
Shehriyar Qureshi | 尊重 | 布雷登 ？ | Canciu Costin | Atharv Singh | Ishan Khandelwal | Sergey Lyapustin |
卡米拉·波扎斯（Camila Pozas） | Sai Teja ？ | Vinit Hemadri | Njong Emy | 塔玛达斯 | Dunsin | Muneeb Ahmed |
Qais Attarwala |
