facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(全文検索API)
 
(同じ利用者による、間の84版が非表示)
行1: 行1:
==vuepressとは==
+
[[javascript/vue/vuepress/基本]]
Markdownのドキュメントジェネレーター
+
  
==サイトデザインなど変更==
+
[[javascript/vue/vuepress/全文検索API]]
設定ファイル
+
.vuepress/config.js
+
  
==カスタム変数用意==
+
[[javascript/vue/vuepress/sitemap]]
.vuepress/scripts/string.js
+
<pre>
+
const string = {
+
    example: {
+
        mail: "hoge@example.com"
+
    }
+
}
+
export default {
+
    computed: {
+
        $string () {
+
            return string
+
        }
+
    }
+
}
+
</pre>
+
.vuepress/enhanceApp.js
+
<pre>
+
import strings from "./scripts/string"
+
export default ({
+
      Vue,
+
      options,
+
      router,
+
      siteData
+
}) => {
+
      Vue.mixin(strings);
+
}
+
</pre>
+
  
 +
[[javascript/vue/vuepress/firebase公開]]
  
example1.md
+
[[javascript/vue/vuepress/GoogleAnalytics]]
<pre>
+
ver:{{$string.example.mail}}'
+
</pre>
+
  
==全文検索API==
+
[[javascript/vue/vuepress/引越し]]
Algoliaが使える。
+
 
+
algoliaとはSaaSの全文検索エンジンサービスで広告を表示すれば無料で使える。
+
 
+
Algolia DocSearch申請
+
https://community.algolia.com/docsearch/#join-docsearch-program
+
こんな感じの結果が1日で来る
+
apiKey: 'bb637hogehogegehohogehogegehohogehogegehoge',
+
indexName: 'gehogehoge',
+
https://github.com/algolia/docsearch-configs/blob/master/configs/hogehoge.json
+
 
+
 
+
参考:https://kitigai.hatenablog.com/entry/2019/04/04/133432
+
 
+
===やり方===
+
.vuepress/config.js
+
<pre>
+
module.exports = {
+
  themeConfig: {
+
    algolia: {
+
      apiKey: '<API_KEY>',
+
      indexName: '<INDEX_NAME>'
+
    }
+
  }
+
}
+
</pre>
+
#既にmodule.exports/themeConfig構成がある場合は、そこに混ぜないと、上書きしてしまうので注意。
+
#しばらくすると検索に全文検索結果が出てくるはず。
+
 
+
==参考==
+
https://qiita.com/dojineko/items/aae7e6d13479e08d49fd
+

2021年4月8日 (木) 18:13時点における最新版

javascript/vue/vuepress/基本

javascript/vue/vuepress/全文検索API

javascript/vue/vuepress/sitemap

javascript/vue/vuepress/firebase公開

javascript/vue/vuepress/GoogleAnalytics

javascript/vue/vuepress/引越し