Closed29

自サイト改修(favicon設定、ドメイン設定、OGP画像設定etc...)

まなさすまなさす

概要

  • 自サイトを5点改修するよ
    • faviconがnuxt.jsデフォ→自ロゴへ
    • v-htmlがXSSの可能性あるよ!のWARNをでないようにする
    • ドメイン変更する
      • [want]できれば元URLからのリダイレクトするようにする
    • リンクはった時にでるサイトの説明みたいなやつをちゃんとした説明になるようにする
    • OGP画像を設定する
    • サイト内のnoteのリンクをZennのリンクに変更する

補足

  • 自サイト
  • v-htmlに入る項目は入力ではなくて自分で設定した固定値なのでXSSが発動することはありえない状態ではある
    • けど、後学のためにきちんとした対処法をしておく
まなさすまなさす

チョットマエにアイコン作ってたので、この子をfaviconにするよ

まなさすまなさす

後ろの円とあざらし本体のラインが微妙な話はしたらだめなんだからね!!!!!!!!

まなさすまなさす

再度立ち上げ直したらでた!!!!!けど、ちょっとわかりづらすぎて一考の余地しかないネ……

まなさすまなさす

note全然動かしてないし、noteのリンクをZennのリンクに変更しようかな
逆にnote的なことはどんどんブログにかいて、あとインスタ2アカウント作って写真と絵投稿していきたいな〜〜〜

まなさすまなさす

なんか別にsanitize-htmlしなくてもv-html使わないだけでよかったらしい……そっか……オウ……。
https://eslint.vuejs.org/rules/no-v-html.html

そして多分これのWARNの直し方がわからなくて何ヶ月か前の変更が放置されてた。
最近やっとエラーの時にでてくるeslintは結構わかりやすく直し方かいてくれてるってことがわかったので、良い傾向ではある。もう放置しちゃだめだぞ(自分宛

まなさすまなさす

オン………Zennのロゴデータ、文字つきしか配布されてないのか……
https://zenn.dev/mediakit

今ロゴ横並べの状態だから、これにあわせたいんだけどなあ

まなさすまなさす

まあ文字つきでいっか!
っていうかそれよりもこのロゴの群れ、ホバーした時にポインタに変化しないじゃないの!!おこだよ!!!

まなさすまなさす

Zennに投稿してますっていうよりZennがスポンサーですみたいな感じになっちゃってなんかちょっと違う感じがするんだけど、まあTwitterと同列にあるから伝わると信じてみよう……なんか自分作ったサービスみたいな感じになっちゃうからSNSみたいなタイトルをちゃんとおくべきか……?

まなさすまなさす

ちょっとひかえめサイズになってもらったのとボケちゃうからpngじゃなくてaiからsvgにした。
blogのアイコンもなんかちょっと見辛いのでそのうち文字だけのやつにしようっと

まなさすまなさす

リンクはった時の説明みたいなやつはこっそり書き換えてみたので、ちょっと1回ビルドとデプロイとcommitとpushしようかな

まなさすまなさす

commit前の整理で<br>使いたくてv-html使ってたの気づいちゃったけど、使わなくても死なないから使わないに倒した

まなさすまなさす

ウン………?なんかbuild叩いてもbuildされてない……ような………なんでだ

まなさすまなさす

オウ そっかNuxt.jsはgenerateか!!!
通りでbuild通ってるのにdistの中身が更新されないわけだ

まなさすまなさす

わい!ちゃんとZennで表示されるし、アイコンはポインターになるし、faviconもついた!!!
https://manassandboxx.web.app/

まなさすまなさす

説明文もちゃんと良い感じになるけど、アイキャッチ画像みたいなのはどうやったら表示できるようになるんだろう
名前がわからんと検索しづらいな

まなさすまなさす

オウ…アザラシすごい勢いで見切れちゃうな……横長で真ん中にいるのがよさそうだから今度いい感じの画像を作ろう

まなさすまなさす

できればちゃんと新規ドメインが動くまで見守ってからcloseしたいけど、
こういうの一晩まてっていうし作業は終わったのでクローズしちゃう
オヤスミー

このスクラップは2021/02/23にクローズされました