diff --git a/src/app/blog/[slug]/blog-content.tsx b/src/app/blog/[slug]/blog-content.tsx index 90d30bb..9d94bb1 100644 --- a/src/app/blog/[slug]/blog-content.tsx +++ b/src/app/blog/[slug]/blog-content.tsx @@ -75,7 +75,7 @@ export function BlogContent({ -
+
diff --git a/src/app/blog/posts/sample.mdx b/src/app/blog/posts/sample.mdx index e5536d3..ff8c308 100644 --- a/src/app/blog/posts/sample.mdx +++ b/src/app/blog/posts/sample.mdx @@ -226,3 +226,72 @@ Phew, with any luck we have styled the headings above this text and they look pr Let's add a closing paragraph here so things end with a decently sized block of text. I can't explain why I want things to end that way but I have to assume it's because I think things will look weird or unbalanced if there is a heading too close to the end of the document. What I've written here is probably long enough, but adding this final sentence can't hurt. + +## Example + +| :bowtie: `:bowtie:` | :smile: `:smile:` | :laughing: `:laughing:` | +| --------------------------------------------------------------- | --------------------------------------------------------------- | ------------------------------------------- | +| :blush: `:blush:` | :smiley: `:smiley:` | :relaxed: `:relaxed:` | +| :smirk: `:smirk:` | :heart_eyes: `:heart_eyes:` | :kissing_heart: `:kissing_heart:` | +| :kissing_closed_eyes: `:kissing_closed_eyes:` | :flushed: `:flushed:` | :relieved: `:relieved:` | +| :satisfied: `:satisfied:` | :grin: `:grin:` | :wink: `:wink:` | +| :stuck_out_tongue_winking_eye: `:stuck_out_tongue_winking_eye:` | :stuck_out_tongue_closed_eyes: `:stuck_out_tongue_closed_eyes:` | :grinning: `:grinning:` | +| :kissing: `:kissing:` | :kissing_smiling_eyes: `:kissing_smiling_eyes:` | :stuck_out_tongue: `:stuck_out_tongue:` | +| :sleeping: `:sleeping:` | :worried: `:worried:` | :frowning: `:frowning:` | +| :anguished: `:anguished:` | :open_mouth: `:open_mouth:` | :grimacing: `:grimacing:` | +| :confused: `:confused:` | :hushed: `:hushed:` | :expressionless: `:expressionless:` | +| :unamused: `:unamused:` | :sweat_smile: `:sweat_smile:` | :sweat: `:sweat:` | +| :disappointed_relieved: `:disappointed_relieved:` | :weary: `:weary:` | :pensive: `:pensive:` | +| :disappointed: `:disappointed:` | :confounded: `:confounded:` | :fearful: `:fearful:` | +| :cold_sweat: `:cold_sweat:` | :persevere: `:persevere:` | :cry: `:cry:` | +| :sob: `:sob:` | :joy: `:joy:` | :astonished: `:astonished:` | +| :scream: `:scream:` | :neckbeard: `:neckbeard:` | :tired_face: `:tired_face:` | +| :angry: `:angry:` | :rage: `:rage:` | :triumph: `:triumph:` | +| :sleepy: `:sleepy:` | :yum: `:yum:` | :mask: `:mask:` | +| :sunglasses: `:sunglasses:` | :dizzy_face: `:dizzy_face:` | :imp: `:imp:` | +| :smiling_imp: `:smiling_imp:` | :neutral_face: `:neutral_face:` | :no_mouth: `:no_mouth:` | +| :innocent: `:innocent:` | :alien: `:alien:` | :yellow_heart: `:yellow_heart:` | +| :blue_heart: `:blue_heart:` | :purple_heart: `:purple_heart:` | :heart: `:heart:` | +| :green_heart: `:green_heart:` | :broken_heart: `:broken_heart:` | :heartbeat: `:heartbeat:` | +| :heartpulse: `:heartpulse:` | :two_hearts: `:two_hearts:` | :revolving_hearts: `:revolving_hearts:` | +| :cupid: `:cupid:` | :sparkling_heart: `:sparkling_heart:` | :sparkles: `:sparkles:` | +| :star: `:star:` | :star2: `:star2:` | :dizzy: `:dizzy:` | +| :boom: `:boom:` | :collision: `:collision:` | :anger: `:anger:` | +| :exclamation: `:exclamation:` | :question: `:question:` | :grey_exclamation: `:grey_exclamation:` | +| :grey_question: `:grey_question:` | :zzz: `:zzz:` | :dash: `:dash:` | +| :sweat_drops: `:sweat_drops:` | :notes: `:notes:` | :musical_note: `:musical_note:` | +| :fire: `:fire:` | :hankey: `:hankey:` | :poop: `:poop:` | +| :shit: `:shit:` | :+1: `:+1:` | :thumbsup: `:thumbsup:` | +| :-1: `:-1:` | :thumbsdown: `:thumbsdown:` | :ok_hand: `:ok_hand:` | +| :punch: `:punch:` | :facepunch: `:facepunch:` | :fist: `:fist:` | +| :v: `:v:` | :wave: `:wave:` | :hand: `:hand:` | +| :raised_hand: `:raised_hand:` | :open_hands: `:open_hands:` | :point_up: `:point_up:` | +| :point_down: `:point_down:` | :point_left: `:point_left:` | :point_right: `:point_right:` | +| :raised_hands: `:raised_hands:` | :pray: `:pray:` | :point_up_2: `:point_up_2:` | +| :clap: `:clap:` | :muscle: `:muscle:` | :metal: `:metal:` | +| :fu: `:fu:` | :walking: `:walking:` | :runner: `:runner:` | +| :running: `:running:` | :couple: `:couple:` | :family: `:family:` | +| :two_men_holding_hands: `:two_men_holding_hands:` | :two_women_holding_hands: `:two_women_holding_hands:` | :dancer: `:dancer:` | +| :dancers: `:dancers:` | :ok_woman: `:ok_woman:` | :no_good: `:no_good:` | +| :information_desk_person: `:information_desk_person:` | :raising_hand: `:raising_hand:` | :bride_with_veil: `:bride_with_veil:` | +| :person_with_pouting_face: `:person_with_pouting_face:` | :person_frowning: `:person_frowning:` | :bow: `:bow:` | +| :couplekiss: `:couplekiss:` | :couple_with_heart: `:couple_with_heart:` | :massage: `:massage:` | +| :haircut: `:haircut:` | :nail_care: `:nail_care:` | :boy: `:boy:` | +| :girl: `:girl:` | :woman: `:woman:` | :man: `:man:` | +| :baby: `:baby:` | :older_woman: `:older_woman:` | :older_man: `:older_man:` | +| :person_with_blond_hair: `:person_with_blond_hair:` | :man_with_gua_pi_mao: `:man_with_gua_pi_mao:` | :man_with_turban: `:man_with_turban:` | +| :construction_worker: `:construction_worker:` | :cop: `:cop:` | :angel: `:angel:` | +| :princess: `:princess:` | :smiley_cat: `:smiley_cat:` | :smile_cat: `:smile_cat:` | +| :heart_eyes_cat: `:heart_eyes_cat:` | :kissing_cat: `:kissing_cat:` | :smirk_cat: `:smirk_cat:` | +| :scream_cat: `:scream_cat:` | :crying_cat_face: `:crying_cat_face:` | :joy_cat: `:joy_cat:` | +| :pouting_cat: `:pouting_cat:` | :japanese_ogre: `:japanese_ogre:` | :japanese_goblin: `:japanese_goblin:` | +| :see_no_evil: `:see_no_evil:` | :hear_no_evil: `:hear_no_evil:` | :speak_no_evil: `:speak_no_evil:` | +| :guardsman: `:guardsman:` | :skull: `:skull:` | :feet: `:feet:` | +| :lips: `:lips:` | :kiss: `:kiss:` | :droplet: `:droplet:` | +| :ear: `:ear:` | :eyes: `:eyes:` | :nose: `:nose:` | +| :tongue: `:tongue:` | :love_letter: `:love_letter:` | :bust_in_silhouette: `:bust_in_silhouette:` | +| :busts_in_silhouette: `:busts_in_silhouette:` | :speech_balloon: `:speech_balloon:` | :thought_balloon: `:thought_balloon:` | +| :feelsgood: `:feelsgood:` | :finnadie: `:finnadie:` | :goberserk: `:goberserk:` | +| :godmode: `:godmode:` | :hurtrealbad: `:hurtrealbad:` | :rage1: `:rage1:` | +| :rage2: `:rage2:` | :rage3: `:rage3:` | :rage4: `:rage4:` | +| :suspect: `:suspect:` | :trollface: `:trollface:` | diff --git a/src/components/mdx.tsx b/src/components/mdx.tsx index 6547207..c004e7b 100644 --- a/src/components/mdx.tsx +++ b/src/components/mdx.tsx @@ -3,4 +3,9 @@ import CodeBlock from './code-block'; export const components: MDXComponents = { pre: CodeBlock, + table: (props: React.HTMLAttributes) => ( +
+ + + ), };