Welcome to Arsxy Theme for Jekyll! This is a sample post that showcases the theme’s features and styling options. If you’re seeing this, you’ve successfully installed the theme.

Clean, Fast, and SEO-friendly

Arsxy Theme is designed with these principles in mind:

  • Clean Design: Minimal, distraction-free reading experience
  • Fast Performance: Optimized for quick loading times
  • SEO Best Practices: Built-in support for meta tags and structured data
  • Responsive Layout: Looks great on all devices
  • Dark Mode Support: Easy on the eyes during night-time reading

Markdown Features

This theme has great support for standard Markdown features. Here are some examples:

Typography

The typography is optimized for readability with careful attention to:

  • Font sizes and weights
  • Line height and spacing
  • Contrast and readability

Lists

Unordered lists:

  • Item one
  • Item two
  • Item three
    • Nested item

Ordered lists:

  1. First item
  2. Second item
  3. Third item

Blockquotes

This is a blockquote. It’s styled to stand out from the rest of the text, making it perfect for quotes or calling out important information.

Tables

Feature Supported Notes
Responsive Yes Tables adjust to screen size
Sorting No Use plugins for sorting
Zebra striping Yes Alternate rows are highlighted

Code Highlighting

This theme includes excellent syntax highlighting for code blocks:

// JavaScript example
function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Hello, ${name}!`;
}

// Call the function
const message = greet('World');

# Ruby example
def greet(name)
  puts "Hello, #{name}!"
  "Hello, #{name}!"
end

# Call the method
message = greet('World')

/* CSS example */
.theme-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--text-color);
  transition: color 0.3s ease;
}

.theme-toggle:hover {
  color: var(--primary-color);
}

Images

Images are responsive by default and optimized for different screen sizes.

Interactive Elements

The theme includes several interactive elements:

  • Dark/light mode toggle
  • Table of contents for longer articles
  • Code copy buttons
  • Mobile-friendly navigation

Customization Options

While this theme looks great out of the box, you can easily customize:

  • Color scheme
  • Typography
  • Layout options
  • And much more

Explore the documentation to learn how to make this theme your own!

Getting Started

To create a new post, just add a new file in the _posts directory with the naming convention YYYY-MM-DD-title.md.

Thank you for using Arsxy Theme!