Test Site

# Hello VuePress

# 1. Node.js環境の用意

  • Amazon linux上にvuepress開発環境の準備
git、node.js、npmのインストール
$ sudo yum install git nodejs npm
$ npm --version
3.10.10
$ node --version
v6.17.1
n packageをグローバルにインストール、n packageでStableをインストール
※n package は複数バージョンの管理もできる
$ sudo npm install n -g
$ sudo n stable
最初に入れた古いnodejs、npmの削除
$ sudo yum remove npm nodejs
$ npm --version
8.11.0
$ node --version
v16.16.0

$ sudo su -
% npm install yarn -g
% exit

$ cd ~/
$ yarn create vuepress-site vptest
$ cd ~/vptest/docs
$ yarn install
$ yarn dev   ※
$ yarn build

※NSGで8080をmyIPに対して開けて、http://:8080でアクセス確認

# 2. Cloudflare側の設定

  • Cloudflare pages
    • VuePress
    • 連携先：Github
      • Build Cmd: vuepress build docs
      • Build Output Dir: /docs/.vuepress/dist