Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
rehype-cloudinary-docusaurus
Advanced tools
Cloudinary offers an image CDN which can improve performance of your site. This plugin allows Docusaurus to use Cloudinary to serve optimised images.
Cloudinary offers an image CDN which can improve performance of your site. This plugin allows Docusaurus to use Cloudinary to serve optimised images.
npm i rehype-cloudinary-docusaurus
We need to reference it in our docusaurus.config.js
file. We do this by adding it to the rehypePlugins
array:
//@ts-check
import docusaurusCloudinaryRehypePlugin from "rehype-cloudinary-docusaurus";
const url = "https://johnnyreilly.com";
/** @type {import('@docusaurus/types').Config} */
const config = {
// ...
presets: [
[
"@docusaurus/preset-classic",
/** @type {import('@docusaurus/preset-classic').Options} */
({
// ...
blog: {
// ...
rehypePlugins: [
[
rehypeCloudinaryDocusaurus,
{
cloudName: "demo",
baseUrl: url,
},
],
],
// ...
},
// ...
}),
],
],
// ...
};
You will also need to disable the url-loader
in your Docusaurus build which transforms images into base64 strings, as this will conflict with the plugin. There isn't a first class way to do this in Docusaurus at present. However by setting the environment variable WEBPACK_URL_LOADER_LIMIT
to 0
you can disable it. You can see an implementation example in this pull request. It amounts to adding the cross-env
package and then adding the following to your package.json
:
"build": "cross-env WEBPACK_URL_LOADER_LIMIT=0 docusaurus build",
See this package in action on: https://johnnyreilly.com - the source code can be found here: https://github.com/johnnyreilly/blog.johnnyreilly.com. To read more on how this plugin came to be, see this blog post and how it was migrated to MDX 3.
See .github/CONTRIBUTING.md
.
Thanks! ❤️🌻
💙 This package is based on @JoshuaKGoldberg's template-typescript-node-package.
FAQs
Cloudinary offers an image CDN which can improve performance of your site. This plugin allows Docusaurus to use Cloudinary to serve optimised images.
We found that rehype-cloudinary-docusaurus demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.