3

私は Octopress をセットアップしましたが、基本的にサイトの残りの部分に適用される標準的なスタイリングのほとんどを捨てて、完全にカスタムのスタイリングを使用したいと考えています。

組み込み済みですが、すべての応答性の良さへの参照を維持したいと思います.

カスタム ランディング ページを設定する最適な方法は?

4

1 に答える 1

1

こんな感じですか?

http://eduncan911.com

^- 私の Octopress サイト。

ブログはhttp://eduncan911.com/blogにあります。

Octopress は内部で Jekyll を使用しているため、Jekyll の観点からこれを達成する方法を考える方が良いでしょう。これを行うには多くの方法があります。

OT: 個人的には、Octopress のテーマ レイアウト、インクルード、およびカスタムが複雑すぎて細かすぎると思います。彼らはこれを高度にカスタマイズできるようにするためにこれを行いました。しかし、私の見解では、すべてのテンプレートを別のテンプレートに緊密に結び付けます。

そうは言っても、これを達成するには複数の方法があります。ここで非常によく似た質問に答えました:

wordpress テーマから octopress テーマを作成する

これは Jekyll です。したがって、好きなようにページを作成してください。/source/index.htmlを必要なデザイン、html、および css に置き換えます。

ブログのロールが不要な場合、または「ブログを別のディレクトリに移動」したい場合は、現在の場所/source/index.htmlをたとえば/source/blog/index.html. それでおしまい。

上記の回答で述べたように、唯一の重要な点は、YAML フロントマターを保持し、使用する「レイアウト」を指定することです。たとえば、他のレイアウトとは大きく異なる「ホームページ」というレイアウトがあります。私の/source/index.html用途layout: homepage

しかし、その場合でも、YAML を使用する必要はありません。必要に応じて独自の生の html ファイルを作成してください。するときに使用しますrake generate。これは私が個人的に最初に行ったことです。その後、ゆっくりとホームページを に分割し、/source/_layouts/homepage.htmlそこから移動しました。私は Octopress のテーマ全体をまったくフォローしていませんでした - 投稿とページを使用するのに十分です.

于 2014-08-03T18:43:16.850 に答える