Question 1

私のLittleLink Dockerコンテナがサイトの代わりにNginx welcome pageを表示するのはなぜですか？

Accepted Answer

Nginxのデフォルトウェルカムページが表示されるのは、LittleLinkのファイルがイメージにコピーされていない場合です。これは、誤ったディレクトリ（例: docker/サブフォルダ）からビルドしたときに発生します。プロジェクトルートからビルドし、 -f でDockerfileのパスを指定してください:

```bash
git clone https://github.com/sethcottle/littlelink.git
cd littlelink
docker build -f docker/Dockerfile -t littlelink .
docker run -d -p 8080:80 littlelink
```

ファイルが存在することを確認してください:
```bash
docker run --rm littlelink ls -la /usr/share/nginx/html/
```

index.html、css/、images/、fonts/ が表示されるはずです。デフォルトのファイルだけが表示される場合、ビルドコンテキストが間違っています。

Question 2

LittleLinkで表示名が複数行に折り返されるときに、行間が広すぎるのをどうやって修正すればよいですか？

Accepted Answer

これはレガシーな Skeleton ベースの CSS が原因でした。これは LittleLink v3 で修正されており、旧スタイル基盤をモジュール式で目的に特化した CSS システムに置き換えています。LittleLink を v3 以降にアップグレードしてください。該当する変更は commit 9f000923d5e13f9548d3bcafa7d41f99796c5a0a です。LinkStack を使用している場合は、カスタムテーマオーバーライドを適用するか、LittleLink v3 のスタイルを含むリリースにアップグレードしてください。

Question 3

2つのLittleLinkボタンを同じ行に配置するにはどうすればよいですか？

Accepted Answer

2つのリンクを flex コンテナで包み、それらの間にある `
` をすべて削除します。 HTML:

Main

VOD

`brands.css` が読み込まれた後に、以下を追加します: .button-row { display: flex; gap: 8px; width: 300px; margin: 0 auto 10px; } .button-row .button { flex: 1 1 0; width: auto; margin-bottom: 0; padding: 16px 12px 16px 44px; box-sizing: border-box; } アイコンのみのボタンでは、`padding: 16px;` を使用し、アイコンを中央揃えにします。ボタンがまだ縦に並ぶ場合は、アンカー間に `
` があるか、または width を上書きする、より詳細度の高い CSS ルールがないか確認してください。

LittleLink

主な機能

できないこと

使用例

タグ

はじめ方

類似プロジェクト