🚀 Enhances site CI and configuration

Updates CI workflow to use newer versions of actions and Ruby.

Adds Jekyll configuration file and related includes/assets for enabling Google AdSense and other site enhancements.

Improves .gitignore by adding common Jekyll and IDE generated files.

Author: danielmonettelli

.github/workflows/website.yml

@@ -1,4 +1,4 @@
-name: 'Blog de Daniel Monettelli - CI'
+name: "Blog de Daniel Monettelli - CI"
 on:
   push:
     branches:
@@ -37,12 +37,12 @@ jobs:
 
       - name: Setup Pages
         id: pages
-        uses: actions/configure-pages@v3
+        uses: actions/configure-pages@v4
 
       - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: 3.2
+          ruby-version: 3.3
           bundler-cache: true
 
       - name: Build site
@@ -53,11 +53,11 @@ jobs:
       - name: Test site
         run: |
           bundle exec htmlproofer _site \
-            \-\-disable-external=true \
+            \-\-disable-external \
             \-\-ignore-urls "/^http:\/\/127.0.0.1/,/^http:\/\/0.0.0.0/,/^http:\/\/localhost/"
 
       - name: Upload site artifact
-        uses: actions/upload-pages-artifact@v1
+        uses: actions/upload-pages-artifact@v3
         with:
           path: "_site${{ steps.pages.outputs.base_path }}"
 
@@ -70,4 +70,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4

.gitignore

@@ -5,6 +5,7 @@ Gemfile.lock
 
 # Jekyll cache
 .jekyll-cache
+.jekyll-metadata
 _site
 
 # RubyGems
@@ -16,7 +17,11 @@ package-lock.json
 
 # IDE configurations
 .idea
-.vscode
+.vscode/*
+!.vscode/settings.json
+!.vscode/extensions.json
+!.vscode/tasks.json
 
 # Misc
+_sass/vendors
 assets/js/dist

Gemfile

@@ -2,22 +2,13 @@
 
 source "https://rubygems.org"
 
-gem "jekyll-theme-chirpy", "~> 6.4", ">= 6.4.2"
+gem "jekyll-theme-chirpy", "~> 7.3"
 
-group :test do
-  gem "html-proofer", "~> 4.4"
-end
+gem "html-proofer", "~> 5.0", group: :test
 
-# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
-# and associated library.
 platforms :mingw, :x64_mingw, :mswin, :jruby do
   gem "tzinfo", ">= 1", "< 3"
   gem "tzinfo-data"
 end
 
-# Performance-booster for watching directories on Windows
-gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
-
-# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem
-# do not have a Java counterpart.
-gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]
+gem "wdm", "~> 0.2.0", :platforms => [:mingw, :x64_mingw, :mswin]

_config.yml

@@ -11,25 +11,34 @@ lang: es-ES
 # Change to your timezone › https://kevinnovak.github.io/Time-Zone-Picker
 timezone: America/Lima
 
+# Google AdSense configuration
+google_adsense: "ca-pub-7596549899792751" # Tu ID de cliente de Google AdSense
+adsense:
+  enabled: true # Activar/desactivar globalmente AdSense
+  auto_ads: true # Habilitar anuncios automáticos
+  # Configuración para mostrar anuncios en distintos lugares
+  show_in_posts: true # Mostrar anuncios en posts
+  show_in_pages: false # No mostrar en páginas estáticas
+
 # jekyll-seo-tag settings › https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/usage.md
 # ↓ --------------------------
 
-title: Blog de Daniel Monettelli
+title: Blog de Daniel Monettelli # the main title
 
-tagline: Perspectivas frescas del mundo de .NET MAUI. # it will display as the sub-title
+tagline: Perspectivas frescas del mundo de .NET MAUI. # it will display as the subtitle
 
 description: >- # used by seo meta and the atom feed
   Perspectivas frescas del mundo de .NET MAUI.
 
 # Fill in the protocol & hostname for your site.
-# e.g. 'https://username.github.io', note that it does not end with a '/'.
+# E.g. 'https://username.github.io', note that it does not end with a '/'.
 url: "https://blogdedanielmonettelli.github.io"
 
 github:
-  username: danielmonettelli # change to your github username
+  username: danielmonettelli # change to your GitHub username
 
 twitter:
-  username: DaniMonettelli # change to your twitter username
+  username: DaniMonettelli # change to your Twitter username
 
 social:
   # Change to your full name.
@@ -38,19 +47,44 @@ social:
   email: danielmonetelli@hotmail.com # change to your email address
   links:
     # The first element serves as the copyright owner's link
-    - https://twitter.com/DaniMonettelli # change to your twitter homepage
-    - https://blogdedanielmonettelli.github.io # change to your github homepage
+    - https://twitter.com/DaniMonettelli # change to your Twitter homepage
+    - https://blogdedanielmonettelli.github.io # change to your GitHub homepage
     # Uncomment below to add more social links
     # - https://www.facebook.com/username
     # - https://www.linkedin.com/in/username
 
-google_site_verification: TeYzsLRqfADe2XETO1Gjub3g15Z9PuU6x71gXaaU-wo # fill in to your verification string
+# Site Verification Settings
+webmaster_verifications:
+  google: "TeYzsLRqfADe2XETO1Gjub3g15Z9PuU6x71gXaaU-wo" # fill in your Google verification code
+  bing: # fill in your Bing verification code
+  alexa: # fill in your Alexa verification code
+  yandex: # fill in your Yandex verification code
+  baidu: # fill in your Baidu verification code
+  facebook: # fill in your Facebook verification code
 
 # ↑ --------------------------
 # The end of `jekyll-seo-tag` settings
 
-google_analytics:
-  id: "G-5DTSLJLHZK" # fill in your Google Analytics ID
+# Web Analytics Settings
+analytics:
+  google:
+    id: "G-5DTSLJLHZK" # fill in your Google Analytics ID
+  goatcounter:
+    id: # fill in your GoatCounter ID
+  umami:
+    id: # fill in your Umami ID
+    domain: # fill in your Umami domain
+  matomo:
+    id: # fill in your Matomo ID
+    domain: # fill in your Matomo domain
+  cloudflare:
+    id: "a5c519103107448faf2a841d7cc9fb9d" # fill in your Cloudflare Web Analytics token
+  fathom:
+    id: # fill in your Fathom Site ID
+
+# Page views settings
+pageviews:
+  provider: # now only supports 'goatcounter'
 
 # Prefer color scheme setting.
 #
@@ -60,17 +94,17 @@ google_analytics:
 #
 # Available options:
 #
-#     light  - Use the light color scheme
-#     dark   - Use the dark color scheme
+#     light — Use the light color scheme
+#     dark — Use the dark color scheme
 #
-theme_mode: # [light|dark]
+theme_mode: # [light | dark]
 
-# The CDN endpoint for images.
+# The CDN endpoint for media resources.
 # Notice that once it is assigned, the CDN url
-# will be added to all image (site avatar & posts' images) paths starting with '/'
+# will be added to all media resources (site avatar, posts' images, audio and video files) paths starting with '/'
 #
 # e.g. 'https://cdn.com'
-img_cdn: "https://raw.githubusercontent.com/blogdedanielmonettelli/blogdedanielmonettelli.github.io/main/assets/images/"
+cdn: "https://raw.githubusercontent.com/blogdedanielmonettelli/blogdedanielmonettelli.github.io/main/assets/images/"
 
 # the avatar on sidebar, support local or CORS resources
 avatar: "Daniel_Monettelli.png"
@@ -83,8 +117,9 @@ social_preview_image: # string, local or CORS resources
 toc: true
 
 comments:
-  active: "giscus" # The global switch for posts comments, e.g., 'disqus'.  Keep it empty means disable
-  # The active options are as follows:
+  # Global switch for the post-comment system. Keeping it empty means disabled.
+  provider: "giscus" # [disqus | utterances | giscus]
+  # The provider options are as follows:
   disqus:
     shortname: # fill with the Disqus shortname. › https://help.disqus.com/en/articles/1717111-what-s-a-shortname
   # utterances settings › https://utteranc.es/
@@ -98,6 +133,7 @@ comments:
     category: Q&A # <category>
     category_id: DIC_kwDOJCvoiM4CUfUZ # <gh-category-id>
     mapping: title # optional, default to 'pathname'
+    strict: # optional, default to '0'
     input_position: # optional, default to 'bottom'
     lang: es # optional, default to the value of `site.lang`
     reactions_enabled: # optional, default to the value of `1`
@@ -108,10 +144,17 @@ assets:
     enabled: # boolean, keep empty means false
     # specify the Jekyll environment, empty means both
     # only works if `assets.self_host.enabled` is 'true'
-    env: # [development|production]
+    env: # [development | production]
 
 pwa:
-  enabled: true # the option for PWA feature
+  enabled: true # The option for PWA feature (installable)
+  cache:
+    enabled: true # The option for PWA offline cache
+    # Paths defined here will be excluded from the PWA cache.
+    # Usually its value is the `baseurl` of another website that
+    # shares the same domain name as the current website.
+    deny_paths:
+      # - "/example"  # URLs match `<SITE_URL>/example/*` will not be cached by the PWA
 
 paginate: 10
 
@@ -121,6 +164,7 @@ baseurl: ""
 # ------------ The following options are not recommended to be modified ------------------
 
 kramdown:
+  footnote_backlink: "&#8617;&#xfe0e;"
   syntax_highlighter: rouge
   syntax_highlighter_opts: # Rouge Options › https://github.com/jneen/rouge#full-options
     css_class: highlight
@@ -161,10 +205,6 @@ defaults:
       path: assets/img/favicons
     values:
       swcache: true
-  - scope:
-      path: assets/js/dist
-    values:
-      swcache: true
 
 sass:
   style: compressed
@@ -185,8 +225,9 @@ exclude:
   - tools
   - README.md
   - LICENSE
-  - rollup.config.js
-  - package*.json
+  - purgecss.js
+  - "*.config.js"
+  - "package*.json"
 
 jekyll-archives:
   enabled: [categories, tags]

_includes/ad-display.html

@@ -0,0 +1,13 @@
+{% if site.google_adsense %}
+<div class="ad-container">
+  <ins class="adsbygoogle"
+       style="display:block"
+       data-ad-client="{{ site.google_adsense }}"
+       data-ad-slot="{{ include.ad_slot }}"
+       data-ad-format="auto"
+       data-full-width-responsive="true"></ins>
+  <script>
+       (adsbygoogle = window.adsbygoogle || []).push({});
+  </script>
+</div>
+{% endif %}

_includes/adsense.html

@@ -0,0 +1,4 @@
+{% if site.google_adsense %}
+<!-- Google AdSense Code -->
+<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client={{ site.google_adsense }}" crossorigin="anonymous"></script>
+{% endif %}

_includes/head-adsense.html

@@ -0,0 +1,12 @@
+{% if site.adsense.enabled %}
+  {% include adsense.html %}
+  
+  {% if site.adsense.auto_ads %}
+  <script>
+     (adsbygoogle = window.adsbygoogle || []).push({
+          google_ad_client: "{{ site.google_adsense }}",
+          enable_page_level_ads: true
+     });
+  </script>
+  {% endif %}
+{% endif %}

_includes/head-custom.html

@@ -0,0 +1,5 @@
+<!-- Inyección de Google AdSense en el head -->
+{% include head-adsense.html %}
+
+<!-- Estilos para anuncios -->
+<link rel="stylesheet" href="{{ '/assets/css/adsense.css' | relative_url }}">

_includes/post-adsense.html

@@ -0,0 +1,37 @@
+{% if site.adsense.enabled and page.ads != false %}
+  {% if include.location == 'top' %}
+    <div class="post-ad-top ad-container">
+      <ins class="adsbygoogle"
+           style="display:block"
+           data-ad-client="{{ site.google_adsense }}"
+           data-ad-format="horizontal"
+           data-full-width-responsive="true"></ins>
+      <script>
+           (adsbygoogle = window.adsbygoogle || []).push({});
+      </script>
+    </div>
+  {% elsif include.location == 'bottom' %}
+    <div class="post-ad-bottom ad-container">
+      <ins class="adsbygoogle"
+           style="display:block"
+           data-ad-client="{{ site.google_adsense }}"
+           data-ad-format="horizontal"
+           data-full-width-responsive="true"></ins>
+      <script>
+           (adsbygoogle = window.adsbygoogle || []).push({});
+      </script>
+    </div>
+  {% elsif include.location == 'inline' %}
+    <div class="post-ad-inline ad-container">
+      <ins class="adsbygoogle"
+           style="display:block"
+           data-ad-client="{{ site.google_adsense }}"
+           data-ad-format="auto"
+           data-full-width-responsive="true"></ins>
+      <script>
+           (adsbygoogle = window.adsbygoogle || []).push({});
+      </script>
+      <div class="ad-separator"></div>
+    </div>
+  {% endif %}
+{% endif %}

assets/css/adsense.css

@@ -0,0 +1,23 @@
+/* Estilos para los contenedores de anuncios */
+.ad-container {
+  text-align: center;
+  margin: 2rem auto;
+  overflow: hidden;
+  max-width: 100%;
+}
+
+/* Asegurarse de que los anuncios son responsivos */
+.ad-container ins.adsbygoogle {
+  margin: 0 auto;
+}
+
+/* Separador para anuncios en artículos */
+.ad-separator {
+  margin: 2rem 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+/* Anuncios en la barra lateral */
+.ad-sidebar {
+  margin-bottom: 2rem;
+}