GRIDSOME

Gridsomeのコード

<template>
  <p id="exscript">
    <ins class="banner"></ins>
  </p>
</template>
<script>
  export default {
    mounted() {
      let scriptEl = document.createElement('script')
      scriptEl.setAttribute('src', 'スクリプトのURL')
      document.getElementById('exscript').appendChild(scriptEl)
    }
  }
</script>

JAVASCRIPT Vue.jsのコンポーネントで外部scriptをロードする方法 Koji Kadoma

{
  "name": "hoge",
  "scripts": {
    "build": "gridsome build",
    "develop": "gridsome dev",
    "lint": "vue-cli-service lint",
    "deploy": "gridsome build && netlify deploy --dir=dist/ -p"
  }
}

JAVASCRIPT Gridsomeコマンドを短くして使う方法 Koji Kadoma

plugins: [
  {
    use: 'gridsome-plugin-matomo',
    options: {
      host: 'matomoのアドレス', // https:から書くこと
      siteId: サイトID
    }
  }
]

JAVASCRIPT Gridosomeに秒殺でmatomo analyticsを組み込む Koji Kadoma

export default function (Vue, { router, head, isClient }) {
  // 省略

  const gIndex = head.meta.findIndex(e => e.name === 'generator')
  if (gIndex !== -1) head.meta.splice(gIndex, 1)
}

JAVASCRIPT Gridosomeでジェネレータのmetaタグを削除する方法 Koji Kadoma

```
yarn add @gridsome/transformer-remark
```
JAVASCRIPT Gridosomeで「No transformer for 'text/markdown' is installed.」と出た時の対応 Koji Kadoma

Gridsomeのコード

Gridsomeに関するノート