把代码块的外观给改了
[ others ]

我终于把代码块的外观给改了!

这个博客的框架是从一位网友那里fork过来的,我很喜欢这种简洁的风格,然而最开始的代码块外观不是特别好看(并没有批评这位老哥的意思)。之前我看不懂这些配置页面布局的文件,所以一直没有改。

但是……这些都是过去式了!今晚我突然心血来潮又想起来这件事情,在google和stack overflow上遨游了半个多小时之后,终于找到了一个很简单的修改办法。我参考的是这篇博客写的教程。

首先在_config.yml里加上以下两行代码:

markdown: kramdown
highlighter: rouge

然后就是在css\main.scss里添加设置代码块风格的代码了。我从Pygments下载了现成的.css文件(怎么可能自己写呢:laughing:),然后把他们放到了css文件夹下。有很多种主题可以选,在这里可以预览。

main.scss里添加这样一行代码,选了什么主题文件名就写什么,我选的是perldoc:

@import url(perldoc.css);

这样就大功告成了,终于有赏心悦目的代码块了!不过代码块的背景宽度是固定的,如果某一行代码写得太长的话,可能会超出背景格子,这个需要多注意。

写点代码来看看效果,先写个Cpp:

void test()
{
	int x = 1, y = 2;
	cout << "Hello World!" << endl;
	return;
}

最近在学python,再写个python:

def test(): 
	x, y = 1, 2
	print("Hello World!")  

除此之外,我还学会了在markdown里加emoji::laughing: :smile: :+1: