问题标签 [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.

0 投票
1 回答
558 浏览

harp - Harp 编译 HTML 路径错误

我可以在本地成功创建和运行一个基本的 Harp 应用程序,我可以编译为 html/css/js 并在我的博客上运行主页和索引页面,但是文章页面路径不正确。

本地路径根据文章 slug 加载,例如 /articles/welcome-to-harp.md 加载为 /articles/welcome-to-harp

编译时有两个问题:

  1. 没有为每篇文章创建单独的文件夹,所以我最终得到 /articles/welcome-to-harp.html。如果必须的话,我可以忍受 - 但是是否有编译选项来创建像 /articles/welcome-to-harp/index.html 这样的结构?

  2. 主页和文章索引的链接都指向 /articles/welcome-to-harp,而它们应该指向 /articles/welcome-to-harp.html,因为这是编译后的文件结构(/articles/ 中没有文件) Welcome-to-harp 在已编译的 www 文件夹中)

我正在使用 kennethormandy/hb-remedy 样板文件并且没有做任何更改。从今天开始,Node 和 Harp 安装是全新的。

编译后的项目可以在这里查看:http: //blog.shapevoid.com/

有什么办法可以解决这两个问题?

0 投票
1 回答
363 浏览

coffeescript - 将 Harp 与 p5.js 和 coffeescript 一起使用

我正在使用 harp (harpjs.com) 和 p5.js (p5js.org),我想用 coffeescript 编写所有内容。

Harp 理解 .coffee 文件,所以我简单地写了一个 sketch.coffee 但它没有用。将其重命名为 sketch.js 有效,但我更喜欢 .coffee。我需要任何特殊的库来连接它吗?

0 投票
1 回答
96 浏览

javascript - 使用 Harp 将菜单项编译成模板

我希望能够harp compile ./根据当前文件夹中的任何对象在编译时(即)从部分生成菜单项。这将应用于从另一个来源生成的降价文档;Harp 希望不仅可以构建 HTML 页面,还可以构建该部分的导航。我一直在查看 GitHub 上的文档样板项目,但是我看不到任何示例。

我已经包含了我尝试使用的代码,该代码基于这样的假设:它可以从“根”中提取对象,并返回一个与当前对象有点相似的对象。

_header.ejs

0 投票
1 回答
92 浏览

ejs - 如何在 harpjs 中自定义 ejs 分隔符?

harp js 对我来说似乎是一个非常有用的工具。

他们支持 ejs 编译,但是,我没有找到如何获得 ejs自定义分隔符功能支持。

我想用 {{}} 等新标记替换 <% %>。

0 投票
1 回答
167 浏览

node.js - 如何使用 harp 作为库渲染 404 页面

我使用 harp 作为 Express 中间件来呈现我的静态文件,我将其编写为 jam/coffee/stylus。一切正常,除非我浏览一个不存在的页面。我收到的不是通常的 404 页面,而是一个简单的“无法获取 /(页面名称)”。如果我使用“竖琴服务器”而不是使用节点来运行该站点,那么它自然可以正常工作。

我认为问题在于我必须从服务器内重定向 404 页面。但是,如果我这样做,Express 将无法识别翡翠格式。然后我必须安装翡翠并将其用作视图引擎。另外,如果我使用手写笔,我也必须添加该渲染。它违背了使用 harp 作为中间件的目的。

任何人都可以提出一个处理自定义 404.jade 文件的替代方案,就像在 harp 的独立版本中一样?

我的代码:

0 投票
0 回答
517 浏览

json - 使用 Hexo 或 Harp 和 EJS 从 JSON 数据创建站点

简而言之,我的问题是:我是这个静态站点的新手,必须使用这两个静态站点生成器之一。我尝试从 JSON 文件加载数据并根据该数据在服务器上创建站点。这是一个网上商店。

我用谷歌搜索了很多,在这里找到了一些代码(这是玉石,对我不起作用,实际上想用 EJS 试试)http://developer.telerik.com/featured/comparing-static-site-engines/

对我来说,这只是原型设计,我在 PC 上尝试了所有本地操作。但我就是想不通EJS。有这方面经验的能帮我吗?此参考对 harp 和 hexo 没有多大帮助:http: //canjs.com/guides/EJS.html

我的 JSON 文件看起来像这样(ATM 可以更改它们,因此如果需要,它们都在 1 个文件中):

这是上层群体:

以下是文章(还有很多):

也许有人试过这个并且有一些代码可以分享?我只需要一个工作示例。

提前致谢!:)

0 投票
1 回答
472 浏览

json - Harp 服务器,Jade 和 JSON 循环,错误:无法读取未定义的属性“长度”

这是 nav.jade 文件

这是我的 data.json 文件

错误(当 Jade 尝试编译文件时):

无法读取未定义的属性“长度”。

错误指向第一行,即数据中的每个链接。

我在这里做错了什么?

我正在使用 Harp 服务器。

0 投票
1 回答
463 浏览

node.js - lib-sass 在 heroku 上打破竖琴

有趣的问题,使用 harp 构建一个简单的应用程序,然后将其部署到 Heroku,这被证明是一个问题。上次部署使用 Harp buildpack 完美运行,但现在它在部署时中断。

没有任何改变应该导致这种情况,节点模块或节点版本没有更新。日志和 Papertrail 抱怨:

在此之后,我分支并尝试检查 lib-sass

根据日志,尝试重新安装它,但无济于事。有人遇到过这个吗?这可能是buildpack的问题吗?

0 投票
1 回答
873 浏览

javascript - 如何在竖琴中包含凉亭组件

我在 Harp 中有一个具有这个标准目录结构的项目:

在此处输入图像描述

(突出显示的部分在我的 git 中,bower_components应该www在安装/编译时创建)。

当我安装一个新的凉亭组件时,我可以轻松地将它的 css 包含在我的 Less 中,例如

但是使用javascripts(或其他静态资产,就此而言)的“正确”方式是什么?当然,我可以简单地将它们复制过来,例如

这就是人们实际所做的,但我正在寻找更好的东西。理想情况下,我想完全避免 makefiles/gruntfiles 并且能够使用以下内容初始化我的项目bower install

换句话说,我想以某种方式引用驻留在目录bower_components内部的静态资产public。符号链接不是一种选择,因为harp compile它不能解析符号链接。

0 投票
1 回答
101 浏览

twitter-bootstrap-3 - Less 2.5 modifyVars() 似乎不适用于 Harp.js v0.15.2

我正在使用 Harp.js/jade/less 编写 Bootstrap 3 主题

当我尝试使用 less.modifyVar() 函数动态更改背景颜色时,样式表已正确重新加载,但没有任何反应......

更少的代码(variables.less):

更少的代码(custom.less):

玉码:

Javascript switchColor() 函数:

任何帮助,将不胜感激。C。