facebook twitter hatena line email

「Javascript/vue/vuepress」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(カスタム変数用意)
(カスタム変数用意)
行38: 行38:
 
example1.md
 
example1.md
 
<pre>
 
<pre>
ver:{{$string.example.,mail}}'
+
ver:{{$string.example.mail}}'
 
</pre>
 
</pre>
  
 
==参考==
 
==参考==
 
https://qiita.com/dojineko/items/aae7e6d13479e08d49fd
 
https://qiita.com/dojineko/items/aae7e6d13479e08d49fd

2019年5月24日 (金) 11:03時点における版

vuepressとは

Markdownのドキュメントジェネレーター

サイトデザインなど変更

設定ファイル

.vuepress/config.js

カスタム変数用意

.vuepress/scripts/string.js

const string = {
    example: {
        mail: "hoge@example.com"
    }
}
export default {
    computed: {
        $string () {
            return string
        }
    }
}

.vuepress/enhanceApp.js

import strings from "./scripts/string"
export default ({
      Vue,
      options,
      router,
      siteData
}) => {
      Vue.mixin(strings);
}


example1.md

ver:{{$string.example.mail}}'

参考

https://qiita.com/dojineko/items/aae7e6d13479e08d49fd