How to use Jekyll on Windows 11

Install Jekyll on Windows 11

Download Ruby+Devkit 3.4.2-1 (x86)
Install it and press **** for each option
Open Command Prompt as an administrator
cd c:\Ruby34
gem install jekyll bundler
gem update --system 3.6.4

Building a Jekyll Site

jekyll new my-site
cd my-site
bundle exec jekyll serve --verbose #Press ctrl+c to stop
Visit http://localhost:4000 in the browser, edit the web page, and then press ctrl+r in the browser to view the result.

Simple example of a jekyll website

_layouts/default.html

<!DOCTYPE html>
<html>
 <body>
 <h2 id="how-to-debug-websites-on-android-firefox">How to debug websites on android firefox?</h2>
<h3 id="website-debugging-steps-on-android-google-pixel-firefox">website debugging steps on android (Google Pixel) firefox</h3>

<p>1.Turn on the develop mode on your Android phone. <strong>Settings / about phone / Build number</strong> Keep clicking until you become a developer.</p>

<p>2.Go to <strong>Settings / System / Developer options</strong> and enable USB debugging.</p>

<p>3.Connect your phone to your PC.</p>

<p>4.Download adb tools and execute adb devices to confirm whether the device is captured.</p>

<p>5.Open android firefox, go to <strong>Settings</strong> and enable <strong>remote debugging via USB</strong>.</p>

<p>6.Open PC firefox and go to <a href="about:debugging">about:debugging</a>.</p>

<p>7.Press the refresh devices button if no device is found.</p>

<p>8.Press the <strong>connect</strong> button to connect the device, then press the device.</p>
<div class="image-container">
  <img src="/images/blog/desktop-firefox-refresh-devices.png" alt="desktop-firefox-refresh-devices screenshot" />
</div>

<p>9.Select the website you want to debug and click the inspect button.</p>
<div class="image-container">
  <img src="/images/blog/desktop-firefox-inspect.png" alt="desktop firefox inspect screenshot" />
</div>



 </body>
</html>

index.md

---
title: My page
layout: default
---

# How to use Jekyll on Windows 11

Reference

jekyll docs