在网页中定义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
×用微信扫描并分享
本文链接: https://www.pstips.net/pulish-powershell-console-content-in-web.html
请尊重原作者和编辑的辛勤劳动,欢迎转载,并注明出处!

关于 Mooser Lee

我是一个Powershell的爱好者,创建了PowerShell中文博客,热衷于Powershell技术的搜集和分享。本站部分内容来源于互联网,不足之处敬请谅解,并欢迎您批评指正。

发表评论

电子邮件地址不会被公开。 必填项已用*标注