问题标签 [harp]
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.
html - Harp 服务器产生大量空白(在 HTML 中)
我在 Harp 上运行一个博客。一切都像魅力一样起作用,但有一件事我无法实现(也不理解)。整个项目使用EJS。问题在于生成的源代码 (HTML) 中有很多额外的空白。我试图减少它,就像在菜单的情况下一样,但这没有用。
我希望至少减少换行符。通常我使用这样的东西:
但问题是部分由 EJS 动态服务,这不起作用,代码看起来很难看:
有什么办法可以处理吗?如果我使用缩小的 LESS,我也想使用缩小的(或至少看起来合理的)HTML!
示例代码:
deployment - 如何自动化 Harp 部署?
我使用 Harp 将我的网站编译成静态 HTML。然后我将静态 HTML 上传到我的网络服务器的数据目录以部署构建。我将降价源存储在私有 GitLab 存储库(由我托管)中。
使用 Harp 进行所有上传和处理有点乏味,我想自动化它。我想进行设置,以便在我将新提交推送到 GitLab 存储库时,Harp 会自动编译并复制 HTML 文件。
我怎样才能做到这一点?
webserver 和 GitLab 主机实际上都是同一台 Ubuntu 机器上的虚拟主机,我使用机器本身来运行harp compile
.
json - Jade - 嵌套 for 循环用于子菜单导航
我正在尝试在 harpjs 旁边使用玉来创建带有子菜单项的导航菜单。
当前的 json(位于 中public._data
)如下所示:
使用玉我能够成功地循环顶级项目的 json,例如:
但我不知道如何循环这个循环项目中的子项目......即:
知道我在这里做错了什么吗?
谢谢大家!
ejs - 在 harp/ejs 中包含部分包含字符串的变量
我正在尝试构建一个动态字符串,然后将其包含一个部分。本质上,我想做这样的事情:
但这行不通。关于如何做到这一点的任何提示?
harp - 如何将元数据与嵌套文件匹配?
我的_layout.jade
档案
使用设置在的变量_data.json
:
这适用于handbook.md
位于根目录中,但incidents.md
位于目录incidents
中的不匹配。我试图有一个裸露的 " incidents
" in _data.json
,但它也不匹配。
我应该如何/incidents/incidents.md
参考_data.json
?
pug - Harp.js:为我的网站生成导航
您好我开始使用harp.js开发一个站点,并且想知道是否有一种方法可以使用暴露给模板的变量为站点构建自动导航。像这样的东西:
我知道_contents不能那样工作。
automation - 如何使用 Harp 快速编辑 HTML
目前,我正在使用 chrome 中的开发人员工具动态编辑页面的布局和内容。
有没有办法做同样的事情而不必每次都重新编译竖琴(也许我误解了竖琴的工作原理)。
javascript - 将类添加到当前导航项
我有一个关于向当前菜单项添加类的简单问题。
我有以下页面结构:
现在我创建了一个名为: 的类.active
,它仅适用于根页面(index、about和contact),但是当我单击/articles
活动类时,它不会被添加到li
菜单中的文章中。
我正在使用 Harp 网站上的这段代码片段:
无论我尝试什么,我似乎都无法让.active
菜单类在/articles
任何文章页面上工作:articles/blog-post-1
等等articles/blog-post-2
。
同样在我看到的 Harp 网站上,您可以添加:
但我不确定在哪里添加它。我将它添加到articles/_data.json
文件中但没有用。
image - 在 Harp Markdown 中使用相对图像路径
我正在用 Harp 建立一个站点,该站点将由多个主题组成,由不同的贡献者编写,可能使用不同的语言。我现在的文件夹结构是这样的:
理想情况下,为了让他们的生活更轻松,每个贡献者只需要担心一个文件夹:他们主题的文件夹。这也将让我将它们保留为子存储库,人们只能干涉他们自己的工作。
我遇到的问题是,以 Markdown 表示的图像路径与 Markdown 文件的位置无关,即
pg1.md
正在翻译为
pg1.html
代替
有什么办法可以让我想要的行为发生,还是我必须让贡献者进入完整的路径?
谢谢!