ClearML/clearml-docs
1
0
Fork 0
mirror of https://github.com/clearml/clearml-docs synced 2025-04-23 15:54:53 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fix icon links

Browse Source
This commit is contained in:
allegroai 2021-05-19 03:12:21 +03:00
parent 3e1916c620
commit 010b7ac372
3 changed files with 42 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
docs/integrations/storage.md
View File

@ -2,16 +2,15 @@
title: Storage
---
import ImageSwitcher from '/ImageSwitcher.js';
ClearML is able to interface with the most popular storage solutions in the market for storing model checkpoints, artifacts
ClearML is able to interface with the most popular storage solutions in the market for storing model checkpoints, artifacts
and charts.
Supported storage mediums include:
<ImageSwitcher alt="ClearML Supported Storage"
lightImageSrc="/icons/ClearML_Supported_Storage--on-light.png"
darkImageSrc="/icons/ClearML_Supported_Storage--on-dark.png"
lightImageSrc="/docs/latest/icons/ClearML_Supported_Storage--on-light.png"
darkImageSrc="/docs/latest/icons/ClearML_Supported_Storage--on-dark.png"
/>
:::note
@ -61,7 +60,7 @@ ClearML also supports [MinIO](https://github.com/minio/minio) by adding this con
# multipart: false
# secure: false
# }
```
```
### Configuring Azure
To configure Azure blob storage specify the account name and key.
@ -106,7 +105,7 @@ It's also possible to specify credentials for a specific bucket.
ClearML Offers a package to manage downloading, uploading and caching of content directly from code.
### Uploading files
To upload a file using storage manager, just run the following line specifying the path to a local file or folder, and the
To upload a file using storage manager, just run the following line specifying the path to a local file or folder, and the
remote destination.
```python
from clearml import StorageManager
@ -119,10 +118,10 @@ StorageManager.upload_file(local_file='path_to_file',remote_url='s3://my_bucket'
To download files into cache, run the following line, specifying the remote destination's URL.
```python
StorageManager.get_local_copy(remote_url='s3://my_bucket/path_to_file')
```
```
:::note
Zip and tar.gz files will be automatically extracted to cache. This can be controlled with the`extract_archive` flag.
Zip and tar.gz files will be automatically extracted to cache. This can be controlled with the`extract_archive` flag.
:::
### Controling cache file limit
@ -130,7 +129,7 @@ It's possible to control the maximum cache size by limiting the number of files
This is done by calling the ```StorageManager.set_cache_file_limit()``` method.
## Caching
ClearML also manages a cache of all downloaded content so nothing is duplicated, and code won't need to download the same
ClearML also manages a cache of all downloaded content so nothing is duplicated, and code won't need to download the same
piece twice!
Configure cache location by modifying the [clearml.conf](../configs/clearml_conf.md) file:
@ -153,7 +152,7 @@ storage {
### Direct Access
By default, all artifacts (Models \ Artifacts \ Datasets) are automatically downloaded to the cache before they're used.<br/>
Some storage mediums (NFS \ Local storage) allows for direct access,
Some storage mediums (NFS \ Local storage) allows for direct access,
which means that the code would work with the object where it's originally stored and not downloaded to cache first.<br/>
To enable direct access, specify the urls to access directly.

42
src/css/custom.css
View File

@ -181,17 +181,17 @@ html[data-theme="light"] .hero .button.button--primary{
/* header social icons */
.header-ico--github {
background-image: url(docs/latest/img/ico-github.svg);
background-image: url('/docs/latest/img/ico-github.svg');
margin-right: calc(var(--ifm-navbar-item-padding-horizontal) * 2);
}
.header-ico--twitter {
background-image: url(docs/latest/img/ico-twitter.svg);
background-image: url('/docs/latest/img/ico-twitter.svg');
}
.header-ico--youtube {
background-image: url(docs/latest/img/ico-youtube.svg);
background-image: url('/docs/latest/img/ico-youtube.svg');
}
.header-ico--slack {
background-image: url(docs/latest/img/ico-slack.svg);
background-image: url('/docs/latest/img/ico-slack.svg');
}
.header-ico {
width:24px;
@ -255,7 +255,7 @@ html[data-theme="light"] .hero .button.button--primary{
html[data-theme="light"] [class^="sidebarLogo"] {
background: url(docs/latest/img/logo--on-light.svg) 1rem center no-repeat;
background: url('/docs/latest/img/logo--on-light.svg') 1rem center no-repeat;
background-size: 6rem;
}
html[data-theme="light"] [class^="sidebarLogo"] > img {
@ -283,7 +283,7 @@ html[data-theme="dark"] .navbar-sidebar {
background-color: #141722;
}
html[data-theme="light"] .navbar-sidebar .navbar__brand {
background: url(docs/latest/img/logo--on-light.svg) 0 center no-repeat;
background: url('/docs/latest/img/logo--on-light.svg') 0 center no-repeat;
background-size: 5.5rem;
}
html[data-theme="light"] .navbar-sidebar .navbar__logo {
@ -315,16 +315,16 @@ html[data-theme="dark"] .navbar-sidebar .menu__link.header-ico--slack:before {
.navbar-sidebar .menu__link.header-ico--slack:hover {
background: url(docs/latest/img/ico-slack.svg) no-repeat center;
background: url('/docs/latest/img/ico-slack.svg') no-repeat center;
}
.navbar-sidebar .menu__link.header-ico--twitter:hover {
background: url(docs/latest/img/ico-twitter.svg) no-repeat center;
background: url('/docs/latest/img/ico-twitter.svg') no-repeat center;
}
.navbar-sidebar .menu__link.header-ico--github:hover {
background: url(docs/latest/img/ico-github.svg) no-repeat center;
background: url('/docs/latest/img/ico-github.svg') no-repeat center;
}
.navbar-sidebar .menu__link.header-ico--youtube:hover {
background: url(docs/latest/img/ico-youtube.svg) no-repeat center;
background: url('/docs/latest/img/ico-youtube.svg') no-repeat center;
}
.menu__link.header-ico {
@ -414,22 +414,22 @@ html[data-theme="dark"] .footer__copyright {
/* social links icons */
.footer__link-item[href*="slack"] {
padding-left: 1.4rem;
background: url(docs/latest/img/ico-slack.svg) no-repeat left center;
background: url('/docs/latest/img/ico-slack.svg') no-repeat left center;
background-size: 1rem;
}
.footer__link-item[href*="youtube"] {
padding-left: 1.4rem;
background: url(docs/latest/img/ico-youtube.svg) no-repeat left center;
background: url('/docs/latest/img/ico-youtube.svg') no-repeat left center;
background-size: 1rem;
}
.footer__link-item[href*="twitter"] {
padding-left: 1.4rem;
background: url(docs/latest/img/ico-twitter.svg) no-repeat left center;
background: url('/docs/latest/img/ico-twitter.svg') no-repeat left center;
background-size: 1rem;
}
.footer__link-item[href*="stackoverflow"] {
padding-left: 1.4rem;
background: url(docs/latest/img/ico-stackoverflow.svg) no-repeat left center;
background: url('/docs/latest/img/ico-stackoverflow.svg') no-repeat left center;
background-size: 1rem;
}
@ -582,7 +582,7 @@ html[data-theme="light"] .icon {
height: 24px;
transform: rotate(0);
transition: 0.25s;
background: url(docs/latest/icons/ico-chevron-down.svg) no-repeat center;
background: url('/docs/latest/icons/ico-chevron-down.svg') no-repeat center;
}
/* expansion content */
@ -594,23 +594,23 @@ html[data-theme="light"] .icon {
/* icon types */
/* -> info */
.cml-expansion-panel.info .cml-expansion-panel-summary:before {
background-image: url(docs/latest/icons/ico-info-circle.svg);
background-image: url('/docs/latest/icons/ico-info-circle.svg');
}
/* -> tips */
.cml-expansion-panel.tips .cml-expansion-panel-summary:before {
background-image: url(docs/latest/icons/ico-tips.svg);
background-image: url('/docs/latest/icons/ico-tips.svg');
}
/* -> alert */
.cml-expansion-panel.alert .cml-expansion-panel-summary:before {
background-image: url(docs/latest/icons/ico-alert.svg);
background-image: url('/docs/latest/icons/ico-alert.svg');
}
/* -> screenshot */
.cml-expansion-panel.screenshot .cml-expansion-panel-summary:before {
background-image: url(docs/latest/icons/ico-image.svg);
background-image: url('/docs/latest/icons/ico-image.svg');
}
/* -> configuration */
.cml-expansion-panel.configuration .cml-expansion-panel-summary:before {
background-image: url(docs/latest/icons/ico-config.svg);
background-image: url('/docs/latest/icons/ico-config.svg');
}
/* light mode */
@ -701,7 +701,7 @@ html[data-theme="dark"] .alert--info {
/* show visual identification for external links */
.markdown a[href^="https://"] {
background: url(docs/latest/icons/ico-open-in-new.svg) center right no-repeat;
background: url('/docs/latest/icons/ico-open-in-new.svg') center right no-repeat;
background-size: 0.9rem;
margin-right: 0.4rem;
padding-right: 1rem;

12
src/theme/ImageSwitcher.js Normal file
View File

@ -0,0 +1,12 @@
import React from 'react';
import useThemeContext from '@theme/hooks/useThemeContext';
const ImageSwitcher = ({lightImageSrc, darkImageSrc, alt}) => {
const { isDarkTheme } = useThemeContext();
return (
<img src={isDarkTheme ? darkImageSrc : lightImageSrc} alt={alt} className="img-swt" />
)
}
export default ImageSwitcher;