docs: update gettingstarted

This commit is contained in:
Administrator 2025-07-06 02:44:40 +00:00 committed by DeLuce
parent 54179cfe9b
commit 8fe3721dd7

View File

@ -2,66 +2,65 @@
title: Getting Started
description:
published: true
date: 2025-07-06T02:44:35.814Z
date: 2025-07-06T02:44:39.214Z
tags:
editor: code
dateCreated: 2025-06-08T03:06:31.460Z
-->
<div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
<pre class="prismjs line-numbers" v-pre="true"><code class="language-">&lt;!-- Logo --&gt;
&lt;img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;" /&gt;
&lt;!-- Gray Guide Box --&gt;
&lt;div style="
border: 1px solid #888;
border-radius: 8px;
padding: 15px;
background-color: #2a2a2a;
color: #fff;
font-size: 20px;
font-weight: bold;
display: flex;
flex-direction: column;
align-items: center;
line-height: normal;
margin-top: 20px;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
"&gt;
&lt;div&gt;
Please follow this simple guide to install &lt;span style="color: #fdd835;"&gt;NGD scripts&lt;/span&gt;.
&lt;/div&gt;
&lt;div style="color: #4a90e2; font-size: 16px; margin-top: 5px;"&gt;
&lt;strong&gt;BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION&lt;/strong&gt;
&lt;/div&gt;
&lt;div style="margin-top: 10px;"&gt;
&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/g-iYc0wXeis"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
<!-- Logo -->
<img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;" />
&lt;!-- Instructions --&gt;
&lt;div style="margin-top: 30px; font-size: 16px; line-height: 1.6; max-width: 900px;"&gt;
&lt;strong&gt;🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!&lt;/strong&gt;
&lt;ol style="text-align: left;"&gt;
&lt;li&gt;Download all NGD resources from &lt;a href="https://keymaster.fivem.net/" target="_blank"&gt;Keymaster&lt;/a&gt; or &lt;a href="https://portal.cfx.re/" target="_blank"&gt;CFX Portal&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Create a folder called &lt;code&gt;[ngd]&lt;/code&gt; inside your server's main resource folder.&lt;/li&gt;
&lt;li&gt;Extract all your NGD resources into that folder &lt;a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank"&gt;like shown&lt;/a&gt; (your resources may vary).&lt;/li&gt;
&lt;li&gt;Open your servers &lt;code&gt;server.cfg&lt;/code&gt; file. At the &lt;strong&gt;bottom&lt;/strong&gt;, add these lines then restart your server:
&lt;pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;"&gt;ensure ngd-Bridge
</code></pre>
<p>ensure ngd-dj<br>
ensure [ngd]<br>
<br>
<br>
</p><p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn't receive it with your resources.</p><br>
<p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p><br>
<p><strong>Important:</strong> If your script includes items, make sure to add them to your framework/inventory along with all icons from the <code>img</code> folder!</p><br>
</div><p></p><div>
<!-- Gray Guide Box -->
<div style="
border: 1px solid #888;
border-radius: 8px;
padding: 15px;
background-color: #2a2a2a;
color: #fff;
font-size: 20px;
font-weight: bold;
display: flex;
flex-direction: column;
align-items: center;
line-height: normal;
margin-top: 20px;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
">
<div>
Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
</div>
<div style="color: #4a90e2; font-size: 16px; margin-top: 5px;">
<strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
</div>
<div style="margin-top: 10px;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/g-iYc0wXeis"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Instructions -->
<div style="margin-top: 30px; font-size: 16px; line-height: 1.6; max-width: 900px; text-align: left;">
<strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong>
<ol>
<li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">CFX Portal</a>.</li>
<li>Create a folder called <code>[ngd]</code> inside your server's main resource folder.</li>
<li>Extract all your NGD resources into that folder <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank">like shown</a> (your resources may vary).</li>
<li>Open your servers <code>server.cfg</code> file. At the <strong>bottom</strong>, add these lines then restart your server:
<pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;">ensure ngd-Bridge
ensure ngd-dj
ensure [ngd]</pre>
</li>
</ol>
<p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn't receive it with your resources.</p>
<p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p>
<p><strong>Important:</strong> If your script includes items, make sure to add them to your framework/inventory along with all icons from the <code>img</code> folder!</p>
</div>
</div>