• Home
  • SetUp楽しい♫_だいたい1日目

SetUp楽しい♫_だいたい1日目

thumbnail


初日(06/15)は本家からのアップデートがあったので

せっせとcherry-pickして

yarn devで動作確認をしたあと

VercelにDeployしました。




今日(06/17)はゆっくり…まったり…

ちょっとうまくいかないブログの修理の気分転換で

Awesomeの続きをすることにしました!!!!!


気づいたら3H…..w



このブログはそのままの状態で使いたいな〜って思うので

簡単に変更できる範囲でAwesomeと戯れることにしました。



\blog.config.tsから好きな色やブログタイトルを設定/

https://mosya.dev/blog/awesome#ブログの細かい設定





1つ変更するといろんなところが反映されて

いい感じに整った状態になるので

とっても心地よかったです♫



なかでも驚いたのは、

ブログのheaderやfooterにあるブログタイトルの画像。


SVGファイルだったので

いつものようにPNGを変換するのかと思いきや….

<svg xmlns="http://www.w3.org/2000/svg" width="201" height="39" viewBox="0 0 201 39">
  <text id="AWESOME." transform="translate(0 31)" fill="#2c2c2c" font-size="30" font-family="Futura-Bold, Futura" font-weight="700" letter-spacing="0.1em"><tspan x="0" y="0">AWESOME.</tspan></text>
</svg>


コードを修正すれば作れちゃう!!!



font-familyでかわいいフォントを設定しようかなって思ったけど

うまく反映されなくって断念。



もうちょっと勉強が必要そうです。。。。



mosyaのレッスンであるかな〜〜〜(^o^)???