Skip to content

Commit

Permalink
Pass attributes to script and link
Browse files Browse the repository at this point in the history
  • Loading branch information
wszgxa committed Sep 1, 2018
1 parent 421d9b0 commit 586b972
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 10 deletions.
20 changes: 16 additions & 4 deletions docs/api-site-config.md
Original file line number Diff line number Diff line change
Expand Up @@ -155,15 +155,15 @@ h1 {

* `separate` - The secondary navigation is a separate pane defaulting on the right side of a document. See http://docusaurus.io/docs/en/translation.html for an example.

`scripts` - Array of JavaScript sources to load. The script tag will be inserted in the HTML head.
`scripts` - Array of JavaScript sources to load. You can pass only src link as srting, or you can pass attributes as object. The script tag will be inserted in the HTML head.

`separateCss` - Directories inside which any `css` files will not be processed and concatenated to Docusaurus' styles. This is to support static `html` pages that may be separate from Docusaurus with completely separate styles.

`scrollToTop` - Set this to `true` if you want to enable the scroll to top button at the bottom of your site.

`scrollToTopOptions` - Optional options configuration for the scroll to top button. You do not need to use this, even if you set `scrollToTop` to `true`; it just provides you more configuration control of the button. You can find more options [here](https://github.com/vfeskov/vanilla-back-to-top/blob/v7.1.14/OPTIONS.md). By default, we set the zIndex option to 100.

`stylesheets` - Array of CSS sources to load. The link tag will be inserted in the HTML head.
`stylesheets` - Array of CSS sources to load. You can pass only href link as srting, or you can pass attributes as object. The link tag will be inserted in the HTML head.

`translationRecruitingLink` - URL for the `Help Translate` tab of language selection when languages besides English are enabled. This can be included you are using translations but does not have to be.

Expand Down Expand Up @@ -249,8 +249,20 @@ const siteConfig = {
};
},
],
scripts: ['https://docusaurus.io/slash.js'],
stylesheets: ['https://docusaurus.io/style.css'],
scripts: [
'https://docusaurus.io/slash.js',
{
src: 'https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js',
async: true
}
],
stylesheets: [
'https://docusaurus.io/style.css',
{
href: 'http://css.link',
type: "text/css"
}
],
facebookAppId: '1615782811974223',
facebookComments: true,
facebookPixelId: '352490515235776',
Expand Down
22 changes: 16 additions & 6 deletions lib/core/Head.js
Original file line number Diff line number Diff line change
Expand Up @@ -134,13 +134,23 @@ class Head extends React.Component {

{/* External resources */}
{this.props.config.stylesheets &&
this.props.config.stylesheets.map(source => (
<link rel="stylesheet" key={source} href={source} />
))}
this.props.config.stylesheets.map(source => {
if (source instanceof Object) {
return source.href ? (
<link rel="stylesheet" key={source.href} {...source} />
) : null;
}
return <link rel="stylesheet" key={source} href={source} />;
})}
{this.props.config.scripts &&
this.props.config.scripts.map(source => (
<script type="text/javascript" key={source} src={source} />
))}
this.props.config.scripts.map(source => {
if (source instanceof Object) {
return source.src ? (
<script type="text/javascript" key={source.src} {...source} />
) : null;
}
return <script type="text/javascript" key={source} src={source} />;
})}

{this.props.config.scrollToTop && (
<script src="https://unpkg.com/[email protected]/dist/vanilla-back-to-top.min.js" />
Expand Down

0 comments on commit 586b972

Please sign in to comment.