问题标签 [disqus]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
comments - 如何手动修补 Blogger 模板以使用 Disqus
我正在尝试将 disqus 添加到我的博客中,并尝试按照本指南进行操作:
http://disqus.com/docs/patch-blogger/
但是,他们的说明与我在自定义模板上的说明完全不同。
这是模板:
http://www.w3.org/1999/xhtml'xmlns:b='http://www.google.com/2005/gml/b'xmlns:data='http://www.google.com/ _ _ _ 2005/gml/data 'xmlns:expr=' http ://www.google.com/2005/gml/expr '>
Blogger 模板样式名称:图片窗口设计者:Josh Peterson 网址:www.noaesthetic.com -------------------------------- --------------- */
/* 变量定义 ==================== http://themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x 固定顶部中心" 值="#9a927f url( http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMODUwNDk4YWQtMjg4NS00MzlmLWJhNzMtYzM5ZmIzYzdkZDRj ) 无重复固定顶部中心 /* 来源:peeterv ( http://www.istockphoto.com/googleimages.php? id=2646746&platform=blogger ) */"/>
http://www.blogblog.com/1kt/transparent/white80.png) 重复滚动左上角"/>
http://www.blogblog.com/1kt/transparent/header_gradient_shade.png)"/>
http://www.blogblog.com/1kt/transparent/tabs_gradient_shade.png)"/> http://www.blogblog.com/1kt/transparent/white80.png)" value="url( http://www .blogblog.com/1kt/transparent/tabs_gradient_shade.png )"/> http://www.blogblog.com/1kt/transparent/black50.png) 左上角重复滚动" value="transparent none no-repeat scroll left top left "/>
http://www.blogblog.com/1kt/transparent/white80.png) 重复滚动左上角" value="透明无重复滚动顶部中心"/>
http://www.blogblog.com/1kt/transparent/black50.png) 重复滚动左上" value="透明 url( http://www.blogblog.com/1kt/transparent/black50.png ) 重复滚动顶部左"/>
*/
/* 内容 - - - - - - - - - - - - - - - - - - - - - - - - */ body { 字体:$(body.font); 颜色:$(body.text.color);}
html body .region-inner { min-width: 0; 最大宽度:100%;宽度:自动;}
.content-outer { 字体大小:90%; }
一个:链接{文本装饰:无;颜色:$(链接颜色);}
一:访问{文本装饰:无;颜色:$(link.visited.color); }
一个:悬停{文本装饰:下划线;颜色:$(link.hover.color); }
.body-fauxcolumn-outer { 背景:$(body.background); }
.content-outer { 背景:$(content.background);
-moz-border-radius: $(content.border.radius); -webkit-border-radius: $(content.border.radius); -goog-ms-border-radius: $(content.border.radius); 边界半径:$(content.border.radius);
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); 盒子阴影:0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
边距:$(content.margin) 自动;}
.content-inner { 填充:$(content.padding); }
/* 标题 ----------------------------------------------- */ .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x 滚动左上角;_背景图像:无;
颜色:$(header.text.color);
-moz-border-radius: $(header.border.radius); -webkit-border-radius: $(header.border.radius); -goog-ms-border-radius: $(header.border.radius); 边界半径:$(header.border.radius);}
.Header img, .Header #header-inner { -moz-border-radius: $(header.border.radius); -webkit-border-radius: $(header.border.radius); -goog-ms-border-radius: $(header.border.radius); 边界半径:$(header.border.radius);}
.header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: $(header.padding); padding-right: $(header.padding); }
.Header h1 { 字体:$(header.font); 文字阴影:1px 1px 3px rgba(0, 0, 0, 0.3); }
.Header h1 a { 颜色:$(header.text.color); }
.Header .description { 字体大小:130%; }
/* 选项卡 ----------------------------------------------- */ .tabs-inner { 边距:.5em $(tabs.margin.sides) $(tabs.margin.bottom); 填充:0;}
.tabs-inner .section { 边距:0; }
.tabs-inner .widget ul { padding: 0;
背景:$(tabs.background.color) $(tabs.background.gradient) 重复滚动底部;
-moz-border-radius: $(tabs.border.radius); -webkit-border-radius: $(tabs.border.radius); -goog-ms-border-radius: $(tabs.border.radius); 边框半径:$(tabs.border.radius);}
.tabs-inner .widget li { 边框:无;}
.tabs-inner .widget li a { display: block;
填充:0.5em 1em;边距-$endSide: $(tabs.spacing);
颜色:$(tabs.text.color);字体:$(tabs.font);
-moz-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0; -webkit-border-top-left-radius: $(tab.border.radius); -webkit-border-top-right-radius: $(tab.border.radius); -goog-ms-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0; 边框半径:$(tab.border.radius)$(tab.border.radius)0 0;
背景:$(tab.background);
边框-$endSide: 1px 实心 $(tabs.separator.color); }
.tabs-inner .widget li:first-child a { padding-$startSide: 1.25em;
-moz-border-radius-top$startSide: $(tab.first.border.radius); -moz-border-radius-bottom$startSide: $(tabs.border.radius); -webkit-border-top-$startSide-radius: $(tab.first.border.radius); -webkit-border-bottom-$startSide-radius: $(tabs.border.radius); -goog-ms-border-top-$startSide-radius: $(tab.first.border.radius); -goog-ms-border-bottom-$startSide-radius: $(tabs.border.radius); 边界顶部-$startSide-radius: $(tab.first.border.radius); 边界-底部-$startSide-radius: $(tabs.border.radius); }
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; z-index:1;
背景:$(tabs.selected.background.color) $(tab.selected.background.gradient) 重复滚动底部;颜色:$(tabs.selected.text.color);
-moz-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); 盒子阴影:0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); }
/* 标题 ----------------------------------------------- */ h2 { 字体:$(widget.title.font); 文本转换:$(widget.title.text.transform); 颜色:$(widget.title.text.color); 边距:0.5em 0;}
/* 主要的 - - - - - - - - - - - - - - - - - - - - - - - - */ .main-outer { 背景:$(main.background);
-moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; -webkit-border-top-left-radius: $(main.border.radius.top); -webkit-border-top-right-radius: $(main.border.radius.top); -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; 边界半径:$(main.border.radius.top)$(main.border.radius.top)0 0;
-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); 盒子阴影:0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); }
.main-inner { 填充:15px $(main.padding.sides) 20px; }
.main-inner .column-center-inner { 填充:0 0; }
.main-inner .column-left-inner { padding-left: 0; }
.main-inner .column-right-inner { padding-right: 0; }
/* 帖子 ------------------------------------------------------------ */ h3.post-title { 边距:0; 字体:$(post.title.font);}
.comments h4 { 边距:1em 0 0; 字体:$(post.title.font);}
.post-outer { 背景颜色:$(post.background.color); 边框:实心 1px $(post.border.color);
-moz-border-radius: $(post.border.radius); -webkit-border-radius:$(post.border.radius);边界半径:$(post.border.radius);-goog-ms-border-radius:$(post.border.radius);
填充:15px 20px;边距:0 $(post.margin.sides) 20px;}
.post-body { 行高:1.4; 字体大小:110%;}
.post-header { 边距:0 0 1.5em;
颜色:$(post.footer.text.color);行高:1.6;}
.post-footer { 边距:.5em 0 0;
颜色:$(post.footer.text.color);行高:1.6;}
博客寻呼机{
字体大小:140% }
评论 .comment-author {
填充顶部:1.5em;
边框顶部:虚线 1px #ccc; 边框顶部:虚线 1px rgba(128, 128, 128, .5);
背景位置:0 1.5em;}
评论 .comment-author:first-child {
填充顶部:0;
边框顶部:无;}
.avatar-image-container { 边距:.2em 0 0; }
/* 小部件 ------------------------------------------------------------ */ .widget ul, .widget #ArchiveList ul.flat { padding: 0; 列表样式:无;}
.widget ul li, .widget #ArchiveList ul.flat li {border-top: dashed 1px #ccc; 边框顶部:虚线 1px rgba(128, 128, 128, .5); }
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {border-top: none; }
.widget .post-body ul { 列表样式:光盘;}
.widget .post-body ul li { 边框:无;}
/* 页脚 ----------------------------------------------------------- */ .footer-outer { 颜色:$(footer.text.color); 背景:$(页脚。背景);
-moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); -webkit-border-top-left-radius: $(footer.border.radius.top); -webkit-border-top-right-radius: $(footer.border.radius.top); -webkit-border-bottom-left-radius: $(footer.border.radius.bottom); -webkit-border-bottom-right-radius: $(footer.border.radius.bottom); -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); 边界半径: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); 盒子阴影:0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); }
.footer-inner { 填充:10px $(main.padding.sides) 20px; }
.footer-outer a { 颜色:$(footer.link.color); }
.footer-outer a:visited { 颜色: $(footer.link.visited.color); }
.footer-outer a:hover { 颜色: $(footer.link.hover.color); }
.footer-outer .widget h2 { 颜色:$(footer.widget.title.text.color); } ]]>
document.body.className = document.body.className.replace('loading', '');
jquery - Disqus:使用 jQuery 成功后更改标题
Disqus 会根据要求自动放置定义的字幕。例如:添加新评论
我尝试在 ready() 上使用 jquery 更改其值:
没有成功:( ...我怎么知道 disqus 脚本何时完成解析数据,以便我可以更改 h3 的标题值?
顺便说一句,这是 Disqus 的电话:
php - 有没有办法在本地主机上安装 IntenseDebate?
我一直在寻找在我的本地机器上安装 IntenseDebate 的解决方案。据我所见,周围似乎没有任何东西可以帮助我做到这一点。
有人在他们的本地主机上成功安装了 IntenseDebate 吗?
谢谢各位,
LP
comments - 使用 disqus 按评论最多的文章排序
我在我的 MODx 博客评论系统中使用 disqus,但找不到任何方法来根据评论最多的文章或最近的评论对我的文章进行排序。
我看到已经有很多类似的问题,所以我们将非常感谢任何帮助。
wordpress - 在wordpress中更改“0评论和0反应”的格式
您好,是否可以将“0 条评论和 0 条反应”更改为“0 条评论”或只是“0”。
javascript - Wordpress - 自定义页面模板的 Disqus 错误
我创建了一个自定义页面模板以在 Wordpress 中显示可过滤的投资组合。但是,在该自定义页面上,我收到了错误代码-
我认为这可能是因为该页面使用循环来显示帖子。Disqus 设置为仅显示在帖子上。
请参阅以下页面:http ://thinquetanque.com/portfolio
关于如何防止这种情况的任何想法?
谢谢!
编辑:我在代码中找到了发生这种情况的位置-但我不知道如何解决该错误。
django - 所有的 disqus 评论都显示在所有博客页面上
我已经构建了一个博客类型的应用程序。在django。我正在尝试使用montylounge 的 django-disqus集成 DISQUS 以获取评论。但是所有博客文章的评论都显示在每个博客页面上。可能是什么问题呢 ?
css - 如何更改 Disqus 评论文本区域中的文本颜色?
我正在将 Disqus 外部评论系统与 Wordpress(作为 WP 插件)一起使用,并且我正在尝试使用我的自定义 CSS 对其进行自定义。
一切都很好,但是我在替换表单 textarea 中的默认文本颜色时遇到了问题。
我试过了:
但我没有成功,即使我只针对“textarea”也没有成功。
似乎 javascript 正在一起玩,因为有 2 个事件:当 textarea 聚焦和模糊时。当存在“模糊”时,.placeholder-grey CSS 类将添加到文本区域,但使用 CSS 定位该类效果不佳。
Disqus 的文档很差,所以我通过代码检查发现了所有这些。
任何想法都会非常感激。
PS 我没有在线工作示例,您可以在任何使用 Disqus 的博客/网站上看到它,例如在他们自己的博客上:http ://blog.disqus.com/post/974280725/achievement-unlocked -merging-profiles#disqus_thread
wordpress - 评论系统:通过回调加载不同的评论线程
我正在寻找具有特定功能的评论系统,我想知道是否有人可以提供建议。
我希望能够通过 JavaScript 回调加载不同的评论线程,而无需重新加载整个页面。这意味着我需要一个评论系统,允许多个评论线程与同一个 URL 相关联,线程由自定义 ID 定义。
我刚刚发现 Disqus 无法做到这一点。尽管 Disqus 允许您将您选择的唯一 ID 与线程相关联,但它也需要每个评论线程的唯一 URL。
有谁知道一个系统可以通过唯一的 ID 将多个评论线程与同一个 URL 关联起来?
不确定是否可以使用 IntenseDebate 或 Wordpress - 或者我可能需要编写自定义 Wordpress 插件(页面本身实际上将在 Wordpress 安装中)。
jquery - 如何将 WordPress 的 Disqus 插件与 JQuery Ajaxed 内容集成?
我已经为我的 WordPress 博客实现了用于动态内容检索的 JQuery Ajax。但是现在我遇到了 DISQUS 插件的问题,它不再加载,因为页面没有重新加载。对于其他小脚本,我使用了 JQuery 的 LiveQuery 插件,效果很好,但 DISQUS 对我来说太复杂了。也许有人可以给我一些指示,我应该在哪里更改 DISQUS 插件文件以使其在动态生成的页面上工作?