Movable Type.net

MovableType.net 活用ブログ

MovableType.net の新機能の使い方や、ウェブサイトの構築・運用に役立つTIPSを紹介しています。

GitHub連携でデザインを管理する

MovableType.netの機能として、GitHub連携があります。

この機能を利用してバージョン管理したテンプレートをスムーズにウェブサイトに反映することができます。

github.png

GitHub連携すると何がいいか?などについてはまた詳しく紹介していきますが、現在利用できる機能の使い方をご紹介します。

MovableType.netのGitHub連携では、テンプレートと静的ファイルの管理ができます。

まず、GitHub連携はウェブサイト上のデザイン>GitHub連携から設定します。

github1.png

GitHub連携設定のデザインの自動反映を「有効」にして保存します。

そうすると以下のようにGitHubに設定するための情報が表示されます。

github2.png

次に、GitHub上で作成したレポジトリのWebhooks & ServiceのWebhooksの「Add webhook」をクリックして先ほどの情報のPayload URLとSecret Tokenを入力して追加します。
github3.png
プライベートレポジトリの場合は、Deploy keysのところでDeploy Keyも追加してください。

これで設定は完了です。

MovableType.netの標準テーマであるSimpleCorporateをGitHubから実際に読み込めるものを用意しましたので、以下のファイルでテストを行うことができます。

後はレポジトリにコミット、プッシュすると以下のようにウェブサイトのアクティビティログに反映の情報が表示され、デザインテンプレートや静的ファイルが反映されます。

※現在上記テーマのインデックスページ(index.html)が読み込めない場合があります。その場合はインデックスページを一度削除してから再度プッシュをお試しください。

github4.png反映されたものはデザイン>テンプレート、静的ファイルはデザイン>ファイルマネージャから確認することができます。

また、MovableType.netは動的に生成されるのでページにも即座に反映されます。

GitHub連携機能はどんどんパワーアップしていきますのでご期待ください!

アカウント作成は無料! 同じアカウントでウェブサイトをいくつでも作成でき、作成したウェブサイト毎に14日間無料で利用可能です。

アカウント作成

Movable Type.net は無料トライアルが可能です。
Web制作者の方で、デモや評価利用をご希望の場合は、制作者向け評価ライセンスをご利用ください。

無料トライアル 資料ダウンロード 制作者向け評価ライセンス