diff --git a/examples/basics/siteConfig.js b/examples/basics/siteConfig.js
index accc9e4abf..2f93a1713f 100644
--- a/examples/basics/siteConfig.js
+++ b/examples/basics/siteConfig.js
@@ -34,6 +34,8 @@ const siteConfig = {
headerIcon: "img/docusaurus.svg",
footerIcon: "img/docusaurus.svg",
favicon: "img/favicon.png",
+ /* the name of your custom css file that resides in static/css/ */
+ // customCssFileName: "custom.css",
/* colors for website */
colors: {
primaryColor: "#2E8555",
diff --git a/examples/basics/static/css/custom.css b/examples/basics/static/css/custom.css
new file mode 100644
index 0000000000..3c46aa2828
--- /dev/null
+++ b/examples/basics/static/css/custom.css
@@ -0,0 +1 @@
+/* your custom css */
\ No newline at end of file
diff --git a/lib/core/Head.js b/lib/core/Head.js
index 983591e6b2..a684d4ae58 100644
--- a/lib/core/Head.js
+++ b/lib/core/Head.js
@@ -39,6 +39,11 @@ class Head extends React.Component {
rel="stylesheet"
href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"
/>}
+ {this.props.config.customCssFileName &&
+ }