2016-09-10 9 views
0

私はjekyllを使ってブログを構築していて、gh-pagesでgithubでそれをホストしています。私のプロジェクトのルートは、以下を参照してください見ることができます。githubでホストされているジーキルプロジェクトに画像を含めるにはどうすればいいですか?

├── LICENSE 
├── README.md 
├── _config.yml 
├── _img 
│   ├── 2016-09-09\ 14.48.20.png 
│   └── 2016-09-09\ 15.25.09.png 
. 
. 
. 
├── _posts 
│   ├── 2016-09-08-seven-weeks-before-applying-to-devops-job.markdown 
│   └── 2016-09-09-an-hour-with-ansible.md 
. 
. 
. 
├── _site 
│   ├── 2016 
│   │   └── 09 
│   │    ├── 08 
│   │    │   └── seven-weeks-before-applying-to-devops-job.html 
│   │    └── 09 
│   │     └── an-hour-with-ansible.html 
│   ├── LICENSE 
│   ├── README.md 
│   ├── about 
│   │   └── index.html 
│   ├── css 
│   │   └── main.css 
│   ├── feed.xml 
│   └── index.html 
├── about.md 
├── css 
│   └── main.scss 
├── feed.xml 
└── index.html 

マニュアルは、次の例を示します:

のでジキルの柔軟性のため、これを行う方法に多くのソリューションがあります。 1つの一般的な解決策は、プロジェクトディレクトリのルートにassetsまたはdownloadsのような名前のフォルダを作成し、そこに画像、ダウンロード、またはその他のリソースを配置することです。その後、どのポストからでも、サイトのルートをアセットに含めるパスとして使用することにリンクすることができます。これは、サイトの(サブ)ドメインとパスの設定方法によって異なりますが、ポスト内の変数site.urlを使用してこれを行う方法の例(Markdown)があります。

![]({{ site.github.url }}/_img/2016-09-09 14.48.20.png) 

![]({{ site.url }}/_img/2016-09-09 15.25.09.png) 

私も試してみた:私はgh-pagesを押し、私はいくつかの異なる方法を試してみたが、非はかつて働いている

... which is shown in the screenshot below: 
![My helpful screenshot]({{ site.url }}/assets/screenshot.jpg) 

:ポストでの画像アセットを含む

_imgディレクトリを次のように「保管」します。_config.yaml

# Build settings 
markdown: kramdown 

keep_files: ["_img"] 

これも機能しません。だから、githubでホストされているjeykllプロジェクトに画像を含めるにはどうすればいいですか?あなたの助けのための

感謝:)

答えて

2

アンダースコアで始まるすべてのフォルダは、ビルド先にコピーされません。画像を保存する最も一般的な方法は、assets/imgフォルダに画像を追加することです。 あなたが_imgを使用したい場合は、あなたの_config.ymlに追加する必要があります。

include: 
    - "_img" 
0
  • あなたのイメージのためのフォルダを作成し、あなたがあなたの希望に応じてそれに名前を付けることができますが(私が「画像」である)
  • 検索投稿に含める画像の画像アドレス (フォルダイメージに移動して画像を右クリックしてから画像アドレスをコピーしてください)
  • 何の問題。
関連する問題