mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-16 18:46:57 +02:00
Add customize highlight.theme custom path support (#517)
* add themeUrl option to support custom theme file path * Update api-site-config.md
This commit is contained in:
parent
40a9047620
commit
aa32ff4a55
3 changed files with 12 additions and 15 deletions
|
@ -16,13 +16,18 @@ class Head extends React.Component {
|
|||
if (link.blog) hasBlog = true;
|
||||
});
|
||||
|
||||
const highlightDefaultVersion = '9.12.0';
|
||||
const highlightConfig = this.props.config.highlight || {
|
||||
version: highlightDefaultVersion,
|
||||
let highlight = {
|
||||
version: '9.12.0',
|
||||
theme: 'default',
|
||||
...this.props.config.highlight,
|
||||
};
|
||||
const highlightVersion = highlightConfig.version || highlightDefaultVersion;
|
||||
const highlightTheme = highlightConfig.theme || 'default';
|
||||
|
||||
// Use user-provided themeUrl if it exists, else construct one from version and theme.
|
||||
let highlightThemeURL = highlight.themeUrl
|
||||
? highlight.themeUrl
|
||||
: `//cdnjs.cloudflare.com/ajax/libs/highlight.js/${
|
||||
highlight.version
|
||||
}/styles/${highlight.theme}.min.css`;
|
||||
|
||||
return (
|
||||
<head>
|
||||
|
@ -73,10 +78,7 @@ class Head extends React.Component {
|
|||
href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"
|
||||
/>
|
||||
)}
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href={`//cdnjs.cloudflare.com/ajax/libs/highlight.js/${highlightVersion}/styles/${highlightTheme}.min.css`}
|
||||
/>
|
||||
<link rel="stylesheet" href={highlightThemeURL} />
|
||||
{hasBlog && (
|
||||
<link
|
||||
rel="alternate"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue