morethan-logをVercelに構築する

keywords

morethan-log,log,morethan,more,than,varsel,vercel,ばーせる,バーセル,deploy,Deploy,でぷろい,デプロイ

date

Mar 19, 2023

slug

morethanlog-vercel

author

status

Public

前提

vercelのアカウントを持っていること(ない場合は作ってね

githubのアカウントを持ってること(ない場合は作ってね

notionのアカウントを持っていること(ない場合は作ってね

これを押してCreate forkを押す

終わったら自分のforkしたリポジトリに飛ばされるので site.config.js をクリックして鉛筆ボタンを押す

押すと編集できるようになるので編集するべきとこを編集する

profile: の中とblog:は目を通して編集するのを推奨

blogの中のlinkは確実に変えること

変えたら Commit changes を押してもう一回出てくるからもう一回押しておしまい

終わったらここのnotionのやつを複製する

複製の仕方は複製ボタンを押す

複製出来たら共有を押して Webで公開を押してウェブ公開リンク用コピーを押す。

https://<なんかしら>.notion.site/<ここを使う>?v=<なんか文字列>

上のようなURLができるのでここを使うになっているところをコピーして使ってください

例えば僕の場合は

https://mattyatea.notion.site/a93907fcad6f43a3bbabcb6aaf7b78a7?v=368cd6bee5bb46e5aa85107a80730e5d

このリンクの a93907fcad6f43a3bbabcb6aaf7b78a7 の部分を使うよってことかも

vercelを開いて

Add Newを押してProjectを押す。

そうすると Import Git repository が出てくるから Continue with Github を押して画面にしたがってログインする

Repositoryはすべて許可が一番楽だからそれにするのをおすすめしているかも

連携出来たらリポジトリが出てくるので morethan-log の横にある Import を押す。

projectname.vercel.appみたいになるので projectnameは変えることを推奨。

あと Environment Variables に

EXAMPLE_NAMEのところに NOTION_PAGE_ID と入力して英数字の羅列が入ってるほうにさっきメモしたやつをコピペしてAddを押してから Deploy をぽち

終わるのに2分くらいかかるので気長に待つ

終わったら　DOMAINS　にURLがあるのでそれ見るとあら不思議、たぶん初期の記事がたくさんあると思います

Q. faviconとかアイコンとか変えられないんですか？

A.変えられます。詳しい方法は

githubに行きます。

自分のmorethan-logを開きます。

publicにある

favicon.ico と apple-touch-icon.png を上書きすればfaviconなどが変えられます。

自分のアイコンはこのpublicの中に画像ファイルをあげたあとに一戸戻って site.config.js のなかの image のところを /上げた画像のファイル名みたいにすれば変わるはずです。

以上です。