{
    "componentChunkName": "component---src-templates-blog-post-js",
    "path": "/2022-04-21_github-profile-summary-cards/",
    "result": {"data":{"site":{"siteMetadata":{"title":"365"}},"markdownRemark":{"id":"9242452f-f70b-5b13-bcb6-f26a50760820","excerpt":"昨日の続きで GitHub Profile の中身を増やしていく github-profile-summary-card を使って GitHub の情報を SVG で出力してくれる 出力した SVG を README に貼る github-profile-summary-card https://github.com…","html":"<p>昨日の続きで GitHub Profile の中身を増やしていく<br>\ngithub-profile-summary-card を使って GitHub の情報を SVG で出力してくれる<br>\n出力した SVG を README に貼る</p>\n<p>github-profile-summary-card<br>\n<a href=\"https://github.com/vn7n24fzkq/github-profile-summary-cards\">https://github.com/vn7n24fzkq/github-profile-summary-cards</a></p>\n<h2>手順</h2>\n<ul>\n<li>1: Personal Access Token の発行</li>\n<li>2: Repository Secrets に Personal Access Token を登録</li>\n<li>3: GitHub Actions 作成</li>\n<li>4: README に貼る</li>\n</ul>\n<h3>1: Personal Access Token の発行</h3>\n<p><a href=\"https://github.com/settings/tokens\">https://github.com/settings/tokens</a> で今回使用する Token を発行する</p>\n<p>必要な権限<br>\n以下 5 つの権限が必要</p>\n<ul>\n<li>repo\n<ul>\n<li>repo:status</li>\n<li>repo_deployment</li>\n<li>public_repo</li>\n</ul>\n</li>\n<li>user\n<ul>\n<li>read:user</li>\n<li>user:email</li>\n</ul>\n</li>\n</ul>\n<p>生成された Token を控えておく</p>\n<h3>2: Repository Secrets に Personal Access Token を登録</h3>\n<p><a href=\"https://github.com/%7Busername%7D/%7Busername%7D/settings/secrets/actions\">https://github.com/{username}/{username}/settings/secrets/actions</a> から登録</p>\n<ul>\n<li>Name\n<ul>\n<li><code class=\"language-text\">SUMMARY_GITHUB_TOKEN</code></li>\n</ul>\n</li>\n<li>Value\n<ul>\n<li>1 で発行した Personal Access Token</li>\n</ul>\n</li>\n</ul>\n<h3>3: GitHub Actions 作成</h3>\n<p><a href=\"https://github.com/vn7n24fzkq/github-profile-summary-cards#github-actions-usage\">https://github.com/vn7n24fzkq/github-profile-summary-cards#github-actions-usage</a> の通りに作成すれば問題ない<br>\n実際に作成した PR: <a href=\"https://github.com/honyanya/honyanya/pull/2/files\">https://github.com/honyanya/honyanya/pull/2/files</a></p>\n<div class=\"gatsby-highlight\" data-language=\"yml\"><pre class=\"language-yml\"><code class=\"language-yml\"><span class=\"token punctuation\">---</span>\r\n<span class=\"token key atrule\">name</span><span class=\"token punctuation\">:</span> GitHub<span class=\"token punctuation\">-</span>Profile<span class=\"token punctuation\">-</span>Summary<span class=\"token punctuation\">-</span>Cards\r\n\r\n<span class=\"token key atrule\">on</span><span class=\"token punctuation\">:</span>\r\n  <span class=\"token key atrule\">schedule</span><span class=\"token punctuation\">:</span> <span class=\"token comment\"># execute every 24 hours</span>\r\n    <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">cron</span><span class=\"token punctuation\">:</span> <span class=\"token string\">'* */24 * * *'</span>\r\n  <span class=\"token key atrule\">workflow_dispatch</span><span class=\"token punctuation\">:</span>\r\n\r\n<span class=\"token key atrule\">jobs</span><span class=\"token punctuation\">:</span>\r\n  <span class=\"token key atrule\">build</span><span class=\"token punctuation\">:</span>\r\n    <span class=\"token key atrule\">runs-on</span><span class=\"token punctuation\">:</span> ubuntu<span class=\"token punctuation\">-</span>latest\r\n    <span class=\"token key atrule\">name</span><span class=\"token punctuation\">:</span> generate\r\n\r\n    <span class=\"token key atrule\">steps</span><span class=\"token punctuation\">:</span>\r\n      <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">uses</span><span class=\"token punctuation\">:</span> actions/checkout@v2\r\n      <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">uses</span><span class=\"token punctuation\">:</span> vn7n24fzkq/github<span class=\"token punctuation\">-</span>profile<span class=\"token punctuation\">-</span>summary<span class=\"token punctuation\">-</span>cards@release\r\n        <span class=\"token key atrule\">env</span><span class=\"token punctuation\">:</span>\r\n          <span class=\"token key atrule\">GITHUB_TOKEN</span><span class=\"token punctuation\">:</span> $<span class=\"token punctuation\">{</span><span class=\"token punctuation\">{</span> secrets.SUMMARY_GITHUB_TOKEN  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">}</span>\r\n        <span class=\"token key atrule\">with</span><span class=\"token punctuation\">:</span>\r\n          <span class=\"token key atrule\">USERNAME</span><span class=\"token punctuation\">:</span> $<span class=\"token punctuation\">{</span><span class=\"token punctuation\">{</span> github.repository_owner <span class=\"token punctuation\">}</span><span class=\"token punctuation\">}</span></code></pre></div>\n<p>main merge 後、 GitHub Actions から <code class=\"language-text\">GitHub-Profile-Summary-Cards</code> を動かして動作確認を行う<br>\n問題なければ <code class=\"language-text\">profile-summary-card-output</code> というディレクトリが増えコミットされる<br>\nGitHub Actions で schedule を指定してるため、定期的に更新される仕組みになる</p>\n<p><a href=\"https://github.com/honyanya/honyanya/tree/main/profile-summary-card-output\">https://github.com/honyanya/honyanya/tree/main/profile-summary-card-output</a></p>\n<h3>4: README に貼る</h3>\n<p>プレビュー見れるのでお好きなテーマを README に貼れば OK</p>\n<p>完成</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/e74e9bf52eea0b3bb974e774d933b6e6/9a1cf/1_github-profile-summary-cards.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 89.87341772151898%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAACyUlEQVQ4y6WUzW4URxSFh8TYHndX/1ZXd3X39O+4PeMZGzPGBmETgVhgK0FEIpHyAFllkSgKygIpivIQWfNyvMeHqsdjjI03sLh1q3SrTp1bdc8dCD/GmBMkrOZfYua8sUGgRhTtlLqbo4sxtqe+yAyYG2oGMinoZveZzA8px7t98GuYDjyZ4kcZQzvAcqNb07me2q2Ajh9jyxI7nWHHHXay06/FBVPbUdgiQgTLA16U4aucIBlhyKwyWvmBGaQukVlLmDb4SYmvC4ZrPvn5PkfvXuPXIyxLLll4MZYtcd2UKK0us7oBmNUTdNX1mwwDs+Hw/1ecv/+Tvf9eYFkRjtSIMMGvC8qzBTL7DODyTeKl+Qo3iHFdhWor6h+PqF8eUp0fIEcFvkp7Xz6dU58t+vRvpGyArCDHkhUiqhFxzbdhxZqdY2+GWEPFhjXCNnHVshkU3NnIGW5lPQn74hkuAc0kLWriZg+RTbDcmu/3F3z3bJ91ESGTlHpngj+as6laJtWUH16dEBUVW85HdpeAlqsoxg1Fu826kBw1mpMs5d+3D5nvVVgiYTq9hx1kjLuUN78+4Oz5lD9+WzC4G+KF5vevAvoxhdKMypb1oWT2dIfjZyf88+YR9Thny0nIyym2r0lSzdu/H/LX7w/45ec9vtmQuNcBzad4QYobpjhhwpaI2TZSbHI2hcILNZ6RlcwYOgllU/LktMNyY8SVAv8IaNBVg0jGCG9ZwOuWj9RNDyYCvSz2uEPojmHYsDb8VJ6fvKEZwqQga6ZEWd3f2s0WvHj5EwdHp7gy7dmZ3zTFHe5UuLHGdtXtgJGuyNtdZFr1gdn9RxwcP+H49PlSanG+1HGkqV4fEm5XF3L8TMpmCFTeszNMzdpUv1GMaUdOqPGTHDfQyLYifbyLmo4J47KPXW1hV5Ry01YbVp2l926MbUW97y+71nVMg/0AmnDOpS7wmvYAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"1_github-profile-summary-cards.png\"\n        title=\"1_github-profile-summary-cards.png\"\n        src=\"/static/e74e9bf52eea0b3bb974e774d933b6e6/f058b/1_github-profile-summary-cards.png\"\n        srcset=\"/static/e74e9bf52eea0b3bb974e774d933b6e6/c26ae/1_github-profile-summary-cards.png 158w,\n/static/e74e9bf52eea0b3bb974e774d933b6e6/6bdcf/1_github-profile-summary-cards.png 315w,\n/static/e74e9bf52eea0b3bb974e774d933b6e6/f058b/1_github-profile-summary-cards.png 630w,\n/static/e74e9bf52eea0b3bb974e774d933b6e6/9a1cf/1_github-profile-summary-cards.png 924w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2>参考</h2>\n<ul>\n<li><a href=\"https://blog.kosappi.net/entry/2021/04/17/002051\">GitHubのプロフィールかっこよくする - kosappi の日記</a></li>\n</ul>","frontmatter":{"title":"github-profile-summary-cards を追加する","date":"2022/04/21","description":null}},"previous":{"fields":{"slug":"/2022-04-20_github_profile/"},"frontmatter":{"title":"GitHub で Profile を作成する"}},"next":{"fields":{"slug":"/2022-05-04_zio-http-g8_contribute/"},"frontmatter":{"title":"zio-http.g8 を修正した"}}},"pageContext":{"id":"9242452f-f70b-5b13-bcb6-f26a50760820","previousPostId":"c6cd1d0b-23fd-53ea-876f-63a6a72a36b6","nextPostId":"474a2f6e-db25-57a4-86a9-d97fede04469"}},
    "staticQueryHashes": ["2841359383","3257411868"]}