Feat:- Add GitHub edit btn

_config.yml

@@ -36,4 +36,5 @@ exclude:
   - node_modules/
 
 
-github: [metadata]
+github:
+  repository_url: "https://github.com/expressjs/expressjs.com"

_layouts/page.html

@@ -22,8 +22,17 @@
         </div>
       {% endif %}
       <div id="page-doc" markdown="1">
-{{ content }}
+        {{ content }}
       </div>
+
+      <a role="button" class="edit-github-btn" href="{{ site.github.repository_url }}/edit/gh-pages/{{ page.path }}" aria-label="Go to the page on GitHub" target="_blank">
+        <span class="hidden-dark">
+          {% include icons/github-light.svg %}
+        </span>
+        <span class="hidden-light">
+          {% include icons/github-dark.svg %}
+        </span>
+        Edit this page</a>
     </section>
 
     {% include footer.html %}

css/style.css

@@ -539,6 +539,19 @@ html[xmlns] .clearfix {
   color: var(--box-fg);
 }
 
+a.edit-github-btn{
+  display: flex;
+  gap: 0.5rem;
+  width: fit-content;
+  padding: 0.5rem;
+  border-radius: 0.3rem;
+
+  &:is(:hover, :active, :focus) {
+    color: var(--fg);
+    background-color: var(--hover-bg);
+  }
+}
+
 #mobile-menu {
   display: none;
   position: relative;
@@ -1278,6 +1291,10 @@ strong.eol {
   display: block;
 }
 
+.hidden-light {
+  display: none;
+}
+
 blockquote {
   margin-left: 0;
   font-weight: 600;