首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

向post.html添加disqus会破坏github页面中的整个页面

向post.html添加disqus会破坏GitHub页面中的整个页面的原因是因为disqus是一个第三方评论系统,它需要在页面中插入一段JavaScript代码来加载评论功能,这可能会与GitHub页面的布局和样式产生冲突,导致页面显示异常或破坏。

为了解决这个问题,可以尝试以下方法:

  1. 使用disqus提供的嵌入代码:在post.html中找到合适的位置,将disqus提供的嵌入代码粘贴进去。这段代码通常是一个JavaScript脚本,用于加载评论框和相关功能。然后保存并提交到GitHub仓库中。但是需要注意,这种方法可能会导致页面布局错乱,因为disqus的样式可能与你的页面样式不兼容。
  2. 自定义样式:如果你对前端开发比较熟悉,可以尝试自定义disqus的样式,使其与你的页面保持一致。你可以通过修改disqus提供的CSS文件或者使用自定义CSS来实现。这样可以确保评论框与页面整体风格一致,减少页面破坏的可能性。
  3. 使用其他评论系统:如果你不想使用disqus或者无法解决页面破坏的问题,可以考虑使用其他的评论系统。有一些开源的评论系统可以直接集成到GitHub页面中,例如Gitalk、Utterances等。这些系统通常不会对页面布局产生影响,并且可以与GitHub账号直接关联,方便用户进行评论和交流。

总结起来,向post.html添加disqus可能会破坏GitHub页面的整个布局,但可以通过使用disqus提供的嵌入代码、自定义样式或者使用其他评论系统来解决这个问题。具体选择哪种方法取决于你对前端开发的熟悉程度和对页面布局的要求。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何快速给自己构建一个温馨家——用Jekyll搭建静态博客

整个过程你可以设置 URL 路径,你文本在布局显示样式等等。这些都可以通过纯文本编辑来实现,最终生成静态页面就是你成品了。...接着我们把我们自己做好blog目录整个都拷贝到这个仓库文件夹,当然,这个仓库之前文件可以删除了,只留下README即可。...把整个文件都push到github上去 git add --all #添加到暂存区 git commit -m "提交jekyll默认页面"...,因为这个是Github Pages规定,如果选择了其他模式,立即收到编译警告邮件提醒。...,值得注意是io 后面还有一个圆点,切记。 ? 注意,当添加@记录时候,很可能提示冲突了,和MX那条冲突了,这里我就直接删除了MX@规则。

1.2K20

如何快速给自己构建一个温馨"家"——用Jekyll搭建静态博客

整个过程你可以设置 URL 路径,你文本在布局显示样式等等。这些都可以通过纯文本编辑来实现,最终生成静态页面就是你成品了。...接着我们把我们自己做好blog目录整个都拷贝到这个仓库文件夹,当然,这个仓库之前文件可以删除了,只留下README即可。...把整个文件都push到github上去 git add --all #添加到暂存区 git commit -m "提交jekyll默认页面"...,因为这个是Github Pages规定,如果选择了其他模式,立即收到编译警告邮件提醒。...,值得注意是io 后面还有一个圆点,切记。 注意,当添加@记录时候,很可能提示冲突了,和MX那条冲突了,这里我就直接删除了MX@规则。

25210

jekyll 添加 Valine 评论

本文告诉大家如何在自己搭建静态博客添加 Valine 评论。在这前,我基本都是使用 多说,但是多说gg啦,所以就在找一个可以替换评论。...本来 Disqus 是很好,但是在国内很难打开,所以我就需要一个可以在国内打开静态评论。我找到了网易云评论,但是他需要自己域名,所以我就不要他了。最后找到了 Valine ,感觉还不错。...首先打开自己博客页面,如果你用是 我主题搭建博客,那么就可以按照我说来做,如果使用是自己主题,那么需要把代码放到自己主题地方。...我博客页面post.html文件,但是我把评论写在 include\comment.html 文件,所以打开comment.html文件添加下面代码 <script src="//cdn1....然后复制自己<em>的</em>App ID、App Key,下面我代码<em>的</em>App ID、App Key就用自己<em>的</em>替换 var valine = new Valine(); valine.init

1.1K10

使用Jekyll显示Jupyter笔记本

Jekyll是一个用Ruby编写静态站点生成器,支持博客并与Github页面整合。因为Github只负责托管,这种设置使数据分析共享和可视化变得简单。...但是您可能注意到大部分输出格式不正确。根据帖子内容可能需要转义字符。有关转义字符和格式化块更多信息,请参阅Jekyll文档。 以下部分显示如何通过调整并设置表格和图像样式以改进显示。...[jupyter_table.png] [jekyll_table.png] 在Jekyll添加图像 通过markdown添加图像需要将图像存储在项目目录。...使用Liquid模板,添加逻辑以检查帖子mathjax标题: \_includes / scripts.html1 2 3 4 5 {% if page.mathjax %} {% endif %} 4.添加模板到_layouts/post.html以便在帖子包含scripts.html

3.9K20

利用 GitHub Pages 快速搭建个人博客前言快速开始写文章自定义域名进阶利用GithHub Desktop管理GitHub仓库修改个人介绍常见问题其他Star补充最后要说个事情

Disqus 评论系统,在 官网 注册帐号后,按下面的步骤简单配置即可: 进入 设置页面 配置个人信息 ?...Disqus Account 这个 Username 就是我们 _config.yml disqus_username # Disqus settings(https://disqus.com/)...张三.top ,GitHub Pages 无法处理中文域名,导致你域名在你主页上使用。...克隆仓库 选择你仓库克隆到本地 ? ? 管理仓库 现在文件夹打开 ? 打开后你发现文件结构和你在Github一模一样~ ?...保存修改 当你对仓库文件夹文件下进行修改、添加或删除时,都可以在 GitHub Desktop 中看到 例如我在 img 添加了一张图片 avatar-demo.png 添加了一张图片 就可以在看到

4.1K110

快速搭建个人博客

qiubaiying 很对人反映 Disqus 评论插件加载不出来,因为 Disqus 在国内加载缓慢,所以我新集成了 Gitalk 评论插件(感谢@FeDemo推荐),喜欢折腾朋友可以看这篇:《为博客添加...不能选择中文域名,比如 张三.top ,GitHub Pages 无法处理中文域名,导致你域名在你主页上使用。...image.png image.png 管理仓库 现在文件夹打开 image.png 打开后你发现文件结构和你在Github一模一样~ image.png 你最先关心可能是你头像...保存修改 当你对仓库文件夹文件下进行修改、添加或删除时,都可以在 GitHub Desktop 中看到 例如我在 img 添加了一张图片 avatar-demo.png 添加了一张图片 就可以在看到...MarkDown 添加图片形式是 :![](图片URL) 例如: !

1.9K21

Hexo + github 打造个人博客

这一步就是 github 仓库master 分支提交文件,所以本地要有权限向你 github 仓库提交。需要 sshkey,至于怎么添加 sshkey,如果不清楚,查一下就知道了。...4、然后按提示填写信息,其中最重要是Website Name,对应着要在配置文件 disqus shortname ?...1、配置 themes/next/_config.yaml disqus 配置如下: disqus: enable: false shortname: your_shortname count...3、完成之后,在设置页面,找到 Widget ->code widget_id 值。 ?...2、进入到网站 source 目录添加一个名称为 CNAME 文件(没有后缀名,必须大写),在里面添加记录你个性化域名,例如我是: fengzheng.pub 只需要这一行就好,不用 www

1.4K81

如何为自己创建一个既时尚又好用博客网站

拥有一个自己博客网站是每一位有追求写作爱好者梦想。本文将大家分享:如何为自己创建一个既时尚又好用博客网站。...如果在安装Bundler过程,gem提示缺少依赖包,可以按照提示现将依赖包安装完成之后,在安装Bundler。 ?...你需要在disqus上为你要添加评论功能域名设置一个disqus简称。...第二步:设置dbyll 拿到disqus简称之后就可以在_config.yml文件文件添加disqus: disqus short name;添加完成之后发布你网站,就可以看到disqus评论板块了...发表文章: dbyll支持Markdown语法,所以你只需要将.md文件放到_posts目录下,jekyll就会自动将.md文件渲染成一个html页面。一个.md文件代表一个HTML页面

1.8K70

用Hexo制作自己静态博客

默认使用post布局,生成文章放在source/_posts下。...项目中还有一个名为scaffolds文件夹,里面存放不同布局模板。我希望所有文章都有分类属性,所以需要在post.md添加categories:一行。...添加Disqus评论支持 静态博客因为是静态,所以没有办法支持评论等功能。不过很多第三方评论服务都可以通过添加JS代码方式让博客可以支持评论功能。...原来国内比较著名第三方评论系统有多说,可惜因为无法盈利已经关闭了。Hexo官方支持Disqus,一个国外第三方评论平台。当然,为了使用Disqus,首先你需要去注册一个账号,并添加一个网站。...当主配置文件存在disqus_shortname选项,而且相应URL正确配置的话,Hexo就会自动显示Disqus评论。这是我配置,这里名称是我网站名称。

1K81

带你认识 flask ajax 异步请求

在这个模式,客户端服务器发出一个请求,服务器响应一个网页,但与前面的情况不同,并不是所有的页面数据都是HTML,页面也有部分代码,通常用Javascript编写。...在严格客户端应用整个应用通过初始页面请求下载到客户端,然后应用完全在客户端上运行,只有在查询或者变更数据时才与服务器联系。...如果我使用传统服务器端技术实现翻译,则翻译请求导致原始页面被替换为新页面。...事实是,要求翻译诸多用户动态一条,并不是一个足够大动作来要求整个页面的更新,如果翻译文本可以被动态地插入到原始文本下方,而剩下页面保持原样,则用户体验更加出色 实施实时自动翻译需要几个步骤。...文件以包含这些新测试翻译,不过我已经在本章下载包或GitHub存储库创建了西班牙语翻译。

3.8K20

挑战30天学完Python:Day26 Python Web 服务

本系列为Python基础学习,原稿来源于github英文项目,大奇主要是对其本地化翻译、逐条验证和补充,想通过30天完成正儿八经系统化实践。此系列适合零基础同学,简单用但又没有系统学习使用者。...继续丰富Web服务,让我们创建一个能处理表单数据页面。你可以叫它任何名字,这里我取名为 post.html 。 我们可以使用 Jinja2 模板引擎HTML文件中注入数据。...{{key}}来获取python程序给定参数值,三个页面的代码参考如下: home.html <!...让我们在模板文件夹创建layout.html。创建布局页面后,我们将导入到每个页面。 静态服务文件 在项目目录创建一个static文件夹。...在路由post,我们可以添加指定请求方式,比如 GET和POST均支持。编写如下代码运行并测试,检查请求方法是如何接收数据

21530

Django 2.1.7 模板 - CSRF 跨站请求伪造

CSRF示意图如下: 如果想防止CSRF,首先是重要信息传递都采用POST方式而不是GET方式,接下来就说POST请求攻击方式以及在Django避免。...总结 重要信息如金额、积分等,采用POST方式传递 启用CSRF中间件,默认启用 在form表单post提交时加入标签csrf_token 保护原理 加入标签后,可以查看post.html源代码,发现多了一个隐藏域...在浏览器“开发者工具”查看cookie信息。...说明:当启用中间件并加入标签csrf_token后,客户端浏览器写入一条Cookie信息,这条信息值与隐藏域input元素value属性是一致,提交到服务器后会先由csrf中间件进行验证,如果对比失败则返回...403页面,而不会进行后续处理。

1.8K20

H2O-ac theme for Jekyll

除此之外,整个博客系统日志变迁记录对于运维程序员来说也非常重要,毕竟如果通过发布一篇文章来描述变迁过程并不适合联系起来完整了解。...现在文章元信息添加了对封面图片作者及链接支持。...如需使用最近更新时间功能,务必在 _config.yml 文件添加以下配置项: # Github github: enabled: true owner: github_username...当左侧内容向上或向下滑动时,右侧索引导航将会使对应对应一级标题高亮。 (2022年5月14日更新)   为文章移动端页面添加了索引导航按钮。...发布部署   由于 Github 提供 Jekyll 静态生成器静态页面托管,只要打开仓库 Pages 功能,当推送更新到 Github 时即自动部署。

1.1K30

Gitment评论功能实战 顶

这篇文章blog comment system replace disqus提供了2种方法。 ? Replacing Disqus with Github Comments这种方法比较麻烦。...Gitment 提供使用方法不是很详尽,在用过程,也发现一些问题,记下来。 引入 Gitment ? client_id,client_secret:按照Gitment 说明直接生成。...添加了评论功能页面在访问时候会去请求repo下面的issues. ? owner配置GitHub ID情况下: ? 页面上看到: ? 这里说一下,怎么获取GitHub ID。...通过浏览器直接访问:https://api.github.com/users/GitHub name,返回一段JSON格式数据。 ? 初始化 配置好以后,会在你页面看到一个初始化按钮。 ? ?...参考 Gitment:使用 GitHub Issues 搭建评论系统 多说挂了,用 GitHub Issues 来当评论系统吧 关于博客评论系统选择,以及与 Github issues 结合

66730

VuePress V1 评论插件选型 & 添加 Vssue 评论

Disqus 支持登录和评论匿名访客,同时也有管理评论后台管理界面。 Disqus 是一个商业评论系统,暂未开源。提供免费基础评论服务和付费增值服务。...为静态站点添加评论功能,免费基础评论服务足够我们使用。 因为开源书籍《后台开发命令 365》托管在 Github,其评论最好存储在同一个地方,所以基于 Github 评论系统插件是我优先选择。...注意,若你当前没有登录,则 Vssue 自动跳转到平台认证页面。...所以我们在为每个页面(文章)添加 Vssue 组件时,应该为每个页面显示指定不同 Issue title。...届时,个人倾向于使用 Giscus 作为站点评论系统,因为其基于 GitHub Discussions,语义上更加贴切呢。

40950

31. Django 2.1.7 模板 - CSRF 跨站请求伪造

CSRF示意图如下: 如果想防止CSRF,首先是重要信息传递都采用POST方式而不是GET方式,接下来就说POST请求攻击方式以及在Django避免。...总结 重要信息如金额、积分等,采用POST方式传递 启用CSRF中间件,默认启用 在form表单post提交时加入标签csrf_token 保护原理 加入标签后,可以查看post.html源代码,发现多了一个隐藏域...在浏览器“开发者工具”查看cookie信息。...说明:当启用中间件并加入标签csrf_token后,客户端浏览器写入一条Cookie信息,这条信息值与隐藏域input元素value属性是一致,提交到服务器后会先由csrf中间件进行验证,如果对比失败则返回...403页面,而不会进行后续处理。

68810

为博客添加 Gitalk 评论插件

前言 由于 Disqus 对于国内网路支持十分糟糕,很多人反映 Disqus 评论插件一直加载不出来。...而我一直是处于翻墙状态~(话说你们做程序员都不翻墙用Google吗,哈哈,吐嘈下) 针对这个问题,我添加了Gitalk 评论插件。在此,非常感谢 @FeDemo 推荐 。...: `存储你评论 issue Github 仓库名`, owner: 'Github 用户名', admin: ['Github 用户名'], id: '页面的唯一标识,gitalk根据这个标识自动创建...gitalk 根据这个标识自动创建issue标签,我们使用页面的相对路径作为标识 当然,还有其他很多参数,有兴趣的话可以 点这里。...填写参数 点击创建 获取 Client ID 和 Client Secret 填入你我们 Gitalk 参数 当你参数都设置好,将代码推送到 Github 仓库后,没什么问题的话,当你点击进入你博客页面后就会出现评论框了

54210

在 Linux 上搭建Jekyll静态博客

但是可以配合第三方服务,例如Disqus。最关键是jekyll可以免费部署在Github上,而且可以绑定自己域名。...按照 GitHub Pages 规定,名称为 username.github.io 项目的 master 分支,或者其它名称项目的 gh-pages 分支可以自动生成 GitHub Pages 页面...我对该缺陷记录见 [Issues#2][3]。 删除我文章与图片。 如下文件夹除了 template.md 文件外,都可以全部删除,然后添加你自己内容。..._posts 文件夹是我已发布博客文章。 _drafts 文件夹是我尚未发布博客文章。 _wiki 文件夹是我已发布 wiki 页面。...images 文件夹是我文章和页面里使用图片。 修改「关于」页面

2.4K80
领券