在网页中定义PowerShell控制台样式

有个朋友在博客上喜欢将PowerShell控制台的部分输出截图发表，这样既增加了复杂度，而且浪费了空间去存储图片。还有一个缺点就是不方便读者去复制部分命令或者输出。

我个人觉得PowerShell控制台上的命令和输出都是文本，所以最好将这些文本预格式写在<Pre>标签中，然后针对Pre标签设置颜色和背景色，不失为一个好办法。

查看PowerShell的控制台属性，发现默认的控制台颜色配置如下：

Background Color：(#012456)
Red：1
Green：36
Blue：86

Foreground Color：(#EEEDF0)
Red：238
Green：237
Blue：240

接下来再在网站的CSS文件中定义如下样式：

pre.PSconsole {
    background:#012456;
    color:#EEEDF0;
}

在发表PowerShell控制台内容时，放在Pre标签中，如下

<pre class=”PSConsole”>

PS D:\> 238,237,240 | % {$_.ToString(“X”) }
EE
ED
F0
PS D:\> 1,36,86 | % {$_.ToString(“X”) }
1
24
56

</pre>

文章发布后预览为：

PS D:\> 238,237,240 | % {$_.ToString("X") }
EE
ED
F0
PS D:\> 1,36,86 | % {$_.ToString("X") }
1
24
56