TankNee/hexo-douban-card

douban card 的 style css 样式单独作为外部文件引用

Closed this issue · 6 comments

appotry commented

如果一个页面只有一个 douban card style放到 后面没有问题

如果一个页面很多个 douban card , style 除了第一个，都是重复的，影响css 渲染效率

更好的方式是css加到head头部。可以加一个配置开关，style 用户自己配置，或者自动配置

appotry commented

修改方式为，去掉渲染模板后面style几行，style部分由用户自己添加到head里面

@TankNee 这样可以加快渲染速度，style放到body里面会阻塞渲染的，影响渲染速度

如下面这个文件
https://github.com/TankNee/hexo-douban-card/blob/master/templates/bookCard.html

<style>
    {{style}}
</style>
TankNee commented

我个人认为让用户手动把样式添加到主题文件里是违背常识的，是否有现成可用的hexo钩子，在hexo g完成之后处理生成的文件，自动插入样式。

appotry commented
TankNee commented

现已支持一次性导入css文件，

hexo-douban-card/index.js

Line 24 in aed7072

hexo.extend.injector.register(

appotry commented