簡単ホームページ作成① Mobirise

Webサイトビルダー Mobirise と GitHub Pages を使って、一切コーディングをしないでホームページを作成していきます。

Mobirise をインストールしてホームページを作成する

1. 以下のURLからMobiriseをダウンロードする
 https://mobirise.com/ja/
f:id:hatehate_masaki:20190220001733p:plain:w300

2. 実行ファイル(MobiriseSetup.exe)をダブルクリックしてインストールする

3. デスクトップのショートカットアイコンから起動して、任意のアカウントでログインする
f:id:hatehate_masaki:20190218234632p:plain:w300

4. Create New Site から新しいサイトを作る
f:id:hatehate_masaki:20190218235124p:plain:w310

5. 任意のテーマを選択する
f:id:hatehate_masaki:20190218235643p:plain:w350

6. +ボタンで任意の部品をドラック&ドロップしてHPを作成する
f:id:hatehate_masaki:20190219000217p:plain:w350
f:id:hatehate_masaki:20190219000752p:plain:w350

7. Git Hub Pages にプッシュしてHPを公開する
※Git Hub のアカウントは事前に作成しておくこと
※Git Hub の Two factor authentication は無効にしておくこと
※folderは任意でOK. ここで指定したfolder名がリポジトリ名になります
f:id:hatehate_masaki:20190219001250p:plain:w350

8. 公開したHPにアクセスする
https://[account].github.io/[folder]/


以上で簡単にホームページを作成&公開することが出来ました。
試しに作った友人のHPを載せておきます↓ Mobiriseを使えば30分程度で出来ます。
haru-aroma.site



次回は、カスタムドメインを設定する方法や、SEO対策について書いていきます。
宜しくお願いします。