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 |
