try catch and ...release
ページ
ホーム
Chromeアプリ開発Tips
公開アプリ
Ubuntu
Linuxコマンド
#!/bin/bash
ブロックチェーンと暗号通貨
2018年11月21日水曜日
Ghost: NodeJS で動く高パフォーマンスCMSをインストール
[Ghost](https://ghost.org) は NodeJS で書かれたモダンCMSです。 WordPress のオルタナティブですが、WordPress よりも管理画面がシンプルなのが特徴です。さらに処理速度についても WordPress よりもなんと 1,900% 速いそうです! 参照: [WordPress vs Ghost](https://ghost.org/vs/wordpress/) 今後のCMSとして Ghost を導入するメリットは多そうです。
# Ghost導入のメリット - WordPressよりも高パフォーマンス - NodeJSで動かせる - 管理画面がシンプル - 記事をマークダウンでも編集できる - `ghost-cli` を使うことで ghost のインストールから DB や nginx の設定までが全て一気通貫 # 推奨環境 - Ubuntu 16.04 or Ubuntu 18.04 - NGINX (minimum of 1.9.5 for SSL) - A supported version of Node.js - MySQL 5.5, 5.6, or 5.7 (not >= 8.0) - Systemd - 最低メモリ 1GB 以上のサーバ - 登録済みのドメイン名 # クライアントツール `ghost-cli` のインストール Ghost のインストールには `ghost-cli` というツールをインストールすると簡単です: ``` $ sudo npm install ghost-cli@latest -g ``` # Ghost 用ディレクトリの作成 ``` # ghost用ディレクトリを作成: $ sudo mkdir -p /var/www/ghost # 所有者を設定 ※
を書き換えてください: $ sudo chown
:
/var/www/ghost # パーミッションを設定: $ sudo chmod 775 /var/www/ghost # フォルダ内に移動します: $ cd /var/www/ghost ``` # Ghost のインストール `/var/www/ghost` に移動して以下を実行します: ``` $ ghost install ``` セットアップ中に[途中で色々聞かれます](https://docs.ghost.org/install/ubuntu/#install-questions)ので自分の環境に合わせて入力していきます。 最後までエラーが出なければインストール完了です。 #### Ghost のアンインストール インストールがうまく行かなかった時はもう一度削除してからやり直すのも一つの手です。以下のコマンドでghostを削除できます: ``` $ ghost uninstall ``` #### Ghost の再セットアップ 再びセットアップから開始することもできます: ``` $ ghost setup ``` # Ghost の起動 **開発モードで起動** ``` $ ghost run ``` **本番モードで起動** ``` $ ghost restart ``` 起動後は http://localhost:2368/ でアクセスできます。 # アカウントの作成 ghostを起動後、管理画面 (http://localhost:2368/ghost/) からアカウントを新規作成できます。 #### 初期ユーザの削除 初期状態では `ghost` というユーザが既に登録されているので、本番の前には必ず削除しておきましょう。 - ユーザの削除は管理画面から行えます。管理画面の `Team` というところから `ghost` ユーザを選択し、右上の歯車メニューの `Delete User` から削除できます - `ghost`ユーザを削除すると、そのユーザが書いた記事も一緒に削除されます # テーマのカスタマイズ(独自テーマの作り方) - デフォルトのテーマ `Casper` (`versions/
/content/themes/casper`) をコピーして新しいテーマを作成 - 主にカスタムするファイルは以下: - `package.json`: テーマの名前とか説明とか色々 - `default.hbs`: メインとなるテンプレートファイル。大抵の場合、全てのコンテキストメニューはこのファイルの中に読み込まれます。 - `post.hbs`: 記事ページのテンプレート。 - `index.hbs`: ホームページのテンプレート。 - テーマ作成後は `zip` ファイルとして固めて管理画面からアップロード **NOTE:** テーマはテンプレート言語 [handlebars](https://handlebarsjs.com/) で記述されています。 # TIPS ## コンテンツを多言語に対応させる方法 #### 1) `routes.yaml` を編集 `content/settings/routes.yaml` を以下のように編集します: `content/settings/routes.yaml` ```yaml routes: collections: /: permalink: /{slug}/ filter: 'tag:-ja' /ja/: permalink: /ja/{slug}/ filter: 'tag:ja' taxonomies: tag: /tag/{slug}/ author: /author/{slug}/ ``` **NOTE:** これにより `https://
/ja/*` にアクセスされた時に `ja` とタグが打たれた記事だけを表示できるようになります。言い換えると、日本語の記事には必ず `ja` というタグを打つ必要があるということです。 #### 2) テンプレートファイルの編集と新規作成 デフォルトのテーマ `Casper` (`versions/
/content/themes/casper`) をコピーして新しいテーマを作成し、中の`default.hbs`を以下のように編集します: `content/themes/
/default.hbs` ```html {{#if posts}} {{else}} {{#post}} {{#has tag="ja"}} {{else}} {{/has}} {{/post}} {{/if}} ... ``` さらに `index.hbs` をコピーして `ja.hbs` というファイルも作っておきます: ``` $ cd content/themes/
/ $ cp default.hbs ja.hbs ``` #### 4) 新しく作成したテーマプロジェクトを`zip`圧縮 ``` $ cd content/themes/ $ zip -r
.zip ``` #### 5) 新しいテーマをアップロード 新しく作ったテーマの zip ファイルを管理画面からアップロードし、 Ghost を `$ ghost restart` で再起動します。 再起動後は、管理画面から`ja`タグの付いた記事を投稿し、 `http://localhost:2368/ja/` から確認してみましょう。 参照: [Multi-language content - ghost.org](https://docs.ghost.org/tutorials/multi-language-content/) ## boostrap4を組み込む `default.hbs` あたりにインポートしてあげれば使えます: `default.hbs` ```html ... {{!-- Bootstrap css from CDN --}}
... {{!-- Bootstrap js from CDN --}} ... ``` ## テンプレートファイル内で script を使う方法 `contentFor` helper を使うことでテンプレート内で `script` を使うことが出来ます: ```html {{#contentFor "scripts"}} {{/contentFor}} ``` ## 起動時にsystemdエラーで落ちる場合の対処方法 ``` /var/www/ghost$ ghost setup systemd /var/www/ghost$ ghost start ``` **systemd で状況確認:** ``` ## 一覧 $ systemctl list-unit-files --type=service | grep ghost_localhost.service ## サービス有効化 $ systemctl enable ghost_localhost.service ## サービス無効化 $ systemctl disable ghost_localhost.service ``` ## テーマをデバッグしたい時 テンプレートファイル内で、その時に保持しているデータを調べたいときは `{{log this}}` を埋め込むと便利です。これを埋め込むとデータの内容がサーバサイドのコンソールにログ出力されます。 # 関連リンク - [ghost.org](https://ghost.org/)
0 件のコメント:
コメントを投稿
次の投稿
前の投稿
ホーム
登録:
コメントの投稿 (Atom)
0 件のコメント:
コメントを投稿