Where: 記事 → すべての記事 → 記事エディタ
このページを開く: admin.<your-site>/articles(<your-site> をご自身のサイトアドレスに置き換えてください)。その後、編集したい記事を開きます。
手順
- エディタで対象の記事を開きます。
- コードを挿入したい場所にカーソルを合わせます。
- 挿入メニューを開き、More blocks、次に Code block を選択します。
- コードを貼り付けるか入力します。
- 正しく色分けされるよう、言語リストから該当するプログラミング言語を選びます。色分けしたくない場合は Plain text を選択してください。
- 記事を公開します。
利用可能なブロック設定の全一覧については、コードと数式をご覧ください。
補足情報
- 選択可能な言語: Plain text、Bash、C、C++、C#、CSS、Dart、Diff、Dockerfile、Go、GraphQL、HTML、INI、Java、JavaScript、JSON、Kotlin、Less、Lua、Makefile、Markdown、Objective-C、Perl、PHP、PowerShell、Python、R、Ruby、Rust、SCSS、Shell session、SQL、Swift、TOML、TypeScript、XML、YAML。
- Copy code: 公開サイト上では、各コードブロックに Copy code ボタンが表示されます(読者のブラウザでコピー機能が許可されている場合に表示されます)。
- Inline code: 文中の単語1つや短いコマンドには、代わりにツールバーの Inline code マークをお使いください。
- コードブロックは配置可能: コールアウト、トグル、カラム(段組み)の中にも配置できます。
- 機密情報を貼り付けないこと: パスワード、APIキー、トークンなどを絶対に記事へ記載しないでください。公開した内容はすべての読者に閲覧されます。
よくある質問
よくある質問
読者がその場でコードを実行することはできますか?
いいえ、できません。このブロックはコードの表示とコピーのみに対応しています。
検索結果のスニペットにコードを含めないようにできますか?
はい、可能です。ブロックのアクションメニューに「スニペットに含めない」設定があります。詳しくは記事のSEOをご覧ください。