読者です 読者をやめる 読者になる 読者になる

C#勉強会

C#の学習日記

はてなブログでC#のコードをシンタックスハイライト表示する方法

はてなブログに、C#のコードを貼り付ける場合、シンタックスハイライト表示する方法がありました。(メモ)

 

 

はてなブログMarkdownモード

ブログ記事を下書きで用意して、Markdownモードを選びます。

 

```cs

// ここにC#のコード

```

 

  1. C#のコードを「```cs」と「```」で囲みます。
  2. このように書くと、プレビュー画面でシンタックスハイライト表示されます。
  3. コード部分をコピペすれば、通常のブログ記事(見たままモード)で、シンタックスハイライト表示のコードが表現できます。

 

Markdownモードで下書き

「編集」で「Markdown」を選択する。

 

f:id:jsstudy:20170505190914p:plain

 

プレビューでシンタックスハイライト表示

プレビュー画面で、コードの部分をドラッグしてコピーします。

コピーしたものを、普通の「見たまま」モードの記事に貼り付ければ、色が付いたまま貼り付けられます。

 

f:id:jsstudy:20170505191056p:plain

 

上記のコードを貼り付けると、以下のように表示されます。

 

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace WindowsFormsApp1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            label1.Text = "こんにちは";
        }
    }
}

 

いいかんじで、ハイライト表示されました!

 

参考

help.hatenablog.com

 

この中の「cs」がC#(C sharp)でした。

 

simplestar-tech.hatenablog.com

 

ここのフォーマットで cs を識別コードとして与えただけです。

 

c#」じゃなくて「cs」という略記なんですね!?

→ 参考になりました。どうもありがとうございます。m(__)m