|
|
| (同じ利用者による、間の80版が非表示) |
| 行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が使える。https://www.algolia.com/users/sign_in
| + | |
| − | | + | |
| − | algoliaとはSaaSの全文検索エンジンサービスで広告を表示すれば無料で使える。
| + | |
| − | 無料で24時間毎にクロールしてくれる。
| + | |
| − | | + | |
| − | 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構成がある場合は、そこに混ぜないと、上書きしてしまうので注意。
| + | |
| − | #しばらくすると検索に全文検索結果が出てくるはず。
| + | |
| − | | + | |
| − | ===検索結果件数===
| + | |
| − | algolia: {
| + | |
| − | apiKey: '<API_KEY>',
| + | |
| − | appId: '<API_ID>',
| + | |
| − | indexName: '<INDEX_NAME>'
| + | |
| − | algoliaOptions: {
| + | |
| − | hitsPerPage: 10,
| + | |
| − | },
| + | |
| − | }
| + | |
| − | hitsPerPageを10にすると10件に増える。(デフォは5件)
| + | |
| − | | + | |
| − | 参考：https://stackoverflow.com/questions/52019383/vuepress-algolia-increase-results
| + | |
| − | | + | |
| − | ==参考==
| + | |
| − | 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/引越し
