1. ν¬μ€νΈ μΆκ°νκΈ°
contents/post
κ²½λ‘μ μλ‘μ΄ λ§ν¬λ€μ΄ νμΌμ μμ±νμ¬ μ¬λ¬λΆμ κΈμ μΆκ°ν μ μμ΅λλ€.
1-1. ν¬μ€νΈ νμΌ κ΅¬μ‘°
μλ‘μ΄ λ¬Έμλ₯Ό μΆκ°νλ λ°©λ²μλ λκ°μ§κ° μμ΅λλ€. 첫λ²μ§Έλ λλ ν 리 μμ΄ λ¬Έμλ₯Ό μμ±νλ λ°©λ²μ
λλ€. λ§μ½ μ¬λ¬λΆμ΄ Javascript μ κ΄ν λ¬Έμλ₯Ό μμ±νλ€λ©΄, about-javascript.md
νμΌμ contents/posts
λλ ν 리μ μΆκ°ν μ μμ΅λλ€.
λλ²μ§Έ λ°©λ²μ λ¨Όμ λλ ν 리λ₯Ό μμ±ν λ€, λλ ν 리 μμ index.md
νμΌμ μΆκ°νλ κ² μ
λλ€. μ΄ λ°©λ²μ λ¬Έμ λ΄μ μ¬λ¬ μ΄λ―Έμ§ νμΌ λ± λΆμμ μΈ νμΌ μ¬λ¬κ°κ° ν¬ν¨λμμ λ μ μ©ν©λλ€.
첫λ²μ§Έ λ°©λ²μΌλ‘ μμ±ν νμΌλͺ
μ΄λ, λλ²μ§Έ λ°©λ²μΌλ‘ μμ±ν λλ ν 리 μ΄λ¦μ μΉμ¬μ΄νΈμμ κ³ μ μ μ£Όμλ₯Ό κ°μ΅λλ€. https://siteURL/about-javascript
μ κ°μ΄μ.
1-2. Frontmatter
λ§ν¬λ€μ΄μ λ¬Έμμ λ©νλ°μ΄ν°μΈ Frontmatter λΌ λΆλ¦¬λ μ 보λ₯Ό κ°μ§κ³ μμ΅λλ€.
---
title: "π€ 3. μμ± κ°μ΄λ"
description: "μ΄λ»κ² κΈμ μμ±νκ³ μΆκ°ν κΉμ?"
date: 2021-04-03
update: 2021-04-03
tags:
- hoodie
- writing-guide
series: "gatsby-starter-hoodie λ‘ λΈλ‘κ·Έ μμνκΈ°"
---
μλ μ§κΈ μ¬λ¬λΆμ΄ μ½κ³ μλ λ¬Έμμ Frontmatter μ
λλ€. title
κ³Ό date
λ νμ κ°μ
λλ€. λμ΄μ°κΈ°λ₯Ό ν¬ν¨λ λ¬Έμμ΄μ μ
λ ₯ν λμλ λ°μ΄νλ‘ κ°μΈλ κ²μ μΆμ²ν©λλ€.
1-3. λ§ν¬λ€μ΄ μμ±νκΈ°
λ§μ½ Frontmatter κΉμ§ μμ±νλ€λ©΄, μ¬λ¬λΆμ κ·Έ μλμ λ§ν¬λ€μ΄ λ¬Έμλ₯Ό μμ±νλ©΄ λ©λλ€. gatsby-starter-hoodie λ λλΆλΆμ λ§ν¬λ€μ΄ λ¬Έλ²μ μ§μν©λλ€. λ§ν¬λ€μ΄ μμ± λ°©λ²μ μκ³ μΆλ€λ©΄, Github μ Mastering Markdown λ¬Έμλ₯Ό μ°Έκ³ νμΈμ.
2. μ½λ νμ΄λΌμ΄ν & Katex
2-1. μ½λ νμ΄λΌμ΄ν
Prism.JS μ κΈ°λ°ν μ½λ νμ΄λΌμ΄ν μ΄ μ 곡λ©λλ€.
μμ
Javascript
console.log("Hello, world!")
Python
print("Hello, world!")
κ·Έ μΈ λ λ§μ μΈμ΄λ₯Ό μ 곡ν©λλ€. μ 곡λλ μΈμ΄λ₯Ό νμΈνκ³ μΆλ€λ©΄, Prism.js μΉμ¬μ΄νΈ λ₯Ό μ°Έκ³ νμΈμ.
2-2. Katex
Katex λ¬Έλ²μ μ§μνμ¬ λ³΅μ‘ν μμλ μ½κ² ννν μ μμ΅λλ€.
μΈλΌμΈ λͺ¨λ
λΈλ λͺ¨λ
3. κΈμ μ΄λ―Έμ§ μΆκ°νκΈ°
μλκ²½λ‘λ₯Ό μ΄μ©νμ¬ μ½κ² μ΄λ―Έμ§λ₯Ό μΆκ°ν μ μμ΅λλ€. λλ ν 리λ₯Ό μμ±νκ³ κ·Έ μμ index.md
λ₯Ό μΆκ°νμ¬, κΈμ μΆκ°νλ λ°©λ²μΌλ‘ μμ±ν΄μΌ μ΄λ―Έμ§ κ΄λ¦¬κ° μ½μ΅λλ€.
μ΄λ―Έμ§λ Lazy Loading μΌλ‘ λ‘λλμ΄, λΉ λ₯Έ μ΄κΈ° λ¬Έμ λ‘λ© μλλ₯Ό ν보ν μ μμ΅λλ€.
β μ΄λ―Έμ§μ λͺ¨λ νμ₯μλ μλ¬Έμμ¬μΌν©λλ€.
4. νκ·Έ
Frontmatter μ νκ·Έλ₯Ό ν΅ν΄ μ½κ² λ¬Έμλ₯Ό λΆλ₯νκ³ κ²μν μ μμ΅λλ€. μ¬λ¬λΆμ λͺ¨λ νκ·Έλ https://siteUrl/tags
κ²½λ‘μμ νμΈνκ³ , κ²μν μ μμ΅λλ€.
5. μ리μ¦
μ¬λ¬λΆμ΄ μ°κ΄λ μ¬λ¬κ°μ λ¬Έμλ₯Ό μμ±ν λ μ리μ¦λ₯Ό μ¬μ©ν μ μμ΅λλ€. Frontmatter μ μμ±λ μ리μ¦κ° κ°μ λ¬ΈμλΌλ¦¬ λ¬Άμ¬ λ¬Έμ μλ¨μ 리μ€νΈλ‘ νμλ©λλ€. μ리μ¦λ μΌλ ¨μ μμκ° μλ λ¬Έμλ€μ μμ±ν λ μ μ©νκ² μ¬μ©ν μ μμ΅λλ€. μ리μ¦λ λ¬Έμμ μμ± λ μ§ μμλλ‘ μ λ ¬λ©λλ€.
νμ¬ λ¬Έμλ gatsby-starter-hoodie λ‘ λΈλ‘κ·Έ μμνκΈ°
λΌλ μ리μ¦λ‘ μ€μ λμ΄ μμ΅λλ€.