Merge pull request #291 from Kasey0727/feat/support-builder

fix: markdown supports go+ builder
goplus · Mar 13, 2024 · a27ce10 · a27ce10
2 parents 64a0787 + 73bc713
commit a27ce10
Show file tree

Hide file tree

Showing 11 changed files with 39,679 additions and 39,433 deletions.
diff --git a/cmd/gopcomm/yap/article_yap.html b/cmd/gopcomm/yap/article_yap.html
@@ -36,33 +36,26 @@
  <link rel="preconnect" href="https://fonts.proxy.ustclug.org">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.proxy.ustclug.org/css2?family=Noto+Sans+SC&display=swap" rel="stylesheet">
+ <style type="text/css" media="screen, print">
+ body {
+ font-family: 'Inter', 'Noto Sans SC'
+ }
+ </style>
 
  <!-- markdown -->
  <link rel="stylesheet" href="/static/GoplusMarkdown/style.css">
  <link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css">
  <script data-widgets="code" src="https://goplus.org/widgets/loader.js"></script>
 
- <!-- stem -->
- <script type="module" src="https://goplus-builder.qiniu.io/widgets/loader.js"></script>
- <style type="text/css" media="screen, print">
- body {
- font-family: 'Inter', 'Noto Sans SC'
- }
- </style>
+ <!-- Go+ Builder -->
+ <script type="module" src="https://builder.goplus.org/widgets/loader.js"></script>
 </head>
 
 <script src="https://cdn.plyr.io/3.6.8/plyr.js"></script>
 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
 <script data-widgets="code" src="https://goplus.org/widgets/loader.js"></script>
 <script src="/static/GoplusMarkdown/GoplusMarkdown.umd.cjs"></script>
 
-<script type="importmap">
- { "imports": { 
- "vue": "https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.41/vue.esm-browser.prod.js", 
- "vue-router": "https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.1.5/vue-router.esm-browser.min.js" 
- } } 
-</script>
-
 <body style="background-color: #f7fafc;">
  {{ template "header" .}}
 
@@ -187,7 +180,7 @@ <h1 class="my-4 text-3xl font-extrabold leading-tight text-gray-900">
  <!-- <p class="ml-1 text-sm" style="color: #a0aec0;">${ likeCount }</p> -->
  </div>
  <!-- Quick Sharing -->
- <div class="flex items-center">
+ <div class="flex items-center" v-if="user">
  <span class="mr-2" style="color: #a0aec0;">Share to</span>
 
  <!-- Facebook Button -->
@@ -238,11 +231,12 @@ <h1 class="my-4 text-3xl font-extrabold leading-tight text-gray-900">
  <hr class="hr-edge-weak" style="margin: 15px 0;">
  </header>
 
- <markdown-viewer :md="article.Content" style="height: auto; background-color: white;"></markdown-viewer>
+ <markdown-viewer :md="article.Content" style="height: auto;"></markdown-viewer>
  </div>
 
+ <!-- Toc -->
  <div style="width: 20%; margin-left: 20px;">
- <n-affix :trigger-top="24" :top="30">
+ <n-affix :trigger-top="24" :top="24">
  <n-anchor ignore-gap style="z-index: 1; --n-link-color: #cee1f5; --n-rail-color-active: #3182ce;">
  <!-- Title 1 -->
  <template v-for="(title1, index) in toc">
@@ -383,8 +377,9 @@ <h1 class="my-4 text-3xl font-extrabold leading-tight text-gray-900">
  style="margin-left: -2px; --n-font-size: 15px;" show-zero></n-badge>
  <!-- <p class="ml-1 text-sm" style="color: #a0aec0;">${ likeCount }</p> -->
  </div>
+
  <!-- Quick Sharing -->
- <div class="flex items-center">
+ <div class="flex items-center" v-if="user">
  <span class="mr-2" style="color: #a0aec0;">Share to</span>
 
  <!-- Facebook Button -->
@@ -435,11 +430,11 @@ <h1 class="my-4 text-3xl font-extrabold leading-tight text-gray-900">
  <hr class="hr-edge-weak" style="margin: 15px 0;">
  </header>
 
- <markdown-viewer :md="article.Content" style="height: auto; background-color: white;"></markdown-viewer>
+ <markdown-viewer :md="article.Content" style="height: auto;"></markdown-viewer>
  </div>
 
  <!-- The End -->
- <p class="text-xs text-center mt-3" style="color: #a0aec0;">- THE END -</p>
+ <p class="text-xs text-center mt-3 mb-1" style="color: #a0aec0;">- THE END -</p>
 
  <!-- Back Top -->
  <n-back-top :right="50" style="--n-icon-color: #3182ce; --n-icon-color-hover: #d3dfe9;
@@ -675,15 +670,15 @@ <h1 class="my-4 text-3xl font-extrabold leading-tight text-gray-900">
  background: white;
  width: 75%;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.05);
- padding: 40px 60px 0 60px;
+ padding: 40px 60px 20px 60px;
  }
 
  .article-container {
  border-radius: 10px;
  background: white;
  width: 75%;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.05);
- padding: 40px 60px 0 60px;
+ padding: 40px 60px 20px 60px;
  margin: auto;
  }
 

diff --git a/cmd/gopcomm/yap/edit_yap.html b/cmd/gopcomm/yap/edit_yap.html
@@ -28,8 +28,8 @@
  <!-- Plyr组件-->
  <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
 
- <!-- stem -->
- <script type="module" src="https://goplus-builder.qiniu.io/widgets/loader.js"></script>
+ <!-- Go+ Builder -->
+ <script type="module" src="https://builder.goplus.org/widgets/loader.js"></script>
 
  <style type="text/css" media="screen, print">
  body {