Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Link の見た目をなんとかしたい #46

Open
chaspy opened this issue Feb 3, 2021 · 6 comments
Open

Link の見た目をなんとかしたい #46

chaspy opened this issue Feb 3, 2021 · 6 comments

Comments

@chaspy
Copy link
Contributor

chaspy commented Feb 3, 2021

https://womeneng.jp/links/
Web Design スキルが 2 しかないので何がどうダメでどうすればいいかまったく言語化できないのだけれど、見にくくないですか、、、?
テーブルにすれば良かったりするのだろうか。name, job title, link という感じに。

それとは別に例えば数がもっと、50 とかになってきたら、Incremental Search で Job title で絞ったりとかできるようにしたいと思っている。(それは別 Issue で)

@aoi1
Copy link
Contributor

aoi1 commented Feb 4, 2021

テーブル良さそうですね。
あとおしゃれにするにはデフォルトのリンクの色(青)と踏んだことあるリンクの色(紫)を変えるとか。
https://try-m.co.jp/blog/web-create/6844/
こういう感じでアイキャッチ画像ならべたらかわいいかもと思ったのですが、hugo(html?)でアイキャッチ画像を出す方法は今調べている途中です。。

@aoi1
Copy link
Contributor

aoi1 commented Feb 4, 2021

https://blog.a-1.dev/post/2019-04-20-blog-card/
これかな!?

@chaspy
Copy link
Contributor Author

chaspy commented Feb 4, 2021

アイキャッチ並べるのやりたいすね。。。

なるほど。short code を貼っておいて、そこから netlify function 呼び出して、そこで ogp 情報とってきて parse してjson とってきてそれで heml 生成するって寸法かあ。
イケてる。

@aoi1
Copy link
Contributor

aoi1 commented Feb 4, 2021

他にも探してみたのですが、「Hugoサイト自身のアイキャッチ画像を作る」ばかり引っかかってきてググるの難しいですね!
簡単にできそうなのでこれで試してみるのありかも。

@chaspy chaspy mentioned this issue Feb 4, 2021
@chaspy
Copy link
Contributor Author

chaspy commented Feb 4, 2021

雑コピペプログラミングやってるけど、local でも remote でも netlify の function の動かし方がわからない。

@aoi1
Copy link
Contributor

aoi1 commented Feb 5, 2021

私も軽く試してみましたがまずビルドでエラーがでます🤔
nodejsなにもわからない・・・

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants