Warning: file_get_contents(https://api.github.com/repos/WordPress/gutenberg/contents/gutenberg.php?ref=df98e3731b300c01a93d0900a59ffb1c60a3a0f3): Failed to open stream: HTTP request failed! HTTP/1.1 403 Forbidden in /home/shimotmk/mone-wp.com/public_html/wp-content/themes/mone/build/block-library/github-embed/class-mone-github-embed.php on line 95
GitHubコード埋め込みブロック/Githubトークンの取得方法 | Mone | 読みやすさと機能美を追求したWordPressテーマ

GitHubコード埋め込みブロック/Githubトークンの取得方法

GitHubコード埋め込みブロック/Githubトークンの取得方法

WordPressテーマMoneではGithubコードを以下のように埋め込むことが出来ます。

WordPress/gutenberg/gutenberg.php

Lines 1 to 13 in df98e37

こちらのブロックの使い方を解説していきます。

GitHubコード埋め込みブロックの使い方

  1. 埋め込みたいGithubのコードを開きます。
  2. 埋め込みたいコードの範囲をシフトを押しながら選択します。
  3. 3本ラインからCopy Parmalinkを押してリンクをコピーします。
  4. Githubコード埋め込みブロックでコピーしたリンクを埋め込めば完成です。

Githubトークンの取得方法

Githubコード埋め込みブロックはGithub REST APIを利用しています。Github REST APIは同一IPからのアクセスは1時間に60回までの制限があります。

コードは表示したタイミングでキャッシュするようにしていますが、制限にすぐに達してしまいます。Githubトークンを利用するとAPIの制限が緩和するので設定することをおすすめします。

1. Githubのアカウントを作ってSetting画面に移動します。

2. 左側のメニューからDevelopper settingsをクリックします。

3. Personal Access Token > Fine-grained tokenからGenerate new tokenをクリック

4. Token nameとExpiration(有効期限)を設定してGenerate Token(他はデフォルトのままでOK)

5. Tokenが発行されるのでコピ−

※画面を閉じるとTokenは2度と見れなくなるので安全な場所に保存しましょう。

6. WordPressに戻ってMone設定からGitHubトークンを貼り付ければ完了です

技術ブログを書く際にGithubのコード貼り付けでわかりやすい記事になったらなと思っています!