Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

为 LeaveIt 主题添加阅读进度条 – Mogeko's Blog #72

Open
mogeko opened this issue Jun 5, 2019 · 13 comments
Open

为 LeaveIt 主题添加阅读进度条 – Mogeko's Blog #72

mogeko opened this issue Jun 5, 2019 · 13 comments

Comments

@mogeko
Copy link
Owner

mogeko commented Jun 5, 2019

https://mogeko.me/2019/070/

Mogeko 的个人博客

@BYGD
Copy link

BYGD commented Jun 30, 2019

老哥,我按你的设置,不行啊。。。。是白色的

@mogeko
Copy link
Owner Author

mogeko commented Jun 30, 2019

@Printy
老哥,我按你的设置,不行啊。。。。是白色的

可以用 F12 检查一下,是 CSS 没有生效还是 JS 没有工作🤔

@BYGD
Copy link

BYGD commented Jun 30, 2019

css 好像没工作,咋搞😩

@mogeko
Copy link
Owner Author

mogeko commented Jun 30, 2019

@Printy
css 好像没工作,咋搞😩

可能是你没有装 SASS

很多 Hugo 主题喜欢用 SASS 来开发,Hugo 也支持 SASS,但标准版的 Hugo 不包含 SASS 编译器。

你可以自己装一个 SASS,或者安装包含 SASS 编译器的 Hugo (下载并安装名字中带有 hugo_extended_* 的 Hugo)

@HuaienYao
Copy link

你好,我也是用了LeaveIt这款主题,但是发现在文章页的标签处 back home按钮不是处于右边,而是在下一行了,查看了css,发现政策应该是这样

    .post-tags {
        padding: 1rem 0 1rem;
        display: flex;
        justify-content: space-between;
    }

但是在生成静态页面后却只有 .post-tags { padding: 1rem 0 }了,不知道博主你一开始有这个问题吗,我看你的博客的哪两个按钮是正常状态的。
以为是我没配置好,但是新建一个博客,都没修改的情况下用这个主题也是这个问题,也有其他人的博客也有这问题。

谢谢

@mogeko
Copy link
Owner Author

mogeko commented Jul 12, 2019

@HuaienYao
你好,我也是用了LeaveIt这款主题,但是发现在文章页的标签处 back home按钮不是处于右边,而是在下一行了,查看了css,发现政策应该是这样

    .post-tags {
        padding: 1rem 0 1rem;
        display: flex;
        justify-content: space-between;
    }

但是在生成静态页面后却只有 .post-tags { padding: 1rem 0 }了,不知道博主你一开始有这个问题吗,我看你的博客的哪两个按钮是正常状态的。
以为是我没配置好,但是新建一个博客,都没修改的情况下用这个主题也是这个问题,也有其他人的博客也有这问题。

谢谢

你好,我还真没遇到过你说的这个问题😂

从 CSS 来看,应该是没有问题的🤔

@HuaienYao
Copy link

@mogeko

@HuaienYao
你好,我也是用了LeaveIt这款主题,但是发现在文章页的标签处 back home按钮不是处于右边,而是在下一行了,查看了css,发现政策应该是这样

    .post-tags {
        padding: 1rem 0 1rem;
        display: flex;
        justify-content: space-between;
    }

但是在生成静态页面后却只有 .post-tags { padding: 1rem 0 }了,不知道博主你一开始有这个问题吗,我看你的博客的哪两个按钮是正常状态的。
以为是我没配置好,但是新建一个博客,都没修改的情况下用这个主题也是这个问题,也有其他人的博客也有这问题。

谢谢

你好,我还真没遇到过你说的这个问题😂

从 CSS 来看,应该是没有问题的🤔

@mogeko

@HuaienYao
你好,我也是用了LeaveIt这款主题,但是发现在文章页的标签处 back home按钮不是处于右边,而是在下一行了,查看了css,发现政策应该是这样

    .post-tags {
        padding: 1rem 0 1rem;
        display: flex;
        justify-content: space-between;
    }

但是在生成静态页面后却只有 .post-tags { padding: 1rem 0 }了,不知道博主你一开始有这个问题吗,我看你的博客的哪两个按钮是正常状态的。
以为是我没配置好,但是新建一个博客,都没修改的情况下用这个主题也是这个问题,也有其他人的博客也有这问题。

谢谢

你好,我还真没遇到过你说的这个问题😂

从 CSS 来看,应该是没有问题的🤔

谢谢答复。已经解决了。好像生成静态页面的时候不是调用主题下的css,而是直接调用的主目录下的/resources/_gen/assets/scss/css下的.content文件里面的css。。难怪怎么改主题文件下的css都没效果。。。

@seacj
Copy link

seacj commented Aug 23, 2019

用上了,感谢~

@wujunze
Copy link

wujunze commented Aug 28, 2019

很赞

@wujunze
Copy link

wujunze commented Aug 29, 2019

博主 你好 你博客有个文件 加载 404 https://mogeko.me/images/ring.svg
这个文件是干什么用的

@codingriver
Copy link

感谢大佬

@mogeko mogeko changed the title 为 LeaveIt 主题添加阅读进度条 | Mogeko`s Blog 为 LeaveIt 主题添加阅读进度条 – Mogeko's Blog Sep 14, 2021
Copy link

yogcat commented Mar 2, 2022

老哥,FixIt这个据称是“基于leavelt等主题”的主题怎么添加阅读进度条啊?前面几步都做了,已经存在一个_custom.js我把那几行加在最后了,但是最后一步$vendorscript变量根本找不着,啊这....

@mogeko
Copy link
Owner Author

mogeko commented Mar 2, 2022

老哥,FixIt这个据称是“基于leavelt等主题”的主题怎么添加阅读进度条啊?前面几步都做了,已经存在一个_custom.js我把那几行加在最后了,但是最后一步$vendorscript变量根本找不着,啊这....

有的,在第 14 行

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

7 participants