Add post about deploying rails 8 to digital ocean using kamal

Gemfile

@@ -7,12 +7,14 @@ gem 'benchmark'
 gem 'bigdecimal'
 gem 'bootsnap', '>= 1.1.0', require: false
 gem 'drb'
+gem 'kramdown-parser-gfm', '~> 1.1'
 gem 'kramdown', '~> 2.5'
 gem 'logger'
 gem 'mutex_m'
 gem 'puma', '~> 6'
 gem 'rails', '~> 7.0.0'
 gem 'rollbar'
+gem 'rouge'
 gem 'soup', '~> 1.0'
 
 group :assets, :development do

Gemfile.lock

@@ -121,6 +121,8 @@ GEM
     jmespath (1.6.2)
     kramdown (2.5.1)
       rexml (>= 3.3.9)
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
     listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
@@ -226,6 +228,7 @@ GEM
       io-console (~> 0.5)
     rexml (3.3.9)
     rollbar (3.6.1)
+    rouge (4.5.1)
     rspec-core (3.13.2)
       rspec-support (~> 3.13.0)
     rspec-expectations (3.13.3)
@@ -298,13 +301,15 @@ DEPENDENCIES
   drb
   irb
   kramdown (~> 2.5)
+  kramdown-parser-gfm (~> 1.1)
   listen (>= 3.0.5, < 3.10)
   logger
   mutex_m
   puma (~> 6)
   rails (~> 7.0.0)
   rails-controller-testing (~> 1.0)
   rollbar
+  rouge
   rspec-rails (~> 7.1)
   sass-rails (~> 6.0)
   soup (~> 1.0)

app/assets/stylesheets/rouge-github.css

@@ -0,0 +1,116 @@
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #24292f;
+  background-color: #f6f8fa;
+}
+.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
+  color: #cf222e;
+}
+.highlight .gr {
+  color: #f6f8fa;
+}
+.highlight .gd {
+  color: #82071e;
+  background-color: #ffebe9;
+}
+.highlight .nb {
+  color: #953800;
+}
+.highlight .nc {
+  color: #953800;
+}
+.highlight .no {
+  color: #953800;
+}
+.highlight .nn {
+  color: #953800;
+}
+.highlight .sr {
+  color: #116329;
+}
+.highlight .na {
+  color: #116329;
+}
+.highlight .nt {
+  color: #116329;
+}
+.highlight .gi {
+  color: #116329;
+  background-color: #dafbe1;
+}
+.highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.highlight .kc {
+  color: #0550ae;
+}
+.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
+  color: #0550ae;
+}
+.highlight .sb {
+  color: #0550ae;
+}
+.highlight .bp {
+  color: #0550ae;
+}
+.highlight .ne {
+  color: #0550ae;
+}
+.highlight .nl {
+  color: #0550ae;
+}
+.highlight .py {
+  color: #0550ae;
+}
+.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
+  color: #0550ae;
+}
+.highlight .o, .highlight .ow {
+  color: #0550ae;
+}
+.highlight .gh {
+  color: #0550ae;
+  font-weight: bold;
+}
+.highlight .gu {
+  color: #0550ae;
+  font-weight: bold;
+}
+.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
+  color: #0a3069;
+}
+.highlight .nd {
+  color: #8250df;
+}
+.highlight .nf, .highlight .fm {
+  color: #8250df;
+}
+.highlight .err {
+  color: #f6f8fa;
+  background-color: #82071e;
+}
+.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
+  color: #6e7781;
+}
+.highlight .gl {
+  color: #6e7781;
+}
+.highlight .gt {
+  color: #6e7781;
+}
+.highlight .ni {
+  color: #24292f;
+}
+.highlight .si {
+  color: #24292f;
+}
+.highlight .ge {
+  color: #24292f;
+  font-style: italic;
+}
+.highlight .gs {
+  color: #24292f;
+  font-weight: bold;
+}

lib/snip_renderer.rb

@@ -3,7 +3,7 @@ def render(snip, context)
     content = ERB.new(snip.content).result(context)
     case snip.extension
     when 'markdown'
-      Kramdown::Document.new(content).to_html
+      Kramdown::Document.new(content, input: 'GFM', syntax_highlighter: 'rouge').to_html
     else
       content
     end