Part1というエントリを発見。業務で人に使わせる予定があり、軽量で簡単なCMSを探していたので私も触ってみた。個人的にはHugoが一番楽なんだけど、Markdownが書けないとか、コマンドなにそれ無理みたいな人達が触れるようなもので且つ、WordPressのよう重たくないものが理想。最近試したのは結構古めのFlatPressあたり。あとでこの記事をそのまま見せて使ってもらえるように最初からメモしておく。node.js公式より2019年4月29日現在の推奨版10.15.3LTSをダウンロード。@vapid/cliグローバルにインストールしていることに注意。vapid以下のように出力されれば成功。vapidこちらも以下の出力があれば成功。quit動作確認http://localhost:3000へアクセスすることで初期画面が表示される。サイトの編集ログインユーザーの作成まずダッシュボードにログインするためのユーザーを作成する。このとき、アカウントはVapidのものではなくローカルdevサーバー用のログインユーザーなので注意。hosting側で触るときはVapidアカウントを使うから混同しやすい?かも。何ならこのユーザー何しに必要なのかわからない。ダッシュボードはこんな感じ右上のViewから表示を確認できる。フォームに入力しSaveすると自動リロードしてくれる。Greetingに適当な文字を入れてSaveするとページタイトル部分が変更されているはず。index.htmlを直接編集するvapid\www\index.htmlを開いて編集。HTMLを編集するというよりは、ダッシュボードをカスタマイズするというイメージの方がわかりやすい。カスタム用のテンプレートタグをHTMLに埋め込むと、ダッシュボード内のフォームも自動で生成される。label="form_name"}}これがVapidのテンプレートタグフォーマットでパラメーターを渡すこともできる。このフォーム名は{{form_name}}のように省略が可能。このようにスペース区切りでプロパティも続けて書ける。フォーム名、ハイフン-は使えずアンダーバー_はダッシュボード上でスペースとして認識される。コンテンツタイプの指定、いっぱいあるから略。公式ドキュメントを参照してほしい。これらのタグを埋め込み、ダッシュボード上から動的に変更が可能なサイトを構築できるのがVapidということみたい。このタグは埋め込むとダッシュボード上がごちゃごちゃになってしまうので、セクションとして区切ることができる。その場合は以下のようにセクションタグで囲むだけでOK。--></head>CMS機能を持たせる繰り返しフィールドタグサンプル繰り返しフィールドタグを埋め込んでおけば簡易ブログとして機能させることもできる。この場合は単にページ内に追記する形折り畳み項目を追加できる。リストやテーブルで使うと便利かもしれない。{{/section}}</section>また、別ページにリンクさせたい場合は{{_permalink}}を使う。このサンプルではnewsというラベルを付けているので、www\_news.htmlにファイルを置いておくと参照させることができる。_news.htmlをページテンプレートとして置いておけば、ダッシュボードから入力した記事を動的に吐き出してくれる。</body></html>まとめ簡単にサイトを作れて更新も楽。sassにも対応してたりその辺は公式ドキュメントを読むと全部書いてあるんだけど、ホスティング先を選べずVapidの有料ユーザーにならないと使えないのが難点。Vapidでできることは他のツールなりフレームワークでできることが多いから、手軽にホスティング+柔軟性のあるCMSを使いたいって場合は使ってみるといいかもしれない。雑記ブログ環境をPubliiからWordPressに変更したただの備忘録でほぼ更新していないし、公開している意味もちょっとわからないこのブログですが、CMSをPubliiからWordPressに変更してみました。Fieldsを使用して値がない場合にフィールドを非表示にする方法を書きました。EditorプラグインがWordPressの自動整形機能と相性が悪った話を書きました。a.c.push(e.PWM),a.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",r:0}),a},e.CLCM=e.C("タイトルとURLをコピーしました。