Personal Portfolioは、完全に応答性の高いパーソナル開発者ポートフォリオシングルページWebサイトです。
HTML 、 CSS 、 JavaScript 、およびPythonを使用して構築されたすべてのデバイスに応答します。
Live Demo: ? personal-portfolio.github.io
このプロジェクトをフォークし、レポをyour_github_username.github.ioに変更します。
重要
たとえば、githubユーザー名がivansaul場合。リポジトリの名前をivansaul.github.ioに変更します
githubページを有効にします:
Repository(Settings) > Pages > Build and deployment > Source(GitHub Actions)
ワークフローを有効にする:
Repository(Actions) > I understand my workflows, go ahead and enable them
config/ folderに移動し、デフォルトデータを個人情報に置き換えます。
config
| -- assets
| | -- avatars
| | -- icons
| | -- posts
| | -- projects
├── blog.yml
├── contact.yml
├── navbar.yml
├── profile.yml
├── projects.yml
└── resume.ymlたとえば、連絡先情報を設定するには、 config/profile.ymlを編集します。
INFO :
- label : " Email "
value : " [email protected] "
- label : " Phone "
value : " +1 (213) 352-2795 "
- label : " Birthday "
value : " June 26, 1996 "
- label : " Location "
value : " Sacramento, California, USA " 重要
インデントの問題:YAMLはインデントに敏感です。ネストの各レベルが一貫したスペース(タブではなく)でインデントされていることを確認して、データをロードまたは解析するときにエラーを回避します。
ヒント
画像をconfig/assetsフォルダーに直接アップロードするか、imgurのような画像サーバーを使用できます。両方のオプションは、ポートフォリオのカスタマイズに有効です。例えば:
avatar = "https://i.imgur.com/H5gx7JF.png"
avatar = "config/assets/avatars/my-avatar.png"
これで、 https://your_github_username.github.ioでポートフォリオにアクセスできます
個人ポートフォリオは、構成ファイルで変更が発生するたびに自動的に構築および更新されます。
注記
あなたが私の仕事が好きで、いくつかを見せたい場合は、このリポジトリに€するまってください。
貢献は大歓迎です。
お気軽に問題を開いてください:)
あなたが私に連絡したいなら、あなたはDiscordで私に連絡することができます。
このプロジェクトは、VCardポートフォリオに基づいています。このプロジェクトの主な焦点は、新しい機能を追加し、誰でもアクセスできるようにすることです。
mit