z_blog:2018:181201_nuxt_bulma_responsive

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- z_blog:2018:181201_nuxt_bulma_responsive [2018/12/02] – [Vuexストアを設定してトグルONとOFFをstoreに定義] adash333
+++ z_blog:2018:181201_nuxt_bulma_responsive [2018/12/02] (現在) – [ソースコード] adash333
@@ 行 283: / 行 283: @@
-===== リンク =====
+===== NuxtサイトをNetlifyにデプロイ =====
+公式サイトに書いてあった。
+https://ja.nuxtjs.org/faq/netlify-deployment/
+{{:z_blog:2018:pasted:20181202-151748.png}}
+Netlifyでの画面はこんな感じ。
+{{:z_blog:2018:pasted:20181202-151817.png}}
+デプロイ後のサイト
+https://stoic-wescoff-381f9f.netlify.com/
+===== ソースコード =====
+https://github.com/adash333/nuxt2-bulma-hamburger
+===== Navbar-brandをNavbar-blandとタイプミスしていた =====
+ハンバーガーメニューがずれていたので、何がおかしいのかずっと分からなかったが、Navbar-brandのタイプミスであった。
+VisualStudioCodeの拡張機能で、Bulmaのタイプミスを指摘してくれるものはないかな？？？
+components/Navbar.vue
+(変更前)
+{{:z_blog:2018:pasted:20181202-161903.png}}
+(変更後)
+{{:z_blog:2018:pasted:20181202-161950.png}}
+これでやっと写経できた。
 ===== Nuxt.jsでお勧めの本(2018年現在) =====

z_blog/2018/181201_nuxt_bulma_responsive.1543730394.txt.gz · 最終更新: 2018/12/02 by adash333