search

aimerneige / aimerneige.github.io

Personsl blog. Source Code: https://github.com/aimerneige/blog/
https://aimerneige.com/
7 stars 0 forks source link

在 PaperMod 博客中设置自定义字体 | Aimer's Blog #8

Open utterances-bot opened 1 year ago

utterances-bot commented 1 year ago

在 PaperMod 博客中设置自定义字体 | Aimer's Blog

下载字体 下载你需要的字体，并存储在 static/fonts 导入字体 @font-face { font-family: "LXGWWenKai-Regular"; src: url("/fonts/lxgw-wenkai/LXGWWenKai-Regular.ttf") format("truetype"); } 应用字体 body { font-family: LXGWWenKai-Regular; } 在 PaperMod 中应用 把你自己的 css 文件文件放在 assets/css/extended/custom_fonts.css 导入多字重的字体文件 @font-face { font-family: "LXGWWenKai"; src: url("/fonts/lxgw-wenkai/LXGWWenKai-Light.ttf") format("truetype"); font-weight: lighter; font-style: normal; } @font-face { font-family: "LXGWWenKai"; src: url(

https://aimerneige.com/zh/post/web/set-custom-fonts-in-papermod-site/

Sulstrong commented 1 year ago

你好，我想请问一下怎么才能像文中一样实现代码染色呀？

aimerneige commented 1 year ago

你好，我想请问一下怎么才能像文中一样实现代码染色呀？

代码染色是通过语法高亮实现的，如果你在使用 PaperMod，它应该自带语法高亮功能，更多信息请查看官方文档。

https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-faq/#using-hugos-syntax-highlighter-chroma