blog 2.0

?ブログ-2.0

Nuxt.js で構築された Irfan Maulana による個人ブログ

5 月の最新ブログ-3.0 を参照してください。

ライブ

https://mazipan-blog.netlify.com/

ロゴ

この vectr.com リンクの生ファイル

スクリーンショット

ホームページ	投稿の詳細

特徴

• サポートAMP
• PWAをサポート
• 英語とインドネシア語の投稿をサポート
• RSS フィードと Sitemap.xml を生成する
• 公開前に下書きとして保存
• 各投稿のカテゴリの追加をサポート
• スポンサー付き投稿のサポート
• VueTinyLazyloadImg を使用した投稿ページの画像の遅延読み込み
• NetlifyFormを使用した購読者用フォーム
• Firebase リアルタイム DB を使用したいいねとページビュー
• Prism.js を使用した構文の強調表示

Firebaseのセットアップ

Firebase Real Time Database を使用しているため、このプロジェクトをローカルで実行する前に.envファイルを作成する必要があります。

FIREBASE_API_KEY= your firebase ` apiKey ` config
FIREBASE_AUTH_DOMAIN= your firebase ` authDomain ` config
FIREBASE_DATABASE_URL= your firebase ` databaseURL ` config
FIREBASE_PROJECT_ID= your firebase ` projectId ` config
FIREBASE_STORAGE_BUCKET= your firebase ` storageBucket ` config
FIREBASE_MESSAGING_SENDER_ID= your firebase ` messagingSenderId ` config

Firebase Database に独自の名前で DB を作成し、このプロジェクト内のファイルfirebase-db-export.jsonからインポートします。

ビルドセットアップ

 # install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# generate static project
$ yarn generate

動作の詳細については、Nuxt.js ドキュメントを参照してください。

素晴らしいリポをありがとう

• ドラキュラのテーマ
• マリナアイサ
• 過剰反応.io

---

著作権 © 2019 イルファン・マウラナ