前提

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

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

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

構築

githubでmorethan-logをforkする

これを押して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 のところを /上げた画像のファイル名 みたいにすれば変わるはずです。

以上です。