Bloggerでソースコード挿入できるように

 

テーマのカスタマイズで以下を3つを追記

]]></b:skin> の直前 に追加

pre[class*="language-"] {

    border-radius: 8px;
    margin: 1em 0;
    font-size: 14px;
}

 

CSS（</head> の直前

<link rel="stylesheet"

href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css"/>

<link rel="stylesheet"

href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css"/>

 

JavaScript（</body> の直前）

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>

<!-- 行番号 -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>

<!-- T-SQL -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>

<!-- C# -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-csharp.min.js"></script>

<!-- VB.NET -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-vbnet.min.js"></script>

<!-- ASP.NET -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-cshtml.min.js"></script>

<!-- CMD -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-batch.min.js"></script>

 

記事への埋め込み

T-SQL

<pre class="line-numbers"><code class="language-sql">

SELECT * FROM dbo.社員

</code></pre>

C#

<pre class="line-numbers"><code class="language-csharp">

Console.WriteLine("Hello");

</code></pre>

VB.NET

<pre class="line-numbers"><code class="language-vbnet">

Console.WriteLine("Hello")

</code></pre>

ASP.NET

<pre class="line-numbers"><code class="language-cshtml">

@foreach(var item in Model)

{

    <div>@item.Name</div>

}

</code></pre>

 

CMD

<pre class="line-numbers"><code class="language-batch">

dir

ipconfig

</code></pre>

html

<pre class="line-numbers"><code class="language-html">

&lt;div&gt;Hello&lt;/div&gt;

</code></pre>