# VuePressメモ. 04. カスタマイズ. 拡張機能

# Markdown-it の拡張機能を読み込む

https://v1.vuepress.vuejs.org/config/#markdown-config (opens new window)

  • やりたいこと
    • 列の結合に対応したい
    • 箇条書き - [ ] をチェックボックスにしたい
yarn add -D markdown-it-multimd-table
yarn add -D markdown-it-task-lists

config.js

  markdown: {
    plugins: {
      'multimd-table': {
        rowspan:    true,
      },
      'task-lists': {
      },
    }
  },
  • その他の工夫
    • チェックボックスの左の箇条書きのポチを消す
    • | ^^| (VSCode用) → | ^^^| に変換する (シェルスクリプトでやった)
    • || (VSCode用) → || に変換する (シェルスクリプトでやった)

index.styl

.contains-task-list {
  padding-left: 0;
  list-style: none;
  ul {
    padding-left: 1.2em;
  }
}

# Google Analytics プラグイン

  • G-XXXX 系がだめという話もあったので UA-XXXX で作成し直してみたが変わらず
  • babel スタイル ['key', {}] でなく Object スタイル key: {} にしても変わらず

とか色々試したが、結局、
一番下の方に plugins: [] が定義してあったので上書きされていただけなのだった。
寝たらいいと思う。

yarn add -D @vuepress/plugin-google-analytics

config.js

module.exports = {
  plugins: [
    [
      '@vuepress/google-analytics',
      {
        'ga': '' // UA-00000000-0
      }
    ]
  ]
}

[ 📩 ご意見 ]