Try CodeBlock

  1. Hexo codeblock 插入程式碼區塊與各種程式語言預覽
    1. 没有提供参数,则只输出普通的 blockquote
    2. 我的程式md固定語法
      1. blog程式css
      2. blog程式md

hexo标签插件: https://hexo.io/zh-cn/docs/tag-plugins#%E4%BB%A3%E7%A0%81%E5%9D%97
markdown語法:https://markdown.tw/

Hexo codeblock 插入程式碼區塊與各種程式語言預覽

參考網站:https://shengyu7697.github.io/hexo-codeblock/#google_vignette
使用方法為兩種
方法一︰

```
程式碼
```

方法二 codeblock︰

{% codeblock lang:python %}
程式碼
{% endcodeblock %}

没有提供参数,则只输出普通的 blockquote

{% blockquote %}
說明
{% endblockquote %}

我的程式md固定語法

lang種類: https://shengyu7697.github.io/hexo-codeblock/#JSON

複製修改即可

blog程式css

<style>
.redcolor{
color:red
}

.highlight{
color:crimson;
background-color: rgba(222,222,222,0.3);
padding: 0px 4px;
}

.exp{
font-size:25px;
font-style: italic;
font-weight: bold;
}

.parameter{
background-color:#ddd;
}

.example-bgcolor{
    height: auto;
}

.example-padding{
    border-radius:10px;
    background-color:#dddddd;
    padding:10px;
}


</style>

blog程式md

## 次標題 :
{% blockquote %}
補充小語句:
{% endblockquote %}

語法說明

<div class='example-bgcolor'> 
    <div class='example-padding'> 
        <div class="exp">Example</div>
        例子解釋與說明:
{% codeblock lang:程式語言種類 %}
程式碼
...
...
...
...

{% endcodeblock %}
輸出結果
{% blockquote %}
複製結果
{% endblockquote %}

</div>
</div>

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以邮件至 kimfei2014@gmail.com
github