Mirrors/tachiyomi-website
2
0
Fork 0
mirror of https://github.com/tachiyomiorg/website.git synced 2024-12-21 07:31:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add folder structure to reading local manga guide.

Browse Source
This commit is contained in:
Alessandro Jean 2019-09-24 21:22:28 -03:00
parent 5f85d28577
commit fcab813fbb
2 changed files with 142 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
src/.vuepress/styles/index.scss
View File

@ -56,3 +56,90 @@
.badge.version-indicator { .badge.version-indicator {
background-color: #000000 !important; background-color: #000000 !important;
} }
.file-tree {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 0.85rem;
li, ul {
position: relative;
}
li {
margin: 0;
padding-left: 1rem;
font-weight: bold;
&.file {
font-weight: normal;
}
&::before, &::after {
content: "";
position: absolute;
left: 0em;
}
&::before {
border-top: 1px solid black;
top: 0.7em;
width: 0.5em;
height: 0;
}
&:last-child::after {
height: 0.7em;
}
&::after {
top: 0px;
border-left: 1px solid black;
height: 100%;
width: 0px;
}
}
ul {
margin-left: 1em;
}
& > li:first-child::before, & > li:first-child::after {
content: none;
}
}
.file-tree, .file-tree ul {
list-style: none;
padding: 0;
}
.side-by-side {
display: flex;
align-content: middle;
justify-content: center;
& > * {
width: 50%;
}
& > * + * {
border-left: 1px solid #aaa;
}
}
@media (max-width: 767px) {
.side-by-side {
flex-direction: column;
& > * {
width: 100%;
}
& > * + * {
margin-top: 0;
padding-top: 1em;
border-left: none;
border-top: 1px solid #aaa;
}
}
}

59
src/help/guides/reading-local-manga.md
View File

@ -19,11 +19,62 @@ Supported chapter formats are directories with pictures inside, `ZIP`/`CBZ`, `RA
You can also place your chapters or manga in both storages and Tachiyomi will merge them. You can also place your chapters or manga in both storages and Tachiyomi will merge them.
**Example:** ::: tip EXAMPLE
- `/sdcard/Tachiyomi/local/my manga/ch1` <div class="side-by-side">
- `/storage/18F5-2C11/Tachiyomi/local/my manga/ch2` <ul class="file-tree">
<li>
/sdcard/Tachiyomi/local
<ul>
<li>
My manga
<ul>
<li>
ch1
<ul>
<li class="file">files</li>
</ul>
</li>
<li>
ch2
<ul>
<li class="file">files</li>
</ul>
</li>
</ul>
</li>
<li>&hellip;</li>
</ul>
</li>
</ul>
<ul class="file-tree">
<li>
/storage/18F5-2C11/Tachiyomi/local
<ul>
<li>
My manga
<ul>
<li>
ch3
<ul>
<li class="file">files</li>
</ul>
</li>
<li>
ch4
<ul>
<li class="file">files</li>
</ul>
</li>
</ul>
</li>
<li>&hellip;</li>
</ul>
</li>
</ul>
</div>
:::
Tachiyomi will see two chapters in a single manga. Tachiyomi will see four chapters in a single manga.
The path to the folder (or archive) with images must contain both the manga title and the chapter name (as seen above). The path to the folder (or archive) with images must contain both the manga title and the chapter name (as seen above).