一月初的时候在一个博客中看到了很漂亮的诗词排版,于是不会啥前端排版的我想要在自己博客中复现他。当时刚好是期末考试周,连复习的心情都么得了,狗头。
大概费了一上午的时间,终于算是实现了这个功能。当时实现好就去复习了,没有记录实现过程,今天补录下。由于刚才为了解决 Chrome 卡顿的问题删除了 Chrome 历史记录,所以这里不能提供我看到该排版的博客链接了,表示遗憾与感谢。
想要在 NexT 主题中增添我们想要的样式,则我们应在 Blog\themes\next\source\css\_custom\custom.styl
文件中增添 CSS 样式代码。
代码如下,很多都是我复制的源博客的样式代码。
1 | blockquote.song |
当我们想使用该样式时, 我们可以在 Markdown 文件中写如下 HTML 代码。
即我们设置了一个 class 为 song
的 blockquote
样式。
1 | <blockquote class="song"> |