のような個人ランディングページflavors.meは今は本当に人気があります、しかし、私たちはより完全な好みですGoogleが私たちについて言っていることを制御します。これは、任意のサーバーに配置して数分で実行できるライフハッカー製のカスタマイズ可能なオープンソースソリューションです。
何を始める必要がありますか？あまりない：
lifehacker.meランディングページPHPスクリプト（lifehacker.meは十分に適切な名前のように思えたと思いました。）
PHPをサポートするWebホスト（私たちをチェックしてくださいハイブファイブ勝者、DreamHost、そして他の人気のある候補者必要な場合）
Flickr APIキー、Flickrアカウントを追加する場合（ここにサインアップしてください必要な場合は無料です）
あなたの時間の数分
クリックここデモ用。
Lifehacker.meと呼ばれるカスタマイズ可能なホームページを含むzipファイルをダウンロードしたら、Webサーバーのディレクトリにすべてを解凍してアップロードする必要があります。 （サイトのデフォルトのホームページとしてページを表示する場合は、LifeHackermeフォルダー内のすべてのファイルをサーバーのルートにアップロードします。）
それを完了したら、confディレクトリでconfig.phpファイルを構成するだけです。この投稿の上部にあるビデオでは、プロセス全体を説明し、すべてが何をするかを示します。
ただし、ビデオを介して座りたくない場合は、クイックスタートガイドを紹介します。
まず最初に：選択したテキストエディターでconfig.phpを開きます（confディレクトリにあります）。たくさんのオプションが表示されます。必要に応じてビジュアルスタイルをカスタマイズできますが、必要はありません。ここでは、テキストシャドウを追加し、名前とナビゲーションの色を変更し、カスタム背景画像を追加できます。背景画像は任意の完全なURLにすることができるため、サーバーのどこかに写真をアップロードして、それを指してください。どの画像も、ブラウザウィンドウを埋めるのに十分な大きさで動作します。
Flickrのセットアップは、あなたがやろうとしている最も仕事ですが、それは本当に簡単です。あなたがしなければならないのは、写真ストリームURLに表示されているように、Flickrユーザー名を入力することです。たとえば、私のURLはhttps://flickr.com/photos/dachisであるため、この場合、私のユーザー名はdachisになります。ユーザー名に加えて、Flickr APIキーが必要です。あなたはできる無料のAPIキーにサインアップします（承認は非常に速い）。 $アカウント['flickr'] ['username']をユーザー名と$ accounts ['flickr'] ['apikey']にAPIキーに設定することをお勧めします。
Vimeo、YouTube、およびTwitterアカウントを追加するだけで、ユーザー名を指定するだけが必要なため、はるかに簡単です。たとえば、$ accounts ['Vimeo'] ['username']がVimeoユーザー名に設定されます。これは、YouTubeとTwitterの両方で同じです。それはあなたがしなければならないすべてです。
写真とビデオのセクションには、$ general ['aud_photos']および$ general ['about_videos']が表示されます。これらの変数を一連のテキストに設定すると、各ページに説明を追加できます。
それでおしまい。特定のアカウントを追加したくない場合は、空白のままにしてください。ナビゲーションには表示されません。
上の画像をクリックして詳しく調べてください。
現在、LifeHacker.meはFlickr、Vimeo、YouTube、およびTwitterをサポートしていますが、サービスを追加したり、このポイントを超えてカスタマイズしたりする場合は、必要なことは何でもできます。このランディングページは完全にオープンソースであり、ソースをホストしていますgithubで。 CSSを変更し、新しい機能を追加してください。あなたが好きなように使用するのはあなたのものです。本当に楽しいことをするなら、GitHubでコードを分岐し、Pullリクエストを提出して、他の人があなたの新しい機能から利益を得られるようにすることが大好きです！
lifehacker.meは、2つの素晴らしいオープンソースプロジェクトを利用しています。Prettyphotoそしてガレリア。これらはどちらもそれ自体が本当に素晴らしいツールであり、プロジェクトで自由に使用できます。必ずチェックしてください！
