[FEATURE] Different Style for TOC

[HEIGE-PCloud]

The max-width: 800px setting on the article element leaves a lot of blank space on a wide screen. The position and margin of TOC and article need some redesigns.

Different styles can be left as a setting which can be switched by the user manually for each post or entire site, or it can be adjusted by the reader with a button.

[HEIGE-PCloud]

Possible layout 1

.page {
    margin-left: 10%;
    margin-right: auto;
    max-width: initial;
    width: 70%;
}

[HEIGE-PCloud]

Possible layout 2

.page {
    margin-left: 324px;
    margin-right: auto;
    max-width: initial;
    width: 70%;
}
.toc-auto {
    right: 1168px;
    max-width: 328px;
    visibility: visible;
    position: fixed;
    top: 76px;
}

[HEIGE-PCloud]

Possible layout 3

Use a button to turn TOC on and off. The CSS needs to be further optimized.

[HEIGE-PCloud]

I think change max-width: 800px; to max-width: initial; can be the first harmless step.

[wu-yue-yu]

Wow, that's what I'm looking for, I like LoveIt theme, but it seems that the author has abandoned it.
I always thinks that the width is too small, so the reading experience is not good.
BTW, I prefer layouts 1 :)

[HEIGE-PCloud]

Layout 1 has been implemented. This issue will be closed by #35 , if there are future needs for other possible layouts, it's more than welcome to reopen this issue.

[HEIGE-PCloud]

Possible layout 4

Add a button to switch toc between auto-toc and static-toc. Should be quite easy to implement.