Clever Geek Handbook

プログラマのためのサイト。 パート2出版



では最初の部分 、私はプログラマはGithubに、Herokuの、そしてTwitterのブートストラップを使用してゼロからあなた自身のウェブサイトを開始することは比較的容易である方法を説明しました。



しかし、ウェブサイトを立ち上げるためには十分ではありません。 ほとんどの場合、あなたは時々何かの普及にそれをしたいです。 例えば、ポートフォリオの新しいプロジェクト、またはブログを書きます。



この記事では、私はちょうどこのような場合には（既存のサービスの大半のように）あなたのために何を決定し、あなたが自動化することができるものを自動化することができ、すべてあなたが望む方法を行うことができませんサイト、のパブリケーション・メカニズムを作成最大限にする方法について説明します。





データベース-github



DBMSは使用しません。 サイトのコンテンツは、順番に、githubの上に保存され、ファイルに保存されます。



したがって、あなたは、バックアップ、データのインポートとエクスポートを心配する必要はありません。 ファイルの操作は簡単で便利です。



あなたのウェブサイトにページを追加したり、記事を公開するには、単にファイルを作成し、リポジトリに保存することができます。 どこに容易になります。



あなたが読めば、物品の最初の部分を何もしない一方で、あなたはすでにgithubの、より上のリポジトリを持っています。



パブシステム - docpad



HTML形式でブログを書く最も楽しいではありません。 また、各ページ及び物品は、少なくともURLを指定する必要があり、共通のテンプレートでラップします。



幸いなことに、魔法の図書館がありDocPadあなたのためのすべてのそれらの退屈な作業になります、。 私はリンクをたどると、そこに読みやすくなり、彼女が知っていることを詳細に説明しません。



docpadなぜジキル静的発電機や他のサイトを知っている人は、求めることができますか？ 私が選んだ理由：





あなたが長所と短所を議論したい場合は - コメントをお待ちしております。



一方で、中にそれをすべて取得しよう。



サイトのフレームワークを実行します



で、この記事の最初の部分で 、私はgithubの上のリポジトリのクローンを作成し、Herokuの上でそれを広めるためにどのように説明し、私は繰り返しません。 このタイムコードはここにある： http://github.com/daeq/docpad-sample 。 Forkan、クローンは、Herokuの上に広げ。



既にインストールされているHerokuの-ツールベルトを与えられた命令の怠惰な簡単なセットのために。 



  gitのクローンgit@github.com：daeq / docpadサンプル
 CDのdocpadサンプル
 Herokuのアプリケーション：docpad-サンプルを作成します
 git push heroku master


：あなたはこのコードを実行した後、あなたはこのサイトを見つけるでしょうhttp://blog.programmer-site.tkを 。



私たちは、パブリッシュ



3つのフォルダに注意してください。





任意のフォルダを設定することができます。 設定ファイルはapp.js.であります



ページとテキストは便利なコレクションに整理docpad。 コレクションの操作方法は、 src/documents/posts.html.eco



ます。



新しいブログ投稿を追加するには、src / documents / postsフォルダに新しいファイルを作成するだけです。 ファイルの拡張子に応じて、異なる方法で処理されます。 .html-htmlファイルの場合、.md-マークダウンマークアップの場合。 他の形式がサポートされています。 あなたが十分ではない場合 - あなたはあなたのプラグインを書くことができます。



個人的に、私は形式で書くことを好む値下げの 。 書きやすく、読みやすく、他の形式に簡単に変換でき、それを扱うためのツールがたくさんあります。



次に、src / documents / postsフォルダーに新しいファイルを追加し、アプリケーションをリロード/再起動して、新しいファイルが投稿リストにどのように表示されるかを確認します。



シンボルを有界あなたはファイルブロックの最初に気づいたかもしれません---



。 このドキュメントのメタデータ。 レイアウト - 通常、文書には、少なくとも1つのメタデータフィールドを持っています。 独自のカスタムフィールドを追加できます。このフィールドは、後でこのドキュメントを扱う場所で使用できます。 例：





コメント



私たちはあなたの実現のコメントを書きません。 すべてが私たちのためにずっと前に行われました。 あなたのサイトにコメントを追加できるようにするサービスのショートリスト：





3番目のオプションを選択したのは、ページ全体だけでなく、テキスト内の個々のフレーズにもコメントできるためです。 技術記事に非常に適しています。



次のようになります。



Hypercomentsウィジェット



シェアリング



たぶん、あなたは人々があなたのサイトについてお互いをお伝えしたいと思います。 コメントサービスよりも多くのサービスを使用して、共有ウィジェットを追加できます。 私が選んだhttp://addthis.comを 。 、シンプルで美しく、そして良い分析。



ウィジェットは次のようになります。



Addthisウィジェット



コラボレーション



あなたのウェブサイト上で、確かに誤りや不正確になります。 また、情報は時間とともに古くなります。 読者にテキスト内の何かを修正する機会を与えると非常に便利です。



幸いなことに、このための余分な何かをする必要はありません。 Githubのはあなたに、このタスクのための優れた機能を提供します。 githubのページにファイルへのリンクを付けるだけで、誰でもファイルへの変更を提案でき、それらを表示して承認または拒否できます。



これがプルリクエストメカニズムです。 あなたは、Webインターフェイスから直接それを使用することができます。



あなたは試すことができ、この記事への変更を提案します





私たちが今、私たちのサイト上で公開のための最小限の機能セットを持っているようです。 それは補完し、ニーズをシャープにすることができます。 頑張って


More articles:


All Articles