小編精選 - 技術文章翻譯  ·  07月03日

🚀 建立有吸引力的 GitHub 個人資料自述文件 📝

🚀 建立有吸引力的 GitHub 個人資料自述文件 📝

使用我的自訂設定檔自述文件範本增強您的 GitHub 自述文件。

歡迎來到透過出色的 README 提升您的 GitHub 個人資料的旅程！

您的 GitHub 自述文件是潛在雇主、合作者和其他開發人員的第一印象。引人入勝、結構良好的自述文件不僅突出了您的技能和專案，還展示了您的個性和專業精神。在這裡，我將指導您如何使用我的自訂綜合模板來增強 GitHub README。

您可以造訪我的GitHub 個人資料，查看完成的自述文件是什麼樣子！

建立您的特殊自述文件儲存庫

在此之前，讓我引導您完成特殊自述文件儲存庫的建立階段。

  • 建立 GitHub 帳戶並登入您的 GitHub。

  • 前往您的 GitHub 用戶個人資料。

  • 除了Overview標籤之外，您還可以看到Repositories選項卡，切換到Repositories標籤。這包含您建立的所有存儲庫。

儲存庫選項卡

  • 點選New按鈕建立一個新儲存庫。

新按鈕

  • 這是重要的部分，請確保您的儲存庫名稱與您的使用者名稱完全相同。

GitHub 儲存庫名稱

  • 檢查您的 GitHub 儲存庫是否為Public 。您也可以透過開啟特定儲存庫並移至Settings標籤底部來變更儲存庫可見性設定。

儲存庫可見性

  • 選擇Add a README file選項，這將新增一個空的 Markdown 文件。

  • 點擊Create Repository按鈕最終建立您的帳戶。

介紹

我們將使用Markdown編寫自述文件，這也是撰寫本文的語言。

以熱情的問候和簡短的介紹開始您的自述文件。您可以使用引人注目的標題或動畫 GIF 來加入一些個人風格。

確保您的/icons資料夾包含用於 GitHub 設定檔的icons ，將其推送到 GitHub 設定檔特殊儲存庫的主分支上。

https://github.com/YourUsername/YourUsername/blob/main/icons/activity.gif
<h1 align="center">Hi <img src="https://github.com/YourUsername/YourUsername/blob/main/icons/Hi.gif" width="28px"/>, I'm [Your Name]</h1>
<h2 align="center">
  <img src="https://komarev.com/ghpvc/?username=[YourUsername]&color=dc143c&style=for-the-badge" alt="Profile Views" style="height:21px;">
  Fullstack Developer
  <a href="https://[your-portfolio-link]">
    <img src="https://img.shields.io/badge/Portfolio-543DE0?style=for-the-badge&logo=About.me&logoColor=white" alt="Portfolio" style="height:22px;">
  </a>
</h2>
<div align="center">
 <img alt="GIF" src="https://media4.giphy.com/media/11KzOet1ElBDz2/giphy.gif?cid=6c09b952ufa3xxbbm0mpuadm2zaik3wjp4m9luz2ly0lyz8d&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=g" />
</div>

關於我部分

簡要概述您的身份、您的專長以及您的動力。使用要點或簡潔的段落來保持可讀性。

## <img align ='center' src="https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExdjh2dDM4bDhyYzM5NmppaHJ6dG56Mmh3bTkyanFkdWRvZ3R1cGoycSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9ZQ/LOnt6uqjD9OexmQJRB/giphy.gif" width="37" /> About Me

I am a passionate Fullstack Developer with a strong foundation in both frontend and backend technologies. A versatile developer specializing in **MERN, Android Development, and Chatbot Development** with a passion for continuous learning. My expertise lies in integration, improving user interfaces, and enhancing overall user experiences. I thrive on solving challenging problems and creating innovative solutions.

詳細部分

利用可折疊部分有效地組織您的自述文件。這可以保持文件的整潔和可導航性。以下是如何建立簡歷、經驗、編碼處理、技術堆疊和專案的部分：

履歷和經驗

<details>
 <summary>
    <h2> 
      <img align="center" src="https://github.com/[YourUsername]/[YourUsername]/blob/main/icons/about.png" width="37" /> 
    Resume
    </h2>
</summary>

 <details>
  <summary><h4> <img align="center" src="https://github.com/[YourUsername]/[YourUsername]/blob/main/icons/academics.gif" width="29"/> Academics</h4></summary>
  <span><img src="https://img.shields.io/badge/BTECH-[YourUniversity]-1877F2?style=for-the-badge"></span>
  <span><img src="https://img.shields.io/badge/GPA-[YourGPA]-EFEEE9?style=for-the-badge"></span>
 </details>

 <details>
  <summary><h4> <img align="center" src="https://github.com/[YourUsername]/[YourUsername]/blob/main/icons/experience.gif" width="29"/> Experience</h4></summary>
  - **[Your Role] ** at [Company] | [Duration]
    - [Work Description]
 </details>
</details>

編碼手把和技術堆疊

<details>
  <summary><h4> <img align="center" src="https://user-images.githubusercontent.com/74038190/216122041-518ac897-8d92-4c6b-9b3f-ca01dcaf38ee.png" width="29"/> Coding Handles</h4></summary>
  [![LeetCode](https://img.shields.io/badge/LeetCode-000000?style=for-the-badge&logo=LeetCode&logoColor=#d16c06)](https://www.leetcode.com/[your-handle])
  [![Codeforces](https://img.shields.io/badge/Codeforces-445f9d?style=for-the-badge&logo=Codeforces&logoColor=white)](https://codeforces.com/profile/[your-handle])
  [![GeeksForGeeks](https://img.shields.io/badge/GeeksforGeeks-gray?style=for-the-badge&logo=geeksforgeeks&logoColor=35914c)](https://auth.geeksforgeeks.org/user/[your-handle]/practice)
</details>

<details>
  <summary><h4> <img align="center" src="https://github.com/[YourUsername]/[YourUsername]/blob/main/icons/techstack.gif" width="29"/> Tech Stack</h4></summary>
  ![C++](https://img.shields.io/badge/c++-%2300599C.svg?style=for-the-badge&logo=c%2B%2B&logoColor=white)  
  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) 
  ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) 
</details>

專案

突出顯示您的關鍵專案並描述其影響。使用圖示和徽章直觀地表示所使用的技術。

<details>
  <summary><h4> <img align="center" src="https://github.com/[YourUsername]/[YourUsername]/blob/main/icons/projects.gif" width="29"/> Projects</h4></summary>

  #### <a href="https://github.com/[YourUsername]/[Project-Name]">[Project Name]</a>
  <span><img src="https://img.shields.io/badge/Node.js-%2343853D.svg?style=for-the-badge&logo=node.js&logoColor=white"> <img src="https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white"></span>
  - Implemented features to notify users about new opportunities.
  - Achieved a user base of X, surpassing initial projections.
</details>

統計資料和活動

使用 GitHub 統計資料和活動圖表展示您的編碼活動和貢獻。

GitHub 自述文件統計

GitHub 貢獻統計

<details>
  <summary><h2> <img align="center" src="https://github.com/[YourUsername]/[YourUsername]/blob/main/icons/stats.gif" width="32"/> Stats</h2></summary>
  <div align="center">
    ![](https://github-readme-stats.vercel.app/api?username=[YourUsername]&theme=tokyonight&hide_border=false&include_all_commits=true&count_private=false)<br/>
    ![](https://github-readme-streak-stats.herokuapp.com/?user=[YourUsername]&theme=tokyonight&hide_border=false)<br/>
    ![](https://github-readme-stats.vercel.app/api/top-langs/?username=[YourUsername]&theme=tokyonight&hide_border=false&include_all_commits=true&count_private=false&layout=compact)<br/>
    ![](https://github-readme-activity-graph.vercel.app/graph?username=[YourUsername]&theme=tokyo-night)
  </div>
</details>

除了 GitHub Stats 之外，您還可以展示您的 LeetCode Stats/ Codeforces Stats，如下所示：-

Leetcode 統計

GitHub 統計

  ### Leetcode
  <div align="center">

  ![LeetCode Stats](https://leetcode.card.workers.dev/YourUsername?theme=auto&font=baloo&extension=null)

  </div>

  ### Codeforces
  <div align="center">

  ![Codeforces Stats](https://codeforces-readme-stats.vercel.app/api/card?username=YourUsername)

  </div>

社群連結和聯絡方式

接觸

在自述文件的末尾加入您的社交連結和聯絡訊息，以便其他人輕鬆與您聯繫。

接觸

<details>
  <summary><h2> <img align="center" src="https://github.com/[YourUsername]/[YourUsername]/blob/main/icons/Contact.gif" width="37"/> Contact Me</h2></summary>
  <p>
    <i>You can reach out to me via</i>
    <a href="mailto:[your-email]">
      <img align="center" src="https://github.com/[YourUsername]/[YourUsername]/blob/main/icons/Gmail.gif" width="100"/>
    </a>
  </p>
</details>

加笑話/歌曲/引言

隨機笑話

<details>
  <summary>Click to see a random joke</summary>
  <div align="center">

  ![Jokes Card](https://readme-jokes.vercel.app/api?theme=halloween)

  </div>
</details>

同樣，您可以使用Spotify或Quotes 。

Spotify

引號

使用 GitHub 操作

合併 PR GitHub 作業

合併 PR GitHub 作業

這是一個簡單的專案，我為自動化我最近的合併 PR 而製作，您可以按照此部落格來設定合併 PR GitHub Action。

### ✅ Merged PRs
<!--Start Count Merged PRs-->
  <span><img src="https://img.shields.io/badge/Total_Merged_PRs-34-1877F2?style=for-the-badge"></span>
<!--Finish Count Merged PRs-->

<!--Start Merged PRs-->
1. 🥳 Merged PR [379](https://github.com/pymc-labs/CausalPy/pull/379) - [pymc-labs/CausalPy](https://github.com/pymc-labs/CausalPy)
<!--Finish Merged PRs-->

近期活動

透過此「近期活動 GitHub 操作」 ，您可以自動執行近期活動並在個人資料上展示。

近期活動

### <img align="center" src="https://github.com/YourUsername/YourUsername/blob/main/icons/activity.gif"  width="25"/> Recent Activity
<!--START_SECTION:activity-->
1. 🗣 Commented on [#2944](https://github.com/actualbudget/actual/issues/2944#issuecomment-2197605111) in [actualbudget/actual](https://github.com/actualbudget/actual)
<!--END_SECTION:activity-->

貢獻圖貪吃蛇遊戲

此貢獻圖 GitHub Action會自動建立蛇吃貢獻細胞的動畫 svg。

GitHub 蛇動畫

附屬卡

即時 Spotify 音樂這將在您的 GitHub 個人資料上播放即時 Spotify 音樂。

Waka 時間統計此操作將設定 Waka 時間統計訊息，以在您的 GitHub 個人資料上展示。

GitHub Trophy將根據您的 GitHub 個人資料動態產生統計資料。

ReadME Terminal這會為您的 GitHub 設定檔產生一個基於終端的獨特 gif。

[Metrics] (https://github.com/lowlighter/metrics) 這將根據您的 GitHub 個人資料產生詳細的統計資訊圖表。

設定檔頭產生器- @leviarista 提供的這個工具將幫助您產生具有不同背景和主題的自訂 GitHub 設定檔頭。

透過遵循此模板，您可以建立自己的全面的、具有視覺吸引力的自述文件，有效地展示您的技能、專案和個性。請記住，關鍵是要保持其組織性、吸引力並反映您獨特的風格和貢獻。

致謝

  1. https://github.com/antonkomarev/github-profile-views-counter

  2. https://github.com/Ileriayo/markdown-badges

  3. https://github.com/anuraghazra/github-readme-stats

  4. https://github.com/Ashutosh00710/github-readme-activity-graph

  5. https://github.com/JacobLinCool/LeetCode-Stats-Card

  6. https://github.com/RedHeadphone/codeforces-readme-stats

  7. https://github.com/ABSphreak/readme-jokes

  8. https://github.com/JeffreyCA/spotify-recently-played-readme

  9. https://github.com/PiyushSuthar/github-readme-quotes

  10. https://github.com/ParthJohri/github-mergedpr-readme

  11. https://github.com/jamesgeorge007/github-activity-readme

  12. https://github.com/Platane/snk

  13. https://github.com/novatorem/novatorem

  14. https://github.com/athul/waka-readme

  15. https://github.com/ryo-ma/github-profile-tropy

  16. https://github.com/x0rzavi/github-readme-terminal

  17. https://github.com/lowlighter/metrics

  18. https://github.com/leviarista/github-profile-header-generator

信封

為自己鼓掌👏，你的自訂 GitHub Profile README 終於完成並塵埃落定了！在評論中分享您的 GitHub 個人資料自述文件，如果我遺漏了任何內容，請告訴我，我很樂意加入它。

原文出處：https://dev.to/parth_johri/create-an-attractive-github-profile-readme-noj

0個讚   0留言 236瀏覽
共有 0 則留言
登入之後發表留言
小編精選 - 技術文章翻譯
精選技術文章翻譯，幫助開發者持續吸收新知。
熱門文章
🔥 9 個開源庫可以增強您的下一個專案🔋⚡️
🔥 5 個很棒的 Docker 工具，讓您的生活更輕鬆
🔥 函數式程式設計指南
🔥 前端設計靈感：15 個基本工具和資源 ⚡️
🔥 10+ 個熱門動畫 UI 元件庫 🔥
最新出爐專案包
⭐ 邁向資深之路：非同步 JS 訓練（二）—— 各種寫法的錯誤處理、收尾處理
⭐ 邁向資深之路：非同步 JS 訓練（一）—— 從 Callback Hell 到 Promise 介面
⭐ Github Desktop 新手入門教學 —— 用漂亮的 GUI 介面來學習 Git 基本觀念
⭐ 邁向資深之路：後端 JS 訓練（二）—— 玩玩看 Express，用純後端做做看部落格
⭐ 邁向資深之路：後端 JS 訓練（一）—— 玩玩看 Node，做做看老派 CLI 應用程式
熱門搜尋： 使用 開發 工作 專案 分享 ar 技術 網站 id for 作為 學習 API 作業 github Ml 第一 js 測試 html Javascript 搜尋 AI java javascript HTML Git JAVA git 前端 JavaScript app api javasc %' Java 系列 開源 ui 語言 user 網頁 架構 CD 套件 ul url jav COM 框架 結構 清單 Line ci ＣＳＳ 後端 GIT 編輯 研究 py AWS css go Node 主題 bi react 部署 工程師 伺服器 Ai Github 資料庫 Can REACT this console create with 遊戲 aws json 查詢 部落格 component CSS JS Javas Python class 新手 登入 分析 node 入門 vue 作品 design 新創 非同步
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。