Add External Pages

_includes/navbar.html

@@ -11,7 +11,7 @@
       {% assign pages = site.html_pages | sort: 'weight' %}
       {% for site_page in pages %}
         {% if site_page.title %}
-          <a class="nav-item nav-link{% if page.url contains site_page.permalink %} active {% endif %}" href="{{ site_page.permalink | relative_url }}">{{ site_page.title }}</a>
+          <a class="nav-item nav-link {% if page.url contains site_page.permalink %} active {% endif %}" href="{% if site_page.external_url %} {{ site_page.external_url }} {% else %} {{ site_page.permalink | relative_url }} {% endif %}">{{ site_page.title }}</a>
         {% endif %}
       {% endfor %}
     </div>

docs/docs.md

@@ -169,6 +169,22 @@ To change the favicon for example just generate your own using [favicon](https:/
 1. The new page will be added to the navigation bar of your project.
 1. Check more pages templates from [here]({{ site.repo }}/tree/master/pages).
 
+#### Adding External Page
+
+1. Add `page-name.html` or `page-name.md` to `pages/`, `new subfolder` or to `root directory` of your project.
+1. Add [front matter](https://jekyllrb.com/docs/front-matter/) to the top of your new page.
+
+   ```yaml
+   ---
+   layout: null
+   title: Page Name
+   weight: 6
+   external_url: https://google.com/
+   ---
+   ```
+
+1. The new page will be added to the navigation bar of your project and will redirect to the external URL.
+
 #### Adding new Skill
 
 - Add the following lines to `_data/programming-skills.yml` or `_data/other-skills.yml`.

docs/github.md

@@ -0,0 +1,6 @@
+---
+layout: null
+title: <i class="fab fa-1x fa-github"></i>
+weight: 6
+external_url: https://github.com/YoussefRaafatNasry/portfolYOU
+---