七牛で個人ブログを作ります。

1775 ワード

後ろは見なくてもいいです。今のブログも七牛に置いています。http://tangzx.qiniudn.com/
GitHubでソースが見られます。https://github.com/district10/blog
効果を見る:http://gnat.qiniudn.com (Gistはすでに壁にかかっています。)
(ドメイン名は素晴らしいですよ~)
第一篇文章:[Pandoc Introduction][pandoc-ntro]
この文章のソースコードについて:
  • [MDソース(PandocからHTMLに変換して7牛に伝える)][md-src]
  • [ページレンダリングCSSソース][css-src]
  • 原理
    Part I.About七牛
  • 牛はドキュメントを保存できます。HTMLファイルを含むので、HTMLファイルを7牛の上に置いて共有できます。
  • 牛はあなた自身がBUCKを新設することを許可します。だから、私のBUCKの名前はgnatです。私のブログとしては、住所はhttp://gnat.qiniudn.com
  • です。
  • あなたのBUCKに一つの文書を入れると:index.html、(私の場合を例にして)http://gnat.qiniudn.comにアクセスすると、直接に事前に書いて七牛に伝えたhttp://gnat.qiniudn.com/index.htmlが開けられます。これがあなたのブログのトップページです。
  • です。
  • 7牛は静的なネットディスクなので、ずっとこのように修正するのは不便です。だからあなたのindex.htmlにMarkdown Gistを追加して内容を充填します。毎回Gistを変更すればホームページ
  • を更新できます。
  • は、七牛によって許可された追加コンテンツは、/を含むカスタムプレフィックスを含みうる。あなたのドキュメントはツリー構造ではないですが、ブラウザはツリー構造だと思っていますので、7つの牛のブログの中で相対的にリンクすることができます。例えば、1つの文書を書くのはPandoc-Intro.htmlといいます。7つの牛をアップロードしてプレフィックスposts/2014/をあげます。その実際の住所は(私の場合)になります。http://gnat.qiniudn.com/posts/2014/Pandoc-Intro.html あなたのホームページから相対パスposts/2014/Pandoc-Intro.htmlだけでこの文書に移動できます。
  • Part II.About Gist
  • 7牛をアップロードするウェブページのドキュメントにあなたのMarkdown Gistを入れて、Gistの中の内容を表示することができます。例えば、私のホームページの内容は一つの「Gnal main」「gist-me」
  • だけです。
  • ページではユーザー定義のCSS(ウェブページに自分のCSSアドレスを追加)も使えます。私も[Gist(CSS)][gist-me]を使いました。CSSリンクは、ページ上のRawのそれを使用しないでください。https://gist.githubusercontent.com/+ + /++/raw/+。 Markdown :
    +