ブログの書き方など
October 10, 2021
ブログの書き方をだいぶ忘れている
とりあえず自分用にメモる。
いろいろとアップデート
npm update
npm audit fix
anyenv-updateをインストールした
anyenv update
nodenv install 16.10.0
nodenv global 16.10.0
npm install -g [email protected]
npm audit fix
するとエラーが出るようになった。gatsby v2からv3に変わっているのでmigrateing from v2 to v3を読む
npm i gatsby@latest
npm outdated
npm react@latest
みたいにして全部最新にするnpm audit fix
するとエラーは出なくなったがvulnerabilitiesがあるnpm audit fix --force
してみると少し減ったnpm i @graphql-tools/url-loader@latest
を実行(なんかメッセージが出てたので)npm outdated
をまた見るとまだあるのですべてlatestにnpm audit fix
するとエラーは出なくなったがvulnerabilitiesがあるよく分からないがまたurl-loaderが何か表示されてしまうのでここでやめとく(いいのか?)
ビルド
なんかビルドできなくなった。
gatsby build
が失敗するnode-rsa@latest -> packages.jsonからいったん消して
npm i
rm -fr .cache
gatsby build
で表示される足りないパッケージをインストールしていくminifiedのエラーが出るがとりあえず最後までは動いた
npm i node-rsa
assertとcryptoとconstantsをnpm iでインストール(node-rsaで必要っぽい)
crypto-browserify をインストール
- gatsby-node.js
minifiedのエラーが出るがとりあえず最後までは動いた
exports.onCreateWebpackConfig = ({ actions }) => {
actions.setWebpackConfig({
resolve: {
fallback: {
crypto: require.resolve('crypto-browserify'),
stream: require.resolve('stream-browserify'),
},
},
})
}
- minifiedのエラーはデバッグでコメントアウトしているところを戻したら出なくなった
- 動かすとBuffer is not definedのエラーが出る
- browserifyが必要?
- よく分からないのでnode-rsaを使っているところを無効にすると動いた
今後のビルド
npx gatsby develop
でデバッグnpx gatsby build
でビルドcd public; npx serve
で動作確認
公開
ipfs add public -r
ipfs cid base32 Q...
でbafy...
形式に変換- Brave browserで ipfs://bafy.../ を開いて動作確認
ipfs key list -l
で鍵一覧を確認ipfs name publish --key=blogdraft Q...
- Brave browserで ipns://k5...../ を開いて動作確認
- Browserで
https://ba......ipfs.dweb.link/
を開いて動作確認 - Browserで
https://k5......ipns.dweb.link/
を開いて動作確認
過去にSpotlightで書いた記事で上げたページ
特定のMonacardをIPFSで見れるようにしたサンプルページのリンクメモ。