Orgcss

screenshot of Orgcss

Simple and clean CSS for Org-exported HTML

Overview

OrgCSS is a powerful stylesheet designed specifically for HTML exports from Org-mode in Emacs. The stylesheet aims to enhance the visual appeal of exported documents while addressing common pitfalls that come with the frequently updated Org-mode. By integrating this stylesheet, you can streamline your workflow and ensure that your exported content looks cohesive and professional, whether you are creating web pages or presentations.

OrgCSS focuses on responsive code highlighting and customizability, providing users with options to tweak their exported HTML for optimal readability and aesthetics. With its supportive features, users can maintain consistency in styling across different themes, safeguarding against readability issues that often arise when switching between dark and light Emacs themes.

Features

  • Custom Code Highlighting: Choose from three distinct highlighting methods to suit your needs—inline CSS, no highlighting, or a CSS-based approach for streamlined styling.

  • Theme Compatibility: Avoid readability issues by selecting highlighting options that respect your current Emacs theme, ensuring exports always look good.

  • Organized CSS Classes: Each code component is assigned classes rather than inline styles, allowing for a clean separation of content and style while keeping your exports organized.

  • Dynamic Class Generation: By executing a simple command, you can generate a list of supported Org classes, making it easy to understand how to customize your styles further.

  • Easy Integration: With a few lines of setup in your Org file, you can seamlessly incorporate OrgCSS into your workflow, enhancing the appearance of your exported documents.

  • Extensive Documentation: Users have access to comprehensive documentation, providing insight into CSS class usage and integration, making it simpler to understand and apply the styles.

  • MIT License: The open-source nature of OrgCSS encourages collaboration and community contributions, ensuring continuous improvements and support.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.