contribution cards下載 - contribution cards來源代碼下載

contribution cards

其他源碼

1.0.0

下載

貢獻卡

貢獻卡是一個有趣而互動的項目，您可以在其中設計和自定義HTML卡。該項目是了解開源貢獻，改善您的HTML，CSS，JS，GIT技能並展示您的創造力的絕佳方法。無論您是初學者還是經驗豐富的開發人員，這裡都有適合您的東西！？

入門

要開始使用貢獻卡，請按照以下步驟：

叉子此存儲庫：單擊此頁面右上角的“叉”按鈕。

克隆您的分叉存儲庫：

git clone https://github.com/your-username/contribution-cards.git

導航到項目目錄：
```
 cd contribution-cards
```

在瀏覽器中打開index.html ，以查看項目中的項目，並在root Directory中添加index.html的數據（更改每張卡的末尾代碼，以更好地了解代碼庫結構）
這是一個示例（編輯您的詳細信息）

 <!--John Doe's Card Start-->
  < div class =" cards john-doe " >
      < div class =" card-head " >
          < h5 class =" card-title " > John Doe </ h5 >
          < ul class =" card-social-links " >
              < li > < a href =" https://www.linkedin.com/in/johndoe " class =" card-link " data-toggle =" tooltip " title =" LinkedIn " > < i class =" bi bi-linkedin " > </ i > </ a > </ li >
              < li > < a href =" https://github.com/johndoe " class =" card-link " data-toggle =" tooltip " title =" GitHub " > < i class =" bi bi-github " > </ i > </ a > </ li >
              < li > < a href =" https://johndoe.com " class =" card-link " data-toggle =" tooltip " title =" Portfolio " > < i class =" bi bi-globe " > </ i > </ a > </ li >
          </ ul >
      </ div >
      < p class =" card-text " > John is a software developer with a passion for open-source projects and community engagement. </ p >
      < ul class =" card-study-links " >
          < li > < a href =" https://www.freecodecamp.org " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" FreeCodeCamp " > < i class =" bi bi-book " > </ i > </ a > </ li >
          < li > < a href =" https://www.w3schools.com " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" W3Schools " > < i class =" bi bi-mortarboard " > </ i > </ a > </ li >
          < li > < a href =" https://docs.github.com " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" GitHub Docs " > < i class =" bi bi-file-code " > </ i > </ a > </ li >
      </ ul >
      < h6 class =" card-subtitle mb-2 text-muted card-date " > Updated on: July 22, 2024 </ h6 >
  </ div >
<!--John Doe's Card End-->

在css目錄中打開users.css ，以更新您的卡背景顏色和顏色（在末尾添加以獲得更好的編碼結構）

. john-doe {
  background-color : # ff6b6b ;
  color : white;
}

打開users.json在data目錄中以更新您的卡詳細信息以進行auto-merge.yml更新（在末尾添加以獲得更好的編碼結構）

  {
    "name" : " John Doe " ,
    "title" : " Software Developer " ,
    "socialLinks" : {
      "linkedin" : " https://www.linkedin.com/in/johndoe " ,
      "github" : " https://github.com/johndoe " ,
      "portfolio" : " https://johndoe.com "
    },
    "description" : " John is a software developer with a passion for open-source projects and community engagement. " ,
    "studyLinks" : {
      "freeCodeCamp" : " https://www.freecodecamp.org " ,
      "w3Schools" : " https://www.w3schools.com " ,
      "githubDocs" : " https://docs.github.com "
    },
    "updatedOn" : " July 22, 2024 "
  },

如何貢獻

我們歡迎所有人的貢獻。這是貢獻的步驟：

分叉存儲庫

單擊存儲庫頁面右上角的“叉子”按鈕。

克隆存儲庫

克隆您的分叉存儲庫到本地機器：

git clone https://github.com/your-username/contribution-cards.git

創建一個分支

為您的更改創建一個新分支：
```
git switch -c " your-branch-name "
```

進行更改

對項目進行更改。這可能包括編輯HTML，CSS或JavaScript文件。

提交您的更改

通過有意義的提交消息添加並提交您的更改：

git add .
git commit -m " Add a meaningful commit message "

推到github

將更改推向分叉的存儲庫：
```
git push origin your-branch-name
```

創建拉動請求

創建從叉子存儲庫到原始存儲庫的拉動請求。單擊原始存儲庫頁面上的“新拉請求”按鈕，然後按照說明進行操作。

項目結構

這是項目結構的簡要概述：

 ├── assets
├── CODE_OF_CONDUCT.md
├── Contributors.md
├── css
│   ├── styles.css
│   └── users.css
├── data
│   └── users.json
├── index.html
├── js
│   └── main.js
├── MIT-LICENSE.txt
└── README.md