Add target="_blank" and rel="noopener" to external links

astronomersiva · Dec 18, 2018 · d941964 · d941964
1 parent 789f2cb
commit d941964
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/lib/utils/generateHtmlFromMd.js b/lib/utils/generateHtmlFromMd.js
@@ -4,6 +4,7 @@ const sharp = require('sharp');
 const markdownIt = require('markdown-it');
 const markdownItContainer = require('markdown-it-container');
 const frontMatter = require('markdown-it-front-matter');
+const mila = require('markdown-it-link-attributes')
 
 const yamlToObject = require('./yamlToObject');
 const { LAYOUTS, BUILD } = require('./constants');
@@ -107,6 +108,13 @@ const md = markdownIt(mdOptions)
 
       return '';
     }
+  })
+  .use(mila, {
+    pattern: /^https?:\/\//,
+    attrs: {
+      target: '_blank',
+      rel: 'noopener'
+    }
   });
 
 module.exports = function(pageContents) {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -48,6 +48,7 @@
     "markdown-it": "^8.4.2",
     "markdown-it-container": "^2.0.0",
     "markdown-it-front-matter": "^0.1.2",
+    "markdown-it-link-attributes": "^2.1.0",
     "node-version-assets": "^1.2.2",
     "postcss": "^7.0.1",
     "postcss-preset-env": "^6.4.0",