UbuntuでDjango+Wagtail+PuputのCMSでBlogを作る件 備忘録

# PythonでCMS
最近pythonを使うことが多いのでpythonでCMS環境を構築してみようと思い立ち、やってみました。
紆余曲折の末に次の手順でやるとブログサイトを作り始めるまでに比較的早く辿りつけることがわかってきましたので備忘録としてまとめておきます。
選択としてもっとベターなものがあるかもしれませんが参考まで。

## サマリー
1.ConoHaでUbuntuサーバを借りる
2.Anacondaをインストール/python環境を作る
3.Djangoをインストール
4.Wagtailをインストール
5.Puputをインストール
6.Wagtailでサイトを作成
7.テストサーバの起動
8.ブラウザからアクセス

## 1.ConoHaでUbuntuサーバを借りる
- 今回はConoHaのUbuntuイメージを選択しました。
- ConohaのVPS Ubuntu 64 / 512 を使う
- クリーンな状態のlinuxサーバを手早く手に入れることが今回の目的です。
- <details><summary>調べたところでは。。。</summary><div>
- ConohaのDjangoアプリケーションイメージを最初は使おうとしていたが、入っているpythonも２系で、今後AIをやりたいということもあるのでこのVPSイメージを一旦諦めることにする。
- Linux単体のイメージを使用しpython環境から構築してみることに。
    - CentOSよりもUbubntuの方がPython/Djangoに対するフォローが早いようなので Ubuntuにする。
</div></details>

作業用にユーザを一つ作りました。

## 2.Anacondaをインストール/python環境を作る
ConohaのVPSを使うことにしたのでCUI環境でインストールしなければなりませんが、linuxの場合Anacondaのインストールはシェルスクリプトで行えるのでやってみました。

こちらのサイトを参考にさせていただきました。とてもわかりやすいと思います。
⇨ [Ubuntu で Anaconda のインストール]
(https://www.kunihikokaneko.com/dblab/linuxsoft/anaconda.html)

**Anacondaインストール後**
- python3.6の環境を作る

```
$ conda create --name py36 python=3.6.2 
$ conda activate py36
```
## 3.Djangoをインストール

```
$ conda install django
```
Djangoはインストールだけしてここでは素通りです。
## 4.Wagtailをインストール

[⇨ "Welcome to Wagtail’s documentation"](http://docs.wagtail.io/en/v1.13.1/index.html#)

```
$ pip install wagtail
```
ここまでで、CMS開発環境ができました。
WagtailがDjango上で使える状態になっているはずですが、先にWagtailで扱えるblogライブラリであるPuputをインストールしてしまいます。

## 5.Puputをインストール

[⇨ "Puput"](https://puput.readthedocs.io/en/latest/index.html)

```
pip install --upgrade pip
pip install wheel
pip install wagtail django-colorful django-el-pagination django-social-share
pip install --no-deps puput
```

## 6.Wagtailでサイトを作成／Puputの有効化

```
$ mkdir myProjects
$ cd myProjects
$ wagtail start mysite

$ cd mysite
$ pip install -r requirements.txt
```
django-adminを使っていませんが、``wagtail start mysite``だけで
``django-admin startproject mysite``と``python manage.py startapp home``が行われているように思えます。


**mysite/settings/base.pyのINSTALLED_APPSに以下を追加**

```
'wagtail.contrib.sitemaps',
'wagtail.contrib.routable_page',
'django_social_share',
'puput',
'colorful',
```

**同じく mysite/settings/base.py のどこかに以下を記述**

```
PUPUT_AS_PLUGIN = True
```

**urls.pyに以下を追加**

```
from puput import urls as puput_urls

...snip

url(r'',include(puput_urls)),    #この１行を追加
url(r'', include(wagtail_urls)), #この記述が元からあるのでその上に
```

**migrate**

```
$ python manage.py migrate
$ python manage.py createsuperuser
```

``python manage.py createsuperuser``でCMSの管理者のユーザを設定します。
ブラウザからアクセスした時にこのユーザ名でログインすることでサイトやブログの管理を行います。



## 7.テストサーバの起動
Djangoがローカルのマシンで動いているわけではないので、リモートでアクセス可能なように起動時にオプションをつけます。

```
$ python manage.py runserver xxx.xxx.xxx.xxx:pppp
```
xxx.xxx.xxx.xxx:pppp は今まさに使っているConoHaのVPSのアドレスと任意のポート番号です。
Djangoを直接使用する場合にはsettings.pyにALLOWED_HOSTS = ['xxx.xxx.xxx.xxx']を記述しておく必要がありますが、wagtailでは必要ありませんでした。
開発用なので本運用には不適当です。

## 8.ブラウザからアクセス
**ログイン**
上で、123.456.789.123:8080でサーバを起動したとしたら、
http://123.456.789.123:8080/admin/ で作成したサイトの管理画面に入れます。
ログインを促されるので、設定したユーザ名／パスワードでログインします。

**サイトの設定**
Defaultの状態では、サイトのアドレスがlocalhostの8000になっているので開発環境に合わせておきます。
左のパネルから Settings > Sites を選択しSITEとport番号をサーバを起動した時のxxx.xxx.xxx.xxx:ppppに合わせます。
![スクリーンショット 2019-02-11 17.37.11.png](https://qiita-image-store.s3.amazonaws.com/0/358557/2e7cfa8c-594d-30e3-5043-1919941bdeed.png)

**Blogページの作成**
本来Wagtailを導入しただけだと、CMSの環境にはなりますが空っぽの状態なので、実装して作り込んで行かなくてはなりません。
実装にはDjangoやWagtailの知識が必要になりますが、今回はPuputを入れて有効にしているので、最初からブログのページを作成することができました。
![スクリーンショット 2019-02-11 18.07.31.png](https://qiita-image-store.s3.amazonaws.com/0/358557/3f345b64-4708-c5db-b40f-5d2d506fa268.png)


**試しに作ってみたブログページ**
![スクリーンショット 2019-02-11 21.03.05.png](https://qiita-image-store.s3.amazonaws.com/0/358557/35f678fa-3ec4-20ae-d2e2-d69cdc6a8e7a.png)



以上備忘録でした。
ちなみにDjangoには詳しくないので。。。これを機会に勉強してみます。

---
**追記**
関連する記事を書きました。
[nginx+Django+CodeRedCMSを立てた件 備忘録](https://qiita.com/sekirei/items/6f7dfdaabecec984883a)

---
**参考にさせてもらったサイト／記事**
[PythonでCMS、どれ使えばいいの？ 〜Mezzanine vs django CMS vs Wagtail〜](https://qiita.com/jumpyoshim/items/5ec4ef7a5615b3c2e9ac)
[Djangoを最速でマスターする part1](https://qiita.com/gragragrao/items/373057783ba8856124f3)
[Ubuntu で Anaconda のインストール]
(https://www.kunihikokaneko.com/dblab/linuxsoft/anaconda.html)
[wagtail Your first Wagtail site を参考に、Blog を作る](https://www.monotalk.xyz/blog/wagtail-your-first-wagtail-site-%E3%82%92%E5%8F%82%E8%80%83%E3%81%ABblog-%E3%82%92%E4%BD%9C%E3%82%8B/)