簡易CMS 作成で無料ブログを公開する。 Vue CLI版 表示機能 / build公開　#Vue #Vue-CLI #javascript

■ 概要:

前の IndexedDB + Vue等の、抵コスト構成機能の関係となり
簡易的なCMSの作成となります。
Vue CLI , build ファイルで。
クラウド側にコピーすると、CMSが表示できます

・前回の表示機能と、同様になりますが
Vue CLIで、全面的に再作成し。
　詳細画面の、共有URLが取得できり。アップデートしております

・記事の編集機能の説明は、別の記事に記載しています

■ 全体の編集手順 ( インストールを除く )

・編集機能で、記事を編集し。エクスポート機能で
　jsonファイルを出力
・CMS表示ドメインに jsonファイルを、アップロードする。
パス : /cms.json

　上記で。編集内容が公開されます

■ 環境

Chrome 83
Vue.js
axios

■ デモのページ

　マガジン内の、デモ紹介ページで。URL記載しております
今回は、netlifyにデプロイした場合です

■ 画面

・詳細

・トップ

・MDの文字サンプル

■ 参考のファイル / VUe CLI の　build ファイルになります
・レイアウト修正方法は、別記事に記載予定です

kuc-arc-f/vue_spa3cms3_dist

■　レイアウト修正等、コード関連の記事を追加しました( Update : 2020/07/18 )