dgm cms

dgm cms

より優れた Markdown をサポートする静的 CMS

Telegram チャンネルに参加してニュースをご覧ください。

• 変更履歴

インストール

NPM をインストールする必要があります。

• npm installまたはnpm i
• npm run build-devまたはnpm run build-prod
• VS Codeから任意のlocalhostまたはライブサーバーを起動します

ビルドせずに使用する

これらのスクリプトを HTML ファイルの最後に配置します。

 < cms-app > </ cms-app >
< script src =" https://cdn.dergoogler.com/others/dgm-cms/bundles/cms.js " > </ script >
< script src =" https://cdn.dergoogler.com/others/dgm-cms/bundles/index.js " > </ script >

CMS を設定する

 < cms-app > </ cms-app >
< script src =" https://cdn.dergoogler.com/others/dgm-cms/bundles/cms.js?afterTitle= | Google - Support&platform=ios " > </ script >
< script src =" https://cdn.dergoogler.com/others/dgm-cms/bundles/index.js " > </ script >

ページ

コンポーネントを表示する

カスタムテーマの作り方は？

• https://onsen.io/theme-roller/?customize に移動します。
• テーマを作成してダウンロードする
• カスタム ファイルをheader.dgmに埋め込みます

 < StyleLoader src =" onsen-css-components.css " />

<Options/>を使用してページを作成する

ページの始まり

例として home.dgm を参照してください

 < Options
  title = "Jimmy" // Sets the website title
  description = "Auf dieser Seite findest du ein paar Infos über mich, sowie meinen Musik Geschmack!" // description for the website
  keywords = "dergoogler,DERGOOGLER,DerGoogler,der_googler,Der_Googler,DER_GOOGLER,JIMMY,jimmy,dergoogler.com,www.dergoogler.com" // keyword for the website
/>

---

エディタ

新しいエディターにより、テストと構築が簡単になります。

特徴

• 基本的な Markdown コードのハイライト表示
• DGM-CMS のすべてのカスタム コンポーネント
• ヘッダーおよびフッターエディター
• <StyleLoader />ヘッダーエディターでも機能します
• <font>と<center>最新のメソッドに取り組んでいます!
• VS-Codeベース

エディターはこちらからご覧ください！