我最近看到两篇博客文章（1、2 ） ，详细介绍了在 Squarespace 上实现 d3.js 可视化的方法。我有兴趣将交互式网络可视化上传到我的 Squarespace 网站，因此我尝试按照这些博客文章中的说明进行操作，但我似乎无法显示任何可视化。
这是我的简要工作流程。首先，我按照Neal Caren 网站上的说明下载一些数据，并使用 Python 的 networkx 包的 d3_j3 插件创建同被引网络可视化。在该站点上的测试数据上运行该站点上的脚本会生成一个 cites.js 文件、一个 cites.json 文件和一个 cites.html 文件，并将这些文件中的每一个放在包含子目录 d3 的目录中，其中d3.js、d3.geom.js、d3.layout.js 和force.css 已找到。如果我双击 cites.html 文件，我会在浏览器窗口中看到所需的可视化。（这是上述目录的压缩形式。）
问题是我似乎无法在 Squarespace 上加载可视化。在 Toke Frello 的博客文章之后，我修改了 cites.js 文件的第 5 行，使其显示为：
var vis = d3.select(".sqs-block-content")
然后我修改了该文件的第 10 行，使其显示为：
d3.json("/s/cites.json", function(json) {
（这是修改后的文件。）然后我将 d3.js 以及 cites.js、cites.json、d3geom.js 和 d3layout.js 上传到我网站上的 /s/ 目录，转到博客 - > 高级 --> 发布博客项目代码注入并插入：
<script src="/s/d3.js"></script>。
最后，我转到我的博客，在旧页面上创建了一个新的代码块，使用下拉菜单将该块识别为 html 代码，然后输入：
<script type="text/javascript" …我的 SquareSpace 网站上有一些自定义 JavaScript，可以对产品标题进行操作，超出了 SquareSpace 默认样式编辑器的范围。它在最初加载页面（https://www.manilva.co/catalogue-accessories/）时有效，但如果您单击左侧的任何类别，样式将重置为默认值。
我假设 JavaScript 被 SquareSpace 样式覆盖，但我不明白为什么。也许我在错误的地方调用了该函数？
任何的意见都将会有帮助。
谢谢！
当前代码：
document.querySelectorAll(".ProductList-filter-list-item-link".forEach(i=>i.addEventListener("click", function()
{
var prodList = document.querySelectorAll("h1.ProductList-title");
for (i = 0, len = prodList.length; i < len; i++)
{
var text = prodList[i].innerText;
var index = text.indexOf('-');
var lower = text.substring(0, index);
var higher = text.substring(index + 2);
prodList[i].innerHTML = lower.bold() + "<br>" + higher;
});
我很难写出看似简单的if语句!我需要它说,如果mod不等于a,b或c - 那么这样做.这是我尝试但未成功的原因:
var mod = CURRENT_MODULE_ID;
if (mod != "5827289" && mod != "5195103" && mod != "5181422") {
doSomething();
}
当我在编辑器中键入它时,它表示存在错误,特别是"实体名称必须紧跟实体引用中的'&'." ..当我去测试时,它不起作用.
任何帮助表示赞赏!!
更新:网址:esber.squarespace.com
完整的脚本:
<script type="text/javascript" src="/storage/scripts/sessvars.js"></script>
<script type="text/javascript">
<![CDATA[
onload=function(){
sessvars.browserConfirmation?'none':'';
sessvars.ageConfirmation?'none':'';
};
var mod = Squarespace.Constants.CURRENT_MODULE_ID;
if (mod != "5827289" && mod != "5195103" && mod != "5181422") {
if(sessvars.ageConfirmation != "yes"){
window.location = "/verify/";
};
};
]]>
</script>
我希望网站中的每个页面都自动将页面加载重定向到验证页面,除非它是验证页面(/ verify),"您未验证"页面(/未验证)或登录页面(/登录) - 除非用户已通过设置sessvars进行验证,否则他们可以继续访问主页.
为了测试这个,我去esber.squarespace.com并点击右边的一个菜单项(这个菜单最终会在我完成页面时被隐藏) - 当我尝试去另一个页面时没有验证我的年龄首先我应该被重定向回/验证页面,但这不会发生.
如果我修改脚本:
<script type="text/javascript" src="/storage/scripts/sessvars.js"></script>
<script type="text/javascript">
onload=function(){
sessvars.browserConfirmation?'none':'';
sessvars.ageConfirmation?'none':''; …javascript cdata content-management-system logical-operators squarespace
我有点困惑.我正在改造Square Space网站.我正在使用他们的beta'开发者'模式; 到目前为止似乎只允许CSS文件的来源,一切都在他们的' 块 '或.页 /.块.没有.html或.php文件可以在任何地方找到.
所以我被困在他们的"代码注入区域" - 以及页脚.我设置了页脚内容,但除了主页之外,页脚应该显示在任何地方.我想知道你是否有人知道一种编写内联JS和/或CSS的方法,只能在主页上隐藏页脚; 或通过主页URL？
<center>
<div>
<a class="footer" href="https://coolguys.squarespace.com/terms/">FAQ</a> •
<a class="footer" href="https://coolguys.squarespace.com/green/">GREEN</a> •
<a class="footer" href="https://coolguys.squarespace.com/wholesale/">WHOLESALE</a> •
<a class="footer" href="https://manbearpigs.squarespace.com/links/">LINKS</a>
<br>
<span>Hello World</span>
</div>
使用纯CSS执行此操作将是最优选的.
我找到了这个:
body.page-id-777 td#footer {
display:none;
}
但不确定页面URL或等等; 可以转换为页面ID.
我正在尝试在 html 中对德语字符进行编码。我只想使用特殊字符代码。对于变音符号，我尝试同时使用Ü和Ü，但两者都没有正确渲染。我究竟做错了什么？谢谢。
这是针对 Squarespace 网站的，我将 Javascript 插入到他们的代码注入页面的页脚中。我正在使用 Javascript 在页面上写一个德语单词。我的代码的相关部分如下所示。问题是，这只是在页面上呈现“& U uml;ber”（我添加的空格，因为变音符号在没有它的情况下可以在 Stack Overflow 上正确呈现），而不是带有变音符号的 Uber。谢谢！
var strings = {
'About': {
'de': 'Über'
},
我正在尝试请求此网站，但我不断收到 400 Bad Request 错误。这段代码几乎适用于我尝试过的任何其他不是用 squarespace 构建的网站，所以我猜这就是问题所在。
var request = require('request');
var cheerio = require('cheerio');
var url = 'http://www.pond-mag.com/';
request(url, function(error, resp, body){
if(!error){
var $ = cheerio.load(body);
console.log(body);
}
});
正在使用以下命令在寡妇上设置方形空间本地开发服务器，但出现 JAVA 异常
我在 windows npm 中安装了 npm 版本是：6.14.6
使用命令安装方形空间本地开发服务器
npm install -g @squarespace/server
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
> @squarespace/server@1.7.0 preinstall C:\Users\bilalbaig\AppData\Roaming\npm\node_modules\@squarespace\server
> npm run accept && node scripts/execif.js --exists=build npm run copyrunscript
> @squarespace/server@1.7.0 accept C:\Users\bilalbaig\AppData\Roaming\npm\node_modules\@squarespace\server
> node scripts/accept.js LICENSE.txt
Using this software requires accepting the Squarespace Developer Terms of Use and Oracle Binary Code License Agreement. See LICENSE.txt.
To read the file, press Enter. :
Squarespace Developer Terms of Use and …我在方形空间上有一个域，我正在尝试将我的 google firebase 应用程序连接到它。
我能够为以 www 为前缀的 url 设置 DNS 属性，并且该属性可以正常工作，但是当我访问排除了 www 前缀的网站时，我收到一条 Firebase 错误，提示“找不到网站”。
因为我看到它到达了 firebase，所以我尝试在 firebase 中设置重定向，以便将所有对 www 排除的 url 发出的请求直接转发到 www 前缀的 url，但 firebase 需要验证我拥有 www 排除的域第一的。
因此，Firebase 指示我在 squarespace 中打开 DNS 设置并添加一个 txt 文件来验证我是否拥有排除 www 的 url，我已经这样做了（这也是我成功为 www 前缀网站所做的一部分）但是 firebase无法验证该网站。
我是否需要添加其他记录才能让该 Firebase 验证我的网站？
为了让 www url 工作，我必须为 www 前缀的 url 添加 @ A 记录和 www CNAME 记录，以便对其进行验证，但我不确定如何让这个非前缀 url 工作。
我正在编写一个Chrome扩展程序来修改Squarespace的用户界面,它会在您的网站顶部"叠加"CSS,以便显示基于浏览器的网站构建器.
让我们说这是我的身体CSS:
body {
background-color: #000000;
background-image: url("/storage/body.jpg");
background-repeat: no-repeat;
background-position: top center;
}
当您打开Squarespace的用户界面时,它会使用内联样式向CSS添加一些类.所以这会自动添加到我的代码中:
{
padding-top: 56px;
background-position: 50px 56px;
}
因此,由于我正在使用CSS Chrome扩展程序修改用户界面,因此我希望基本上"跳过"或"禁用"这些内联样式.我可以在我的扩展CSS上使用!important,但有些网站可能会使用不同的背景位置,我不想只放"background-position:top center!important;" 在我的扩展中.我也不想只使用脚本剥离类,因为它们也用于其他样式.
谢谢!
在被困一天后，关于为什么我不会让我的 jquery 自定义代码在 SquareSpace 模板上工作；我发现这是由于 AJAX 加载。
所以是的，脚本在以下情况下运行： - 通过 URL 直接转到页面。- 登陆后刷新页面。
我发现我必须在设计面板上禁用 Ajax 加载，这在我的客户端请求中是不可能的，我必须启用 ajax 加载才能流畅导航。
我可以添加任何代码来显示我使用代码注入创建的内容吗？
模板：移位
网站：链接在这里
谢谢
http.get当我对转到 SquareSpace (SS) 站点的 URL进行简单操作时，我收到一条 403 消息。我知道该网站正在运行并且服务器可以访问它。这是针对 SS 站点的一个简单示例（不是我的，但会产生相同的问题）：
显示服务器可以访问站点：
curl http://www.letsmoveschools.org
This returns all the HTML from the site...
节点应用程序
var http = require('http');
var url;
url = 'http://www.letsmoveschools.org/';
var req = http.get(url, function(res) {
res.on('data', function(chunk) {
//Handle chunk data
});
res.on('end', function() {
// parse xml
console.log(res.statusCode);
});
// or you can pipe the data to a parser
//res.pipe(dest);
});
req.on('error', function(err) {
// debug error
console.log('error');
});
当我现在运行节点应用程序时，node app.js它会输出403状态代码。
我已经在其他网站上尝试过此代码，它工作正常，只是不适用于 squarespace …
长时间读者,第一次海报.
我使用Squarespace创建了一个站点.我有一个关于在页面上选择特定元素的问题.
在具有多个图像的页面上,我正在尝试仅对其中一个图像应用悬停.但我只选择了1张图片.我正在使用的自定义CSS代码将鼠标悬停在该页面上的所有图像上:
.collection-54d92b4ee4b0661469eb9a15 .sqs-block-image {
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
}
.collection-54d92b4ee4b0661469eb9a15 .sqs-block-image:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.collection-54d92b4ee4b0661469eb9a15 .sqs-block-image:hover:before, .sqs-block-image:focus:before, .sqs-block-image:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
我发现了这个:https://stackoverflow.com/a/9795713/4774292说"Id-selector.当您想要将样式应用于单个特定元素时很有用." …