Quan 主题静态文件配置

主题自带的 CSS、Javascript 静态资源, 文件位于主题文件夹的 assets 文件夹下,路径为 /hugo/themes/Quan/assets/,通过主题模板调用。默认只加载 css/main.cssjs/quan.js 文件,如果需要引用后续添加的 css 和 js 文件,在上述对应对应文件夹下添加文件后,需要配置 hugo.toml 主题设置文件里的 customCSScustomJS,才能起作用。

customCSScustomJShugo.toml 文件的 [Params] 项目下,格式:

customCSS = ['css/APlayer.min.css']
customJS = ['js/view-image.min.js','js/Lately.min.js','js/lozad.min.js']

上述文件夹下添加的文件也无法直接被 Hugo 文章内容直接引用使用。

可以被 Hugo 文章内容或主题模板直接使用的静态资源需放置在 Hugo 根目录的 static 文件夹下,路径为 /hugo/static/

此文件夹下有 images 文件夹,网站内容资源静态内容放在这些文件夹下,比如网站头部背景图片、自定义 avatar 头像、文章中用到的图片视频等。

放在此文件夹下的资源,通过 hugo server 发布后,可直接在博客内容或主题里通过 /images/banner.jpg 这一形式直接引用。