search
LoginSignup
28

More than 3 years have passed since last update.

posted at

updated at

Organization

Bitbucketで静的ウェブサイトを公開する

はじめに

知ってる人も多いと思いますが、Bitbucketで静的ページを公開することが可能です。
一つのアカウントで一つのサイトしか公開できないと思われがちですが、チームを作ればいくつでも公開可能です。(これは知らない人多そう!)
手順も簡単。やってみましょう。

※URLはSSL対応されてドメインは『~.io』となっています。
ググると『~.org』で作る記事が多くヒットしますが古い情報なので注意(非SSL時代)

手順

1. チームを作る

まずはチーム作成画面でチームを作りましょう。チーム名がサブドメインになります。
※DNS標準で受け入れられるものでなければなりません。大文字と特殊文字(アンダースコアなど)は使わないこと!

  • チーム名: hellosample

ダウンロード.png

2. リポジトリを作る

次にリポジトリを作ります。リポジトリ名は{チーム名}.bitbucket.ioとする必要があります。

  • プロジェクト名: hellosample(なんでもOK。ここではチーム名と同じにしました)
  • リポジトリ名: hellosample.bitbucket.io

ダウンロード (2).png

3. index.htmlを作ってみる

リポジトリが作成できたらindex.htmlを作ってみましょう。
cloneがめんどうなので Bitbucket上で『README の作成』を押してサクッと作ってみます。

ダウンロード (1).png

  • ファイル名: README.md→index.htmlに変更
  • 内容: hello sample!(なんでもOK。日本語の場合はタグしっかりかかないと文字化ける可能性あるのでビックリしないこと)

ダウンロード (3).png

4. アクセスしてみる

https://{チーム名}.bitbucket.io/にアクセスしてみましょう。ウェブサイトとして公開されているはずです。

あとはよしなに!

参考

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
28