首页
学习
活动
专区
工具
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.3K20

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

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

30310
  • jekyll 添加 Valine 评论

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

    2K21

    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.9K70

    带你认识 flask ajax 异步请求

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

    3.8K20

    用Hexo制作自己的静态博客

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

    1.1K81

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

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

    22930

    H2O-ac theme for Jekyll

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

    1.2K30

    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 的结合

    68930

    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.9K20

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

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

    47850

    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页面,而不会进行后续的处理。

    69610

    为博客添加 Gitalk 评论插件

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

    57010

    在 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.5K80
    领券