feat: Post edit Easily browse and edit blog source code online

_config.yml

@@ -194,6 +194,13 @@ reward:
     # - img: /img/alipay.jpg
     #   link:
     #   text: alipay
+    
+# Post edit
+# Easily browse and edit blog source code online.
+post_edit:
+  enable: false
+  url: https://github.com/user-name/repo-name/tree/branch-name/subdirectory-name/ # Link for view source
+  #url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/ # Link for fork & edit
 
 # Related Articles
 related_post:

layout/includes/header/index.pug

@@ -48,3 +48,6 @@ header#page-header(class=isHomeClass style=bg_img)
     else
       #page-site-info
         h1#site-title=site_title
+          if theme.post_edit.enable
+            a.post-edit-link(href=post_edit(page.source) title="编辑")
+              i.fa.fa-pen-nib

layout/includes/header/post-info.pug

@@ -1,6 +1,9 @@
 #post-info
   h1.post-title= page.title || _p('no_title')
-    
+    if theme.post_edit.enable
+      a.post-edit-link(href=post_edit(page.source) title="编辑")
+        i.fa.fa-pen-nib
+        
   #post-meta
     .meta-firstline
       if (theme.post_meta.post.date_type)

scripts/helpers/page.js

@@ -70,3 +70,9 @@ hexo.extend.helper.register('injectHtml', function (data) {
   }
   return result
 })
+
+hexo.extend.helper.register('post_edit', function(src) {
+  const { post_edit } = this.theme;
+  if (!post_edit.enable) return '';
+  return post_edit.url + src
+})

source/css/_layout/head.styl

@@ -141,6 +141,9 @@
 
     +maxWidth768()
       font-size: 1.72em
+    
+    .post-edit-link
+      float: inline-end
 
   #post-meta
     color: var(--light-grey)
@@ -193,6 +196,9 @@
       border-bottom: 1px solid var(--light-grey)
       color: var(--text-highlight-color)
 
+      .post-edit-link
+        float: right
+        
     #post-meta,
     #post-meta a
       color: #78818a