41 lines
1.7 KiB
HTML
41 lines
1.7 KiB
HTML
<h1 align="center"><a href="https://github.com/mrdoob/three.js">JavaScript 3D library</a> for <a href="https://github.com/theme-next">NexT</a></h1>
|
|
|
|
<h1 align="center">Installation</h1>
|
|
|
|
<h2>If you want to use the CDN instead of clone this repo, please jump to the Step 3.</h2>
|
|
|
|
<h2 align="center">Step 1 → Go to NexT dir</h2>
|
|
|
|
<p>Change dir to <strong>NexT</strong> directory. There must be <code>layout</code>, <code>source</code>, <code>languages</code> and other directories:</p>
|
|
<pre><code class="sh">$ cd themes/next
|
|
$ ls
|
|
_config.yml crowdin.yml docs gulpfile.js languages layout LICENSE.md package.json README.md scripts source
|
|
</code></pre>
|
|
<h2 align="center">Step 2 → Get module</h2>
|
|
|
|
<p>Install module to <code>source/lib</code> directory:</p>
|
|
<pre><code class="sh">$ git clone https://github.com/theme-next/theme-next-three source/lib/three
|
|
</code></pre>
|
|
<h2 align="center">Step 3 → Set it up</h2>
|
|
|
|
<p>Enable module in <strong>NexT</strong> <code>_config.yml</code> file:</p>
|
|
<pre><code class="yml">three_waves: true
|
|
OR
|
|
canvas_lines: true
|
|
OR
|
|
canvas_sphere: true
|
|
</code></pre>
|
|
<p><strong>And, if you wants to use the CDN, then need to set:</strong></p>
|
|
<pre><code class="yml">vendors:
|
|
...
|
|
three: //cdn.jsdelivr.net/gh/theme-next/theme-next-three@1/three.min.js
|
|
three_waves: //cdn.jsdelivr.net/gh/theme-next/theme-next-three@latest/three-waves.min.js
|
|
canvas_lines: //cdn.jsdelivr.net/gh/theme-next/theme-next-three@latest/canvas_lines.min.js
|
|
canvas_sphere: //cdn.jsdelivr.net/gh/theme-next/theme-next-three@latest/canvas_sphere.min.js
|
|
</code></pre>
|
|
<h1 align="center">Update</h1>
|
|
|
|
<pre><code class="sh">$ cd themes/next/source/lib/three
|
|
$ git pull
|
|
</code></pre>
|