markdown対応の簡易CMS 作成、無料ブログを公開する。 Vue.js 表示機能　#Vue.js #javascript

■ 概要:

前の IndexedDB + Vue等の、抵コスト構成機能の関係となり
簡易的なCMSの作成となります。

・今回の構成は、CMS 編集機能と、
　公開サイトを 別ドメインに設置した場合となります

・ブラウザ内 IndexedDBデータの エクスポート、インポート機能で
jsonファイル経由で、 別ＰＣや、外出先ＰＣのブラウザにインポートできます。

・編集機能の説明は、別の記事に記載予定です。

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

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

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

■ 環境

Chrome 83
Vue.js
axios

■ デモのページ
旧版の為、デモページは非公開としました。

■ 画面

・トップ

・詳細は、modal で表示しています

・MDの文字サンプル

■ 参考のコード

・旧版の為、この表示系機能は非公開としました。

■ 参考のページ

旧版の為、編集機能は非公開としました。