vuepressプローブ
VuePressはVueで駆動される静的Webサイトジェネレータで、gitbookに似ていることを理解しています.ブログやドキュメントの説明をすることができます.
フォルダの作成
vuepressのインストール
初期化デフォルト構成 packageを構成する.json
新規フォルダ
最終ディレクトリは次のとおりです.
ページの設定
公式配置点はこちら
開始
文字化けし
私が起動したとき、中国語の文字化けしの問題が発生しました.私の住所には中国語が含まれているはずです.解決方法:右クリックで文字化けしたmarkdownファイルを開き、開き方は手帳で開き、名前を付けて保存しながらファイルフォーマットをutf-8に変更し、その後txt接尾辞を削除すればよい.
フォルダの作成
vuepressDemo
vuepressのインストール
npm install -g vuepress
初期化
npm init -y
{
"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接尾辞を削除すればよい.