๋งํฌ๋ค์ด ๋ฆฌ๋๋ ๋ธ๋ผ์ฐ์ ์์ ๋งํฌ๋ค์ด ๋ฌธ์๋ฅผ ํธ๋ฆฌํ๊ฒ ๋ฏธ๋ฆฌ ๋ณผ ์ ์๊ฒ ํด์ฃผ๋ ๊ฐ๋ ฅํ ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ์ ๋๋ค.
- ๋ฌธ์ ํ์:
file://,http://,https://ํ๋กํ ์ฝ๊ณผ.md,.mkd,.mdx,.markdownํ์ฅ์ ํ์ผ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์ง์:https://example.com/example.md(์จ๋ผ์ธ Markdown URL)file:///Users/my-project/readme.markdown(๋ก์ปฌ ๋งํฌ๋ค์ด ํ์ผ, *ํน์ ๊ถํ ํ์)
- ๊ตฌ๋ฌธ ํ๋ฌ๊ทธ์ธ: ์ด๋ชจ์ง, ์์ฒจ์/์๋์ฒจ์, ์ฒดํฌ๋ฐ์ค, ์์, ํ๋ฆ๋, ๊ฐํธ ์ฐจํธ, ๋ชฉ์ฐจ, ์ธ์์ , ์ฝ์ด, ์ฃผ์, ์๋ฆผ ๋ฑ์ ๊ธฐ๋ฅ ์ ๊ณต.
- ํ ๋ง: ๊ณ ํ์ง ๋ผ์ดํธ์ ๋คํฌ ํ ๋ง, ์ฝ๋ ๊ฐ์กฐ ๊ธฐ๋ฅ ์ง์.
- ์ค์๊ฐ ๋ฆฌ๋ก๋ฉ: ์ค์๊ฐ ๋ฌธ์ ๋ณ๊ฒฝ๊ณผ ๋ ๋์ ์ฝ๊ธฐ ๊ฒฝํ์ ์ํ ์ค์ ํ์ ๊ธฐ๋ฅ.
- ๋ฌธ์ ๊ตฌ์ฑ: ์ฌ์ด๋๋ฐ ๋๋ ํ ๋ฆฌ, ์๋ณธ ์ฝํ ์ธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ, ์ด๋ฏธ์ง ๋ฏธ๋์ด ์ง์ ๊ธฐ๋ฅ ํฌํจ.
- ๋จ์ถํค: ์น ํ์ฅ ํ๋ก๊ทธ๋จ ๋จ์ถํค๋ฅผ ํตํ ๋น ๋ฅธ ๊ธฐ๋ฅ ์คํ ์ง์.
๊ธฐ๋ณธ ํ ๋ง ํ์์ https://github.com/md-reader/theme ์ ์ ์ฅ๋๋ค.ํ ๋ง ์คํ์ผ์ ๋ณด๊ฑฐ๋ ์ฌ์ฉ์ ์ ์ํ ๊ฒฝ์ฐ,์ด ๋งํฌ์ ์ ๊ทผํ์ฌ css ํ์ผ์ ์กฐ์ ํ ์ ์๋ค.
Chrome์ ์:
-
md-reader์ ์ฅ์๋ฅผ ๋ณต์ ํ๊ณ ๋น๋ํ์ธ์:# ์ด ์ ์ฅ์๋ฅผ ๋ณต์ ํฉ๋๋ค git clone https://github.com/md-reader/md-reader.git && cd md-reader # ์์กด์ฑ์ ์ค์นํฉ๋๋ค pnpm install # ํ์ฅ ํ๋ก๊ทธ๋จ์ ๋น๋ํฉ๋๋ค pnpm build
-
๋น๋๊ฐ ์ฑ๊ณต์ ์ผ๋ก ์๋ฃ๋๋ฉด
md-reader/distํด๋์md-reader-xxx.zipํ์ฅ ํ๋ก๊ทธ๋จ ํจํค์ง๊ฐ ์์ฑ๋ฉ๋๋ค. -
Chrome์ ํ์ฅ ํ๋ก๊ทธ๋จ ๊ด๋ฆฌ ํ์ด์ง๋ก ์ด๋ํ์ฌ ํ์ฅ ํ๋ก๊ทธ๋จ์ ๋ธ๋ผ์ฐ์ ์ ๋๋๊ทธํ์ฌ ์ค์นํ์ธ์.
Chrome์ ์:
์ค์น ํ์๋ Chrome์์ ์จ๋ผ์ธ ๋งํฌ๋ค์ด ๋ฌธ์๋ฅผ ๋ฏธ๋ฆฌ ๋ณผ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ Chrome์ ๊ธฐ๋ณธ์ ์ผ๋ก ๋ก์ปฌ ๋งํฌ๋ค์ด ๋ฌธ์๋ฅผ ๋ฏธ๋ฆฌ ๋ณผ ์ ์์ผ๋ฉฐ Chrome ํ์ฅ ํ๋ก๊ทธ๋จ์ ๋ํ ํ์ผ ์ก์ธ์ค ๊ถํ์ ํ์ฑํํด์ผ ํฉ๋๋ค.
๋ณด์์์ ์ด์ ๋ก Chrome์ ๊ธฐ๋ณธ์ ์ผ๋ก ๋ก์ปฌ ํ์ผ์ ๋ํ ํ์ฅ ํ๋ก๊ทธ๋จ ์ก์ธ์ค๋ฅผ ๋นํ์ฑํํฉ๋๋ค. ๋ฐ๋ผ์ ํ๋ฌ๊ทธ์ธ์ ์ค์นํ ํ ๋ก์ปฌ ๋งํฌ๋ค์ด ํ์ผ์ ๋ฏธ๋ฆฌ ๋ณด๋ ค๋ฉด ๊ถํ์ ์๋์ผ๋ก ํ์ฑํํด์ผ ํฉ๋๋ค.
Chrome ํ์ฅ ํ๋ก๊ทธ๋จ ๊ด๋ฆฌ ํ์ด์ง์์ ์ค์นํ "Markdown Reader" ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ฐพ์ "์์ธ์ ๋ณด"๋ฅผ ํด๋ฆญํ๊ณ "ํ์ผ URL์ ๋ํ ์ก์ธ์ค ํ์ฉ" ์ต์ ์ ์ฐพ์ผ์ธ์. ์ธ๋ถ ์ ๋ณด ํ์ด์ง์์ ์ด๋ฅผ ํ์ฑ ์ํ๋ก ์ ํํ์ธ์ ("Markdown Reader"๋ ๋งํฌ๋ค์ด ํ์ผ์ ๋ํด ์ฝ๊ธฐ ๋ฐ ํ์ ์์ ๋ง ์ํํ๋ฉฐ ์ฌ์ฉ์ ํ์ผ ๋ฐ์ดํฐ๋ฅผ ์์ ํ๊ฑฐ๋ ์ ๋ก๋ํ์ง ์์์ ์์ฌํ์ ๋ ๋ฉ๋๋ค).
์ด์ ๋ชจ๋ ์์ ์ด ์๋ฃ๋์์ต๋๋ค~! ใพ(โยฐโยฐโ)๏พ
์ด ์จ๋ผ์ธ ๋ฌธ์๋ฅผ ์ด์ด ํจ๊ณผ๋ฅผ ํ์ธํด๋ณด์ธ์: ์์ ๋ฌธ์; ๋ํ ๋งํฌ๋ค์ด ๋ฌธ์๋ฅผ ๋ธ๋ผ์ฐ์ ๋ก ์ง์ ๋๋๊ทธํ์ฌ ์๋ํด๋ณผ ์๋ ์์ต๋๋ค!
์ง๋ฌธ์ด๋ ์ ์์ด ์์ผ๋ฉด ์ธ์ ๋ ์ง ๋ง์ํด์ฃผ์ธ์.
์ง์์ ๋ํ๋ด๊ธฐ ์ํด ๋ณ์ ์ฃผ์๋ ๊ฒ๋ ์ ์๊ฒ ํฐ ๊ฒฉ๋ ค์ ๋๋ค~!
๋ผ์ด์ ์ค MIT
ยฉ 2018-present, Bener




