#CHEERIO NPM HOW TO#
#CHEERIO NPM INSTALL#

Then it uses the cheerio package to load the file and parse it to find all of the anchor tags and images tags that are referencing relative URLs. The code inside the 'convertRelativeToAbsolute' function, first reads the sample post file containing the HTML file with relative links. Make sure to replace 'YOUR-DOMAIN-HERE' with actual domain you want to convert the relative links to use. The script code will use es modules to import these npm package libraries, so at the top of the generated package.json file add the following line: `) Īwait fs.writeFile($( 'body').html() as string)

#CHEERIO NPM INSTALL#

What is important is that the package.json file is configured for the project (if not use the npm init command), and then run the command npm install cheerio fs-extra typescript -save followed by the command npm install -save-dev to install the cheerio npm package with the corresponding type declaration files. If you aren't using TypeScript you can omit the type declarations from the following code.

#CHEERIO NPM HOW TO#

For more info about using TypeScript with Node.js, read about how to compile TypeScript with npm.

To use the cheerio npm package we need to create a node script, and for this we can optionally use TypeScript. Now that the sample HTML file is created and saved as 'sample-post.html' we can read it and process the relative links. This isn't a full HTML document, only a fragment that represents a sample of what may be contained in a blog post that has been converted from markdown into HTML with a node.js static site generator. Post content can also include images like this one: These will get transformed too. Relative link, that will be converted into an This is the sample content that contains a To demonstrate this we can create an HTML file that represents sample post content. In order to make sure the RSS feed is valid, and only containing absolute URLs, we can use the cheerio npm package to parse an HTML source and transform relative anchor links and image sources to absolute URLs.

In doing so you realize that your post content contains relative links when checking with the validator provided by the W3C Feed validation service, and it indicates elements should not contain relative URL references. Let's say you are building a site with the Jamstack and you want to use node.js to generate the rss feed for your site.

Cheerio npm