如何创建这样一个blog
基本步骤参考的网上人家的写法,不在赘述
这篇文章写的是遇到的其他问题,比如高亮
一。高亮 markdown提供的4个空格的高亮只会生成code标签
使用Liquid模板语言来调用highlight标记
首先修改_config.yml文件,在里面加入一行
pygments: true
而后使用highlight标记就能被github渲染成带高亮的html了
{ % highlight c % }
{ % endhighlight % }
这样的标记会生成需要css的html内容
如
1 | { % highlight ruby % } |
(注意:{和%中间所有的空格要去掉,不明白的可以看下面的示例的html源文件)
会生成
1 | <div class="highlight"><pre> |
1 | <code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">foo</span> |
1 | <span class="k">end</span></code></pre></div> |
可以看到这里的div引用了一个css样式
比如选定了default.css
在项目的根目录下创建css文件夹,将default.css拷入
修改_layout里的模版
在head标签内加入
1 | <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/css/default.css"> |
大功告成,高亮闪亮亮的出现老
示例:
1 | int main(int argc,char **argv) |
相关文章
-
2022-08-05
最初从jekyll迁到hexo的最大动力,就是hexo的live-2d插件的看板娘功能
相关攻略很多,例如Hexo-Live2d安装教程(自定义Live2d),不在赘述
我这里要写的是比较小众的spine模型在web上的展示
spine模型转图片
我兴冲冲的配好了hexo的配置和live-2d插件