Installation and Conversion to Yugal.JS

New Yugal.JS Project

git clone https://github.com/sinhapaurush/yugal.JS.git

Installation in Yugal.PHP

Installation in Yugal.PHP

Coverting Existing Bare Project to Yugal.JS

  • Add the following code to your <head> tag.

 <link rel="stylesheet" href="https://yugaljs.netlify.app/yugal.css">

  • Add comments below at the end of <head> tag.

<!-- ADD ANY YOUR CUSTOM <HEAD> CODE ABOVE, DON'T ADD ANY CUSTOM HEAD CODE BELOW.  -->
<!-- DO NOT DELETE THIS COMMENT! THIS COMMENT IS VERY IMPORTANT FOR YUGAL TO WORK! -->

So that code must look like

 <head>
  ...
   <link rel="stylesheet" href="https://yugaljs.netlify.app/yugal.css">
  ...
  <!-- ADD ANY YOUR CUSTOM <HEAD> CODE ABOVE, DON'T ADD ANY CUSTOM HEAD CODE BELOW.  -->
  <!-- DO NOT DELETE THIS COMMENT! THIS COMMENT IS VERY IMPORTANT FOR YUGAL TO WORK! -->
 </head>

  • Add follwing code to <body> tag.

  <div id="yugal-root"></div>
  <style id="yugal-style"></style>

  • Add following code at the end of <body>

 <script src="https://yugaljs.netlify.app/yugal.js"></script>

  • Create a file with name .htaccess in your root folder of project. Follow the instructions below. Remove all other code from <body>, and convert it in the following code format.

PreviousYugal.JS - IntroNextInstallation in Yugal.PHP

Last updated

Was this helpful?