Giter Site home page Giter Site logo

devhudi / gatsby-starter-hoodie Goto Github PK

View Code? Open in Web Editor NEW
184.0 6.0 17.0 21.99 MB

πŸš€ gatsby-starter-hoodie is a gatsby starter developed for developers to build tech blogs.

Home Page: https://gatsby-starter-hoodie.netlify.app

License: MIT License

JavaScript 100.00%
gatsby gatsby-site blog starter-template starter-templates gatsby-starter gatsby-theme gatsby-netlify gatsby-starter-hoodie

gatsby-starter-hoodie's Introduction

__        _                            _ _ 
\ \    __| | _____   __/\  /\_   _  __| (_)
 \ \  / _` |/ _ \ \ / / /_/ / | | |/ _` | |
 / / | (_| |  __/\ V / __  /| |_| | (_| | |
/_/   \__,_|\___| \_/\/ /_/  \__,_|\__,_|_|
                                           

gatsby-starter-hoodie's People

Contributors

changwoomon avatar devhudi avatar rxjw95 avatar sanvit avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

gatsby-starter-hoodie's Issues

μ½”λ“œ λΈ”λŸ­ 슀크둀 μŠ€νƒ€μΌ κ°œμ„ 

스크란샷 2021-07-25 α„‹α…©α„Œα…₯ᆫ 12 57 53
스크란샷 2021-07-25 α„‹α…©α„Œα…₯ᆫ 12 58 03

ν˜„μž¬ μ½”λ“œ λΈ”λŸ­μ— λ‚˜νƒ€λ‚˜λŠ” 슀크둀이 κΉ”λ”ν•˜μ§€ μ•ŠμŒ. κΉ”λ”ν•œ μŠ€νƒ€μΌλ‘œ λ³€κ²½ 및 Dark/Light λͺ¨λ“œμ— λŒ€μ‘ν•˜μ—¬ μŠ€νƒ€μΌμ΄ λ³€ν•˜κ²Œλ” κ°œμ„  ν•„μš”.

code line number

```python
μ½”λ“œμ½”λ“œ
μ½”λ“œμ½”λ“œ
μ½”λ“œμ½”λ“œ
```

μ“Έ λ•Œ line number 보이게 ν•΄μ£Όμ„Έμš”.

μ˜¬λ¦¬λŠ” μ½”λ“œκ°€ κΈΈμ–΄μ§ˆ λ•Œ line numberκ°€ μ—†μœΌλ‹ˆ μ’€ μ–΄μ§€λŸ¬μ›Œμ§€λ„€μš”...

Flatten Slug

contents/posts/foo/bar.md 와 같이 posts/ 디렉토리 ν•˜μœ„μ— 또 λ‹€λ₯Έ 디렉토리λ₯Ό 생성해 λ§ˆν¬λ‹€μš΄νŒŒμΌμ„ μƒμ„±ν•˜λ©΄, λΉŒλ“œλ˜λŠ” μ›ΉνŽ˜μ΄μ§€μ—μ„œ 포슀트의 μ£Όμ†Œλ„ {DOMAIN}/foo/bar 와 같이 μ—¬λŸ¬κ°œμ˜ 계측이 λ˜‘κ°™μ΄ 생김.

λ¬Έμ„œμ˜ μƒμœ„ 계측과 관계없이 slug 의 depth λ₯Ό μ—†μ•  λ§ˆν¬λ‹€μš΄ λ¬Έμ„œ 파일 μžμ²΄λŠ” μ—¬λŸ¬ 디렉토리에 κ³„μΈ΅λ³„λ‘œ μ €μž₯ν•  수 있되, λΈ”λ‘œκ·Έμ˜ URL 은 계측이 없도둝 λΉŒλ“œλ  ν•„μš”κ°€ 있음.

TOC 버그



  • μƒμœ„ ν•­λͺ©
    • ν•˜μœ„ ν•­λͺ©


  • ν•­λͺ©
  • ν•­λͺ©



    두 경우 λͺ¨λ‘ ν•­λͺ©μ΄ κ°€κΉŒμ΄ λΆ™μ–΄μžˆμ„ λ•Œ TOC에 ν΄λ¦­ν•˜λ©΄ μ˜¬λ°”λ₯Έ 곳으둜 가지긴 ν•˜λŠ”λ° 검은색 λΆˆμ€ κ·Έ μ•„λž˜ ν•­λͺ©μ΄ λ“€μ–΄μ˜΅λ‹ˆλ‹€ γ… γ…  κ³ μ³μ£Όμ„Έμš”

TOC μžλ™ 슀크둀

TOC의 ν™œμ„±ν™”λœ Title 이 슀크둀둜 가렀진 μƒνƒœλ©΄, μžλ™μœΌλ‘œ μŠ€ν¬λ‘€ν•˜μ—¬ ν•΄λ‹Ή Title 포컀싱

폴더λ₯Ό μ‹œλ¦¬μ¦ˆλ‘œ λ§Œλ“œλŠ” κΈ°λŠ₯

ν˜„μž¬ 제 /contents/posts/ ν΄λ”μž…λ‹ˆλ‹€.

μ‹¬μ‹¬ν’€μ΄λ‘œ ν‘ΈλŠ” λ°±μ€€ 풀이λ₯Ό 올리고 μžˆλŠ”λ°, κ·Έλ ‡κ²Œ μ˜¬λ €λ²„λ¦° 파일이 100κ°œκ°€ 훨씬 λ„˜λ„€μš”,,, μ € λ§Žμ€ 아이듀을 ν•œκΊΌλ²ˆμ— μ‹œλ¦¬μ¦ˆλ‘œ λ“±λ‘ν•˜λŠ” κΈ°λŠ₯이 있으면 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€. (+ /contents/posts/에 .md둜 계속 μ €λ ‡κ²Œ 글을 μ˜¬λ¦¬λ‹ˆ 폴더가 μ’€ μ–΄μ§€λŸ½λ„€μš”...)

Found bug at user's profile

Hi Hudi, I found a little issue with the user's profile on the main page after #6 .

My profile on the main page before #6 is as shown below.


However, it changed as below after applying number #6 .


As Kaggle's icon disappeared, the link from the main page profile to my Kaggle profile disappeared. I resolved this issue, and it's Pull Request #8 !

Please check and merge my Pull Request. Thanks 😊

GIF 지원

λ³Έλ¬Έμ—μ„œ GIF 지원이 ν•„μš”ν•¨

RSS 이슈

https://hudi.blog/rss.xml μ—μ„œ

This page contains the following errors:
error on line 22 at column 41: PCDATA invalid Char value 28
Below is a rendering of the page up to the first error.

이슈 λ°œμƒ

JavaScript to TypeScript Migration

μ•ˆλ…•ν•˜μ„Έμš”. λΈ”λ‘œκ·Έ κΈ€ 잘 λ΄€μŠ΅λ‹ˆλ‹€.

μ—¬λŸ¬ gatsby starter kit을 μ°Ύμ•„λ΄€λŠ”λ° @devHudi λ‹˜μ΄ λ§Œλ“œμ‹  이 λ ˆν¬κ°€ 제일 κΉ”λ”ν•˜κ³  ν•„μš”ν•œ κ²ƒλ§Œ λ“€μ–΄μžˆλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

쒋은 레포 λ§Œλ“€μ–΄ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€.

ν˜Ήμ‹œ Typescript μ‚¬μš©ν•  κ³„νšμ΄ μžˆλŠ”μ§€ κΆκΈˆν•©λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€.

Found bug about Markdown list(-)

Hi Hudi, I found a bug when I was writing.
Markdown written is as follows.



If you look at this in VS Code preview, it looks like the picture below and I wanted it to look like this.



But what's written on the actual blog is as shown in the picture below.



Is it because the tag is right under the line where the list('-') came out? It does not apply properly.

Can you fix it for me? If this isn't a bug, tell me how to write it correctly!

νƒœκ·Έ μ ‘κ·Όμ„± κ°œμ„ 

전체 νƒœκ·Έλ₯Ό νƒœκ·Έ νŽ˜μ΄μ§€μ— λ”°λ‘œ μ ‘κ·Όν•˜μ—¬ ν™•μΈν•΄μ•Όν•œλ‹€λŠ” 점이 접근성이 떨어짐. νƒœκ·Έ 메뉴와 νŽ˜μ΄μ§€λ₯Ό μ—†μ• κ³ , 메인 νŽ˜μ΄μ§€ μƒλ‹¨μ—μ„œ λͺ¨λ“  νƒœκ·Έλ₯Ό 확인할 수 μžˆλŠ” UI ꡬ상 및 적용 ν•„μš”.

(ΰ©­β€’Μ€α΄—β€’Μ€)ΰ©­πŸ”₯

μ €μ˜ νŠΈλ ˆμ΄λ“œ 마크 이λͺ¨μ§€μ˜ 눈 크기가 λ‹€λ¦…λ‹ˆλ‹€.

이λͺ¨μ§€λŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€. (ΰ©­β€’Μ€α΄—β€’Μ€)ΰ©­πŸ”₯

λΈ”λ‘œκ·Έμ—μ„œλŠ” μ•„λž˜μ²˜λŸΌ λ³΄μž…λ‹ˆλ‹€.

μžμ„Ένžˆ λ³΄μ‹œλ©΄ μ–‘μͺ½ 눈의 크기가 λ‹€λ¦…λ‹ˆλ‹€.

λ‹€λ₯Έ μ‚¬μ΄νŠΈμ—μ„œλŠ” μ•„λž˜μ²˜λŸΌ 눈의 크기가 λ™μΌν•˜κ²Œ λ‚˜μ˜΅λ‹ˆλ‹€.

GitHub

Kaggle

κ³ μ³μ£Όμ„Έμš” (ΰ©­β€’Μ€α΄—β€’Μ€)ΰ©­πŸ”₯

동일 λ‚ μ§œ ν•œμ • κΈ€ μˆœμ„œμ— 버그

μ•ˆλ…•ν•˜μ„Έμš”. λ™μΌν•œ λ‚ μ§œμ— ν•œν•΄ κΈ€ μˆœμ„œμ— 버그가 μžˆλŠ” 것을 λ°œκ²¬ν–ˆμŠ΅λ‹ˆλ‹€.

ν˜„μž¬ 제 λΈ”λ‘œκ·Έ λ§ˆμ§€λ§‰ post인 [λ°±μ€€] 20164_ν™€μˆ˜ 홀릭 ν˜Έμ„μ— λ“€μ–΄κ°€ λ³΄κ² μŠ΅λ‹ˆλ‹€.

메인 νŽ˜μ΄μ§€μ—μ„œ [λ°±μ€€] 20164_ν™€μˆ˜ 홀릭 ν˜Έμ„ 밑에 μ‘΄μž¬ν•˜λ˜ post인 [λ°±μ€€] 20207_달λ ₯이 Previous Post에 μžˆμ–΄μ•Ό ν•˜λ‚˜ μ‹€μ œλ‘œ λ‚˜μ˜€λŠ” 것은 [λ°±μ€€] 21608_상어 μ΄ˆλ“±ν•™κ΅μΈ 버그가 μžˆμŠ΅λ‹ˆλ‹€.

μ•„λ§ˆ λ™μΌν•œ λ‚ μ§œμ— ν•œν•΄μ„œλ§Œ 이 버그가 λ°œμƒν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

#5 issue has not been resolved.

Hi Hudi, I saw that you solved issue #5 I posted earlier. So I applied #6 , but I don't think it's solved yet!

It looks like the picture below, and it looks the same as before.


I use Windows 10 as OS, and Chrome browser.

Can you check it again?

OG Image κΈ°λŠ₯

SEO ν–₯상을 μœ„ν•΄ Og Image λ₯Ό μ„€μ •ν•  수 μžˆλŠ” κΈ°λŠ₯ μΆ”κ°€ ν•„μš”

Series κ°€ λ‹«ν˜€μžˆμ„ λ•Œ λͺ‡κ°œμ˜ κ²Œμ‹œκΈ€μ΄ 더 μ‘΄μž¬ν•˜λŠ”μ§€ μ•Œ 수 μ—†μŒ

image

μ‹œλ¦¬μ¦ˆλ₯Ό 펼치기 μ „ (+5) λ“±μ˜ ν‘œμ‹œλ‘œ λͺ‡κ°œμ˜ κ²Œμ‹œλ¬Όμ΄ 더 μžˆλŠ”μ§€ λ³΄μ—¬μ£ΌλŠ” UI ν•„μš”.
ν˜Ήμ€ μ‹œλ¦¬μ¦ˆ λΈ”λŸ­ 상단에 총 λͺ‡κ°œμ˜ κ²Œμ‹œλ¬Όμ΄ μ‘΄μž¬ν•˜λŠ”μ§€ λ³΄μ—¬μ£ΌλŠ” UI ν•„μš”.

μž”λ”” κΈ°λŠ₯ μΆ”κ°€

Github 의 Contribution Chart 처럼, λ‚ μ§œλ³„ μ–Έμ œ ν¬μŠ€νŒ… ν–ˆλŠ”μ§€ λ³Ό 수 μžˆλŠ” μž”λ”” κΈ°λŠ₯ μΆ”κ°€

Found bug at Post after #6

Hi Hudi, I found a new bug since I applied #6 .

After applying #6 , there is an unknown scrollbar in the article.

Can you fix it for me? Thanks 😁

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.