メインコンテンツへスキップ

検索

単語または質問を入力してヘルプ記事を検索してください。

記事に色分けされたコードやコピーボタンを追加する方法

この記事の内容

Where: 記事 → すべての記事 → 記事エディタ

このページを開く: admin.<your-site>/articles(<your-site> をご自身のサイトアドレスに置き換えてください)。その後、編集したい記事を開きます。

手順

  1. エディタで対象の記事を開きます。
  2. コードを挿入したい場所にカーソルを合わせます。
  3. 挿入メニューを開き、More blocks、次に Code block を選択します。
  4. コードを貼り付けるか入力します。
  5. 正しく色分けされるよう、言語リストから該当するプログラミング言語を選びます。色分けしたくない場合は Plain text を選択してください。
  6. 記事を公開します。

利用可能なブロック設定の全一覧については、コードと数式をご覧ください。

補足情報

  • 選択可能な言語: 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をご覧ください。

関連記事

フィードバック

役立つ情報でしたか?

他の言語でも利用可能

まだお困りですか?