簡易CMSで無料ブログを公開、カスタム レイアウトを複数追加 #Vue #Vue-CLI #javascript

概要

事例的な内容となります。

CMSのアップデート内容で、
レイアウトを追加しました。

・デモサイトは、GithubPagesに設置して例になります。
・投稿データ等の、編集機能は前回と同じで。MD書式対応です

---

環境

Vue CLI
vue: 2.6.11
vue-router

---

前の関連のページ

前の CMS表示の内容

---

画面 Top

・type2, グリッドレイアウト風の
　投稿データ表示となります。

■ 参考の、デモのページ　

■ 参考のコード

---

・type3 , 少し明るめ

■ 参考の、デモのページ　、type3

■ 参考のコード , type3

---

・type4
初版と、似ていますが、サイドに。twitterタイムラインを埋込可能な形です。

■ 参考の、デモのページ　、type4

■ 参考のコード　、type4

---

■　補足

・初版レイアウトの、デモはこちら
https://kuc-arc-f.github.io/cms-sample

---