You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/README.md
+14-10Lines changed: 14 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -349,11 +349,11 @@ You can delete the cover page and disable it in _index.html_.
349
349
350
350
You can change the background image for your cover page.
351
351
352
-
If you don't set a cover background, you'll just get a randomy one on every refresh. It might be a solid color or a gradient.
352
+
If you do not set a cover background, you'll just get a **random** one on every page load - it might be a solid color or a gradient.
353
353
354
354
The _Docsify_ site explains how to set a background image or color [here](https://docsify.js.org/#/cover?id=custom-background).
355
355
356
-
Your background image code should come at the _bottom_ of your cover file's code._Docsify_ looks for an image there then uses CSS to place the image behind the content and give it faded grey look.
356
+
Your background image code should come at the **end** of your coverpage file. As _Docsify_ looks for an image there then uses CSS to place the image behind the content and give it a faded grey look.
357
357
358
358
See code examples below for adding a custom background image:
359
359
@@ -362,11 +362,15 @@ See code examples below for adding a custom background image:
362
362
363
363
```
364
364
- Gradient color.
365
-
- Choose a gradient used to be supported but does not work anymore, so is not covered here.
366
-
- Load an image file. The text label can be anything.
365
+
- Choosing a custom gradient was supported but does **not** work anymore, so it is not covered here.
366
+
- Image. The text label can be anything - use some fallback text in case the image is broken.
367
367
```markdown
368
-
368
+
369
369
```
370
+
371
+
You probably want to set the `themeColor` in the `index.html` to go well with your coverpage. See [Theme color](#6.1-theme-color) below.
372
+
373
+
e.g. This tutorial has a grey value for cover and blue value for theme color.
370
374
371
375
#### Cover logo
372
376
@@ -419,10 +423,10 @@ Note: The _Buble_ theme has sidebar headings which are not distinguished from th
419
423
420
424
```html
421
425
<style>
422
-
.sidebar.sidebar-nav>ul>li {
423
-
font-weight: 700;
424
-
margin: 0;
425
-
}
426
+
.sidebar.sidebar-nav>ul>li {
427
+
font-weight: 700;
428
+
margin: 0;
429
+
}
426
430
</style>
427
431
```
428
432
@@ -432,7 +436,7 @@ You can easily reuse the theme color set early:
0 commit comments