MeiK2333 / github-style

https://themes.gohugo.io/themes/github-style
MIT License
562 stars 178 forks source link

Add Gitalk. #95

Closed ventusoon closed 2 years ago

ventusoon commented 2 years ago

终于在我这个小白的不懈努力下,基本适配了Gitalk...

望作者能够同意拉取,留给有需要的人,最好能优化下代码就好啦。。。嘻嘻

@MeiK2333

ventusoon commented 2 years ago

适配记录

效果预览

MeiK2333 commented 2 years ago

在 dark 模式下的输入框等样式还有些问题,这两天我适配一下。

感谢你的提交。

ventusoon commented 2 years ago

在 dark 模式下的输入框等样式还有些问题,这两天我适配一下。

感谢你的提交。

谢谢大佬回复。 是的... 恐怕手机端也要适配,2333

MeiK2333 commented 2 years ago

合并了,不过因为我只有一个账号,所以有关回复引用那部分的样式我没能调整,你可以看下有没有问题。

ventusoon commented 2 years ago

合并了,不过因为我只有一个账号,所以有关回复引用那部分的样式我没能调整,你可以看下有没有问题。

收到,马上试试!

ventusoon commented 2 years ago

合并了,不过因为我只有一个账号,所以有关回复引用那部分的样式我没能调整,你可以看下有没有问题。

手机端好着的了,是因为我加了gitalk样式,作者您给删了就好了。。。(因为我那个方法改了电脑端gtalk样式后,手机端就会bug了。。)

但是我因为底部装了一些插件,

能否改下gitalk样式,使之与post界面自动对齐,或者略小于post界面呢?这样既能解决我的问题也能适配手机端。。

麻烦大佬啦~!

ventusoon commented 2 years ago

我靠,居然让我给试出来了!加上下面的就可以让评论界面看着小点,又能适配手机端,麻烦大佬搞起来~!

style="margin: auto;width: 400px auto;height: auto"

加载gitalk.html里就好啦!!!夜间模式下居然也可以啦!!!

<div id="gitalk-container"  style="margin: auto;width: 400px auto;height: auto" class="gitalk-container"></div>
MeiK2333 commented 2 years ago

能否改下gitalk样式,使之与post界面自动对齐,或者略小于post界面呢?这样既能解决我的问题也能适配手机端。。

麻烦大佬啦~!

没太理解你的需求,能给一张在你的设备上有 bug 的示意图吗?

ventusoon commented 2 years ago

没太理解你的需求,能给一张在你的设备上有 bug 的示意图吗?

奇了怪了,今天用作者你提交的版本,bug又没了。

我意思是这种,Gitalk与页面两端对齐的这种,看着就很难受,现在截不到这图了。。。因为bug没了。。。 image

MeiK2333 commented 2 years ago

@ventusoon

这种可能是因为你浏览器的 css 缓存了没更新,我看你使用了 cf 做防火墙,可能是你的 cf 配置了比较久的缓存策略。可以清理一下 cf 的缓存来解决。

ventusoon commented 2 years ago

@ventusoon

这种可能是因为你浏览器的 css 缓存了没更新,我看你使用了 cf 做防火墙,可能是你的 cf 配置了比较久的缓存策略。可以清理一下 cf 的缓存来解决。

感谢🙏

ventusoon commented 2 years ago

@MeiK2333

微信截图_20220126164429

新BUG 😥

MeiK2333 commented 2 years ago

这块儿是一个用户贡献的功能,还不完备,我之前一直没时间重写这部分。

这几天我抽空更新一下吧。

MeiK2333 commented 2 years ago

@ventusoon

fix #100