vuepressプローブ

3361 ワード

VuePressはVueで駆動される静的Webサイトジェネレータで、gitbookに似ていることを理解しています.ブログやドキュメントの説明をすることができます.
フォルダの作成vuepressDemo
vuepressのインストール
npm install -g vuepress

初期化
  • デフォルト構成
  • npm init -y
    
  • packageを構成する.json
  • {
      "scripts": {
        "dev": "vuepress dev docs",
        "build": "vuepress build docs"
      }
    }
    

    新規フォルダ
    最終ディレクトリは次のとおりです.
    vuepressDemo
    ├─── docs
    │   ├── README.md
    │   └── .vuepress
    │       ├── public
    │       └── config.js
    └── package.json
    
  • mkdir docs
  • cd docs
  • touch / echo "" > README.md
  • mkdir .vuepress
  • cd .vuepress
  • mkdir public
  • touch / echo "" > config.js

  • ページの設定config.jsに入ります
    module.exports = {
        title: '    ', 
        description: '  ',
        head: [
            ['link', { rel: 'icon', href: '/img/logo.ico' }],
            ['link', { rel: 'manifest', href: '/manifest.json' }],
        ]
    }
    

    公式配置点はこちら
    開始npm run dev
    文字化けし
    私が起動したとき、中国語の文字化けしの問題が発生しました.私の住所には中国語が含まれているはずです.解決方法:右クリックで文字化けしたmarkdownファイルを開き、開き方は手帳で開き、名前を付けて保存しながらファイルフォーマットをutf-8に変更し、その後txt接尾辞を削除すればよい.