問題タブ [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 投票する
2 に答える
124 参照

html - Harp サーバーが大量の空白を生成する (HTML 内)

Harpでブログを運営しています。すべてが魅力のように機能しますが、達成できない (そして理解できない) ことが 1 つあります。プロジェクト全体で EJS を使用しています。問題は、生成されたソース (HTML) に余分な空白がたくさんあることです。メニューの場合のように減らそうとしましたが、うまくいきませんでした。

少なくとも改行を減らすことを期待しています。通常、私は次のようなものを使用します。

しかし、問題は EJS によって動的に提供される部分にあり、これは機能せず、コードは醜く見えます:

それに対処する方法はありますか?縮小された LESS を使用する場合は、縮小された (または少なくとも合理的に見える) HTML も使用したいと思います。

コード例:

0 投票する
1 に答える
196 参照

deployment - Harp の展開を自動化するには?

Harp を使用して Web サイトを静的 HTML にコンパイルします。次に、静的 HTML を Web サーバーのデータ ディレクトリにアップロードして、ビルドをデプロイします。マークダウン ソースをプライベート GitLab リポジトリ (私がホスト) に保存します。

Harp を使ってアップロードしたりいじったりするのは少し面倒なので、自動化したいと思います。新しいコミットを GitLab リポジトリにプッシュするとすぐに、Harp が HTML ファイルを自動的にコンパイルしてコピーするように設定したいと思います。

どうすればこれを達成できますか?

Web サーバーと GitLab のホストは、実際にはどちらも同じ Ubuntu マシン上の仮想ホストであり、マシン自体を使用してharp compile.

0 投票する
0 に答える
657 参照

json - Jade - サブメニューを使用したナビゲーション用のネストされた for ループ

サブメニュー項目を持つナビゲーション メニューを作成するために、harpjs と一緒に jade を使用しようとしています。

現在の json ( にありますpublic._data) は次のようになります。

jade を使用すると、トップレベルのアイテムの json を正常にループできます。

しかし、このループされたアイテム内のサブアイテムをループする方法に途方に暮れています...つまり:

ここで何が間違っているのか分かりますか?

皆さんありがとう!

0 投票する
1 に答える
366 参照

ejs - 変数を部分的に含める harp/ejs に文字列を含める

部分を含む動的文字列を作成しようとしています。基本的に、私は次のようなことをしたいと思います:

しかし、それは機能していません。これを行う方法に関するヒントはありますか?

0 投票する
1 に答える
58 参照

automation - Harp を使用して HTML をすばやく編集する方法

現在、クロムの開発者ツールを使用して、ページのレイアウトとコンテンツをその場で編集しています。

ハープを毎回再コンパイルせずに同じことを行う方法はありますか (ハープの仕組みを誤解している可能性があります)。

0 投票する
1 に答える
220 参照

javascript - 現在のナビゲーション項目にクラスを追加

現在のメニュー項目にクラスを追加することについて簡単な質問があります。

次のページ構造があります。

という名前のクラスを作成しました:.activeルートページ ( indexabout、およびcontact ) でのみ機能しますが、アクティブなクラスをクリックすると、メニュー/articlesの記事に追加されません。li

Harp サイトの次のコード スニペットを使用しています。

何を試しても、.activeメニュークラス/articlesも記事ページも動作しarticles/blog-post-1ないようarticles/blog-post-2です。

また、私が見たハープのサイトでは、次を追加できます。

しかし、どこに追加すればよいかわかりません。ファイルに追加しましたが、articles/_data.json機能しませんでした。

0 投票する
1 に答える
1625 参照

image - Harp Markdown での相対イメージ パスの使用

私は Harp でサイトをまとめています。このサイトは複数のトピックで構成され、さまざまな寄稿者によってさまざまな言語で書かれている可能性があります。私の現在のフォルダ構造は次のようなものです:

理想的には、彼らの生活を楽にするために、各貢献者は 1 つのフォルダー (トピックのフォルダー) だけを気にする必要があります。これにより、それらをサブリポジトリとして保持することもでき、人々は自分の作業にしか干渉できなくなります。

私が直面している問題は、 Markdownで表現された画像パスが Markdown ファイルの場所に関連していないことです。

pg1.md

に翻訳しています

pg1.html

それ以外の

希望する動作を実現する方法はありますか、それともコントリビューターにフル パスを入力してもらう必要がありますか?

ありがとう!