An open API service indexing awesome lists of open source software.

https://github.com/openframeworks/ofsite

openFrameworks web site
https://github.com/openframeworks/ofsite

Last synced: 29 days ago
JSON representation

openFrameworks web site

Awesome Lists containing this project

README

        

# openFrameworksサイト

このリポジトリは、[openFrameworks](http://openFrameworks.cc/)のWebサイトのコンテンツと、サイトを生成するコードを保持しています。

## 貢献

Webページやドキュメントの修正に協力するには、このリポジトリをforkして、githubのシステムから直接送信してください。

ほとんどのコンテンツは、 `content` フォルダ内にMarkdown形式で入っています。

第1階層にある `tutorials` フォルダは、tutorialsカテゴリーを代表しています。tutorialsフォルダ内には`.markdown`という拡張子のMarkdownファイルが中に入っていて、それぞれのファイルと同じ名前のフォルダに画像などのリソースが格納されています。チュートリアルの最終的なHTMLファイルは、リソースと同じ階層に生成されます。ですので、リンクにはフォルダなどの相対パスは必要ありません。例えば以下のようになります。

```md
![img](image.png)
```

`documentation`フォルダは、oF APIのリファレンスがMarkdown形式で格納されています。これらのドキュメントは、コードから自動生成されます。しかし、それぞれのクラスの`description` フィールドの関数や変数の記述に関しては、Markdownファイルを直接編集することができます。

## サイトをセットアップしてローカル環境に構築する

このサイトは、[nikola](https://getnikola.com)を使用しています。先頭の階層に、nikolaを簡単にインストールして使用することが可能ないくつかのスクリプトが用意してあります。

- ./install.sh は、nikolaをインストールして必要な依存関係を構築します。現状ではLinuxとOS Xでしかテストしていません。OS Xでこれらのスクリプトを使用するには、まず初めに下記のパッケージをインストールする必要があります。

```bash
brew install python3
sudo easy_install pip
brew linkapps python3
```

そして、下記の内容を、.bashrc 、もしくは .zhsrc ファイルに書き加えます。

`export XML_CATALOG_FILES="/usr/local/etc/xml/catalog"`

- ./auto_build.sh はnikolaを起動して、毎回更新したファイルのみをwebにビルドします。もしOS Xを利用していて、 `FileNotFoundError: [Errno 2] No such file or directory: 'asciidoctor'` というエラーになった場合は、asciidoctorをインストールする必要があります。[ここ](http://asciidoctor.org/docs/install-asciidoctor-macosx/)の解説を参考にしてください。インストール後、スクリプトを再度実行します。

- ./serve.sh は、サイトを表示するためのローカルにwebサーバーを起動し、ブラウザで表示します。

もし翻訳のような大量の更新を予定しているなら、最後の2つのスクリプトを起動したままにしてコンテントを編集します。サイトは自動的にリフレッシュされるでしょう。

## ドキュメントスタイルのMarkdown

サイトのドキュメントパートは、wiki-styleの文法のMarkdownで記述されます。詳しくは [Daringfireball](http://daringfireball.net/projects/markdown/) を参照してください。

文法を確認する簡単な方法は、既にサイトにあるページを参照することです。ただし、いくつかのTipsがあります。

コードスニペットを挿入するには、以下のように ".cpp" の記述を明示します。

```cpp
for(int i = 0; i < 16; i++) {
ofLog() << i;
}
```

画像は通常のMarkdownのフォーマットを使用します。

![Image Title](filename.png "alt text")

どのようにドキュメンテイションに貢献するかのより詳細な説明は、 [Contributing to the Documentation ](http://www.openframeworks.cc/tutorials/developers/003_contributing_to_the_documentation.html)のチュートリアルを参照してください。