0.4.1 • Published 7 months ago
@mumk/sitemap.pretty v0.4.1
sitemap.pretty
sitemap.pretty is a collection of stylesheets for sitemap.xml and sitemapindex.xml that adheres to the sitemap protocol.
![]()
Usages
To use the stylesheet, just add the following one liner in the top of your XML file after the XML declaration header.
<?xml-stylesheet href="..." type="text/xsl"?>The href attribute is where it points to the XSLT stylesheet file. Here are the 3 ways you can do that.
- By CDN.
<?xml-stylesheet href="https://cdn.jsdelivr.net/npm/@mumk/sitemap.pretty@latest/dist/vogue.xsl" type="text/xsl"?> - By base 64. The digest can be found in
vogue-encoded.txtthat starts withdata:text/xsl;base64in the release artifact.<?xml-stylesheet href="data:text/xsl;base64,PD94b...D4NCg==" type="text/xsl"?> - Host the stylesheet yourself. You can download either
vogue.xslorbasic.xsland host it in your hosting provider.
Getting Started
- Install packages with
npm i. - Build the artifacts with
npm run build. - Run tests with
npm test - Run dev server with
npm run watch:cssandnpm run dev
Technologies
- Grunt.js
- TailwindCSS
- XSLT
- HTML
XSLT
XSLT is the stylesheet for XML files. There are 3 versions:
Despite the fact that XSLT 3.0 is the latest version, most of the browsers only support XSLT 1.0.
The code below prints the XSLT version when opened in the browser:
<p>
XSLT version: <xsl:value-of select="system-property('xsl:version')"/>
</p>Moreover, in Firefox, it can support XSLT extensions like EXSLT but Chrome does not.
License
Distributed under the MIT License. See LICENSE for more information.
Resources
- Grunt.js
- sitemap.org
- Build and submit a sitemap
- URL Encode and Decode
- XSLT Cheat Sheet
- XSLT 2.0 Cheat Sheet
- cs16.css
- XML Sitemap Stylesheet
- XSLT User Defined Function
- Video Sitemaps
- XSL Transform
- Format a date string with XSLT
- Free Online XSLT Test Tool
- XSLT Tutorial
- Formatting Dates and Times
- XSLT XPath Tutorial
- Introduction to XSLT and XQuery
- https://www.w3schools.com/xml/xsl_elementref.asp