crypt0rr / gl-inet-docs4.x

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GL.iNet documentation

This repository is the source code for documentation of GL.iNet routers firmware 4.x

Environment

Build by mkdocs 1.2.2, with theme mkdocs-material 7.2.2

Online View

Please view the docs online at https://docs.gl-inet.com/router/en/4/

Guide

Markdown syntax

Each page use markdown, please check out this basic syntax of markdown here.

Open in new tab

If you wanna a link to open in new tab, add {target="_blank"} at the end of link block.

Image file type

Prefer to use png.

Image lightbox

If the size of image is too big, please use the PhotoSwipe, check out here.

Image size

Use gl-50-desktop, gl-60-desktop, gl-70-desktop,gl-80-desktop, gl-90-desktop to set the percentage of the image width on desktop browser.

![gl.inet enable vpn cascading](https://static.gl-inet.com/docs/en/4/tutorials/vpn_cascading/enable_vpn_cascading.png){class="gl-50-desktop"}

Image captions

<figure>
  <img src="https://dummyimage.com/600x400/eee/aaa" width="300" />
  <figcaption>Image caption</figcaption>
</figure>

Use relative path to link internal content

[easytethering](../../../tutorials/tether)

About plugin PhotoSwipe

Using the v4 version, v5 version looks better, but need to load js module. Don't know how to work it out in mkdocs.

Suggest to use PhotoSwipe when the width of image is large than 1021px.

<div class="gl-lightbox" itemscope itemtype="http://schema.org/ImageGallery">
  <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
    <a href="https://static.gl-inet.com/docs/en/3/setup/gl-b2200/hardware/hardware_1.jpg" itemprop="contentUrl" data-size="3167x2480">
      <img src="https://static.gl-inet.com/docs/en/3/setup/gl-b2200/hardware/hardware_1.jpg" itemprop="thumbnail" alt="gl-b2200 pcb pinout" />
    </a>
  </figure>
</div>

Reference:

https://photoswipe.com/documentation/getting-started.html

https://codepen.io/dimsemenov/pen/ZYbPJM

About versoning

There is a plugin named mike is for versoning, it need to deploy with Github Page, but I don't use Github Page, I just copy the file structure like mike does. Please check out mkdocs-material-example-versioning, and switch to gh-pages branch.

Reference:

Setting up versioning

https://squidfunk.github.io/mkdocs-material-example-versioning/

About


Languages

Language:HTML 100.0%