Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Guide: how to make a table in Markdown

クローズ
#364 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@Saifjafri212213 がすでに取り組んでいます。

2026年10月27日 から。

  • #365 @Saifjafri212213 による — マージ済み

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
50/100
issue の種類
ドキュメント
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
markdown, nextjs, typescript

調査の方向性

Start with lib/guides.ts (the GUIDES entry) and the existing guide routes in app/guides/format-and-validate-json/ as a template, then read lib/markdown-preview.ts and app/(tools)/markdown-preview/ to confirm the breaks: true behaviour and which fence languages are highlighted. Done means a new app/guides/<slug>/ route with page.tsx and opengraph-image.tsx, an accurate guide that links to /markdown-preview, and npm run lint && npm run test && npm run build passing.

索引モデルが issue の本文から書いたものです。

説明

documentation good first issue hacktoberfest seo

Context

Part of the SEO growth initiative (#18): Phase 2: Coverage engine (guides and internal linking).
Searches like "markdown table syntax" and "how to make a table in markdown" map directly to the Markdown Live Preview.

What to do

  • Write a genuinely useful, original guide (examples, a table, or screenshots) that answers the query in the first two sentences.
  • Use clear H2/H3 that match sub-questions, short paragraphs, and lists.
  • Link to the Markdown Live Preview (/markdown-preview) and to related guides.
  • Topics worth covering: the header row and the separator row, column alignment with colons, escaping a pipe inside a cell, inline code and links in cells, and the other GitHub-flavored Markdown pieces people reach for next (task lists, strikethrough, fenced code blocks with a language, autolinks).
  • Note what is specific to the preview: it renders single line breaks as <br> (breaks: true), the way GitHub comments do but GitHub's .md files don't, and it highlights fenced code in markup, CSS, JavaScript, TypeScript, JSON and Bash.
  • Check every statement about the tool against its code (app/(tools)/markdown-preview/ and lib/markdown-preview.ts) and every syntax rule against the GitHub Flavored Markdown spec. Guides are reviewed line by line for accuracy.

Where

A new entry in GUIDES (lib/guides.ts) and a route under app/guides/<slug>/ (page.tsx and opengraph-image.tsx), set up the same way as the existing guides in app/guides/format-and-validate-json/ and app/guides/test-regex-in-javascript/. The "Add a guide" section of the README lists the steps.

Acceptance criteria

  • Guide published, answers the query up top, and links to the Markdown Live Preview
  • Everything it says about the tool matches what the tool does today, and publishedAt is the day the guide goes live
  • npm run lint && npm run test && npm run build passes

Notes

Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off develop, and open your PR against develop with Closes #364 in the description.

主要言語
TypeScript
スター
1
フォーク
9
平均マージ
7時間 54分
マージ済み PR(30日)
165

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

codercops/toolbelt のほかの issue

codercops/toolbelt の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。