【详细教程hexo博客搭建】2、Vercel部署并绑定自定义域名+安装Butterfly主题

女爷i 2024-04-23 03:39 68阅读 0赞

### 2.Vercel部署与自定义域名 ###

#### 2.1 Vercel部署 ####

Vercel简介：[vercel][]是一个代码托管平台，它能够托管你的静态html界面，甚至能够托管你的node.js与Python服务端脚本，是**不想买服务器的懒人的福音**！

**使用Vercel部署Hexo项目步骤：**

1.  首先需要一个Vercel账号，这里**推荐用GitHub账户关联，这样你就可以在vercel中直接托管你的GitHub库中的项目了**，实现开发部署一步到位（网络不流畅可以考虑挂梯子）。
    
    [![image-20221027223132537][]][image-20221027223132537 1]
2.  当你用你的Github账户关联并绑定手机号登录之后，点击右上角的`Add New Project`创建新的项目，之后导入选项那里选择`Continue with Github`，这时候应该能看到你Github账号的仓库，选择你刚刚部署成功的存储静态博客的仓库`<username>.github.io`右边的`Import`选项，表示你要导入该仓库。
    
    [![image-20221027223231192][]][image-20221027223231192 1]
    
    [![image-20221027223420282][]][image-20221027223420282 1]
    
    [![image-20221027223742660][]][image-20221027223742660 1]
3.  起一个只能有字母、数字或者或者连字符的项目名称，然后其他默认，点击`Deploy`，等待一分钟即可部署成功，部署成功后电极`Continue to Dashboard`跳转到控制面板，下图所示就是控制面板，看到就代表成功部署到了，但是我们现在还不能访问他给出的域，因为GFW最近把Vercel屏蔽了。

[![image-20221027224225808][]][image-20221027224225808 1]

[![image-20221027224405464][]][image-20221027224405464 1]

#### 2.2 绑定自定义域名 ####

现在你的个人网站的地址是 `username.github.io`以及在Vercel上有一个`blog-demo-chi.vercel.app`。如果觉得不够定制化，可以购买一个专属域名。

这一步不是必要的，如果目前还不想买域名可以先跳过。

腾讯云、阿里云等都是不错的域名代理商，建议选用`com`，`cn`或`cc`这类常用好记的顶域，对SEO比较友好，自定义部分的长度尽可能短别人才会更容易地记住你的网站，要知道域名就是你网站的卡片。此处以阿里云域名为例进行说明，购买域名后，实名认证进入阿里云控制台，点云解析进去，找到你刚买的域名，点进去添加Vercel所需的解析记录，注意博主这里是解析二级域名只需要解析一条即可。但是如果是一级域名，需要解析两个，一个是`@`，另外一个是`www`，Vercel建议是`@`的解析重定向至`www`。

以我的域名：`fomal.cc`为例进行说明

<table> 
 <thead> 
  <tr> 
   <th>主机记录</th> 
   <th>解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>www</td> 
   <td>解析后的域名为&nbsp;<a href="http://www.fomal.cc/" rel="nofollow" title="www.fomal.cc">www.fomal.cc</a></td> 
  </tr> 
  <tr> 
   <td>@</td> 
   <td>直接解析主域名&nbsp;<a href="http://fomal.cc/" rel="nofollow" title="fomal.cc">fomal.cc</a></td> 
  </tr> 
  <tr> 
   <td>*</td> 
   <td>泛解析，匹配其他所有域名 *.fomal.cc</td> 
  </tr> 
  <tr> 
   <td>mail</td> 
   <td>将域名解析为&nbsp;<a href="http://mail.fomal.cc/" rel="nofollow" title="mail.fomal.cc">mail.fomal.cc</a>，通常用于解析邮箱服务器</td> 
  </tr> 
  <tr> 
   <td>二级</td> 
   <td>如&nbsp;<a href="http://abc.fomal.cc/" rel="nofollow" title="abc.fomal.cc">abc.fomal.cc</a>，填写 abc</td> 
  </tr> 
  <tr> 
   <td>手机网站</td> 
   <td>如&nbsp;<a href="http://m.fomal.cc/" rel="nofollow" title="m.fomal.cc">m.fomal.cc</a>，填写 m</td> 
  </tr> 
  <tr> 
   <td>显性URL</td> 
   <td>不支持泛解析（泛解析：将所有子域名解析到同一地址）</td> 
  </tr> 
 </tbody> 
</table>

将域名指向云服务器，请选择「A」； 将域名指向另一个域名，请选择「CNAME」； 建立邮箱请选择「MX」，根据邮箱服务商提供的 MX 记录填写。

<table> 
 <thead> 
  <tr> 
   <th>记录类型</th> 
   <th>解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>A</td> 
   <td>用来指定域名的 IPv4 地址（如 8.8.8.8），如果需要将域名指向一个 IP 地址，就需要添加 A 记录。</td> 
  </tr> 
  <tr> 
   <td>CNAME</td> 
   <td>如果需要将域名指向另一个域名，再由另一个域名提供 IP 地址，就需要添加 CNAME 记录。</td> 
  </tr> 
  <tr> 
   <td>MX</td> 
   <td>如果需要设置邮箱，让邮箱能收到邮件，就需要添加 MX 记录。</td> 
  </tr> 
  <tr> 
   <td>TXT</td> 
   <td>在这里可以填写任何东西，长度限制 255。绝大多数的 TXT 记录是用来做 SPF 记录（反垃圾邮件）</td> 
  </tr> 
  <tr> 
   <td>NS</td> 
   <td>域名服务器记录，如果需要将子域名交给其他 DNS 服务商解析，就需要添加 NS 记录。</td> 
  </tr> 
  <tr> 
   <td>AAAA</td> 
   <td>用来指定主机名（或域名）对应的 IPv6 地址（例如：ff06:0:0:0:0:0:0:c3）记录。</td> 
  </tr> 
  <tr> 
   <td>SRV</td> 
   <td>记录了哪台计算机提供了哪个服务。格式为：服务的名字、点、协议的类型，例如：_xmpp-server_tcp。</td> 
  </tr> 
  <tr> 
   <td>显性URL</td> 
   <td>从一个地址 301 重定向到另一个地址的时候，就需要添加显性 URL 记录（注：DNSPod 目前只支持 301 重定向）。</td> 
  </tr> 
  <tr> 
   <td>隐性URL</td> 
   <td>类似于显性 URL，区别在于隐性 URL 不会改变地址栏的域名。</td> 
  </tr> 
 </tbody> 
</table>

**添加自定义域名的步骤：**

1.  点击Vercel控制面板右上角的`View Domains`查看当前的域，我们可以看到仅有Vercel给你预分配的一个域名，此时我们输入刚刚购买的域名，我这里以二级域名`demo.fomal.cc`为例进行说明，添加后他会提示你添加一条DNS解析记录。
    
    [![image-20221027224803563][]][image-20221027224803563 1]
    
    [![image-20221027224830609][]][image-20221027224830609 1]
    
    [![image-20221027225338126][]][image-20221027225338126 1]
    
      
    **PS**：如果你是新买的域名，直接输入你新买的一级域名即可，例如`demo123.com`，他会推荐你将`demo123.com`重定向至`www.demo123.com`，点`ADD`即可，然后他会提示你添加两条解析记录，一个是`@`开头的和`CNAME`开头的，添加记录的方法和二级域名一致。
    
    [![image-20221027225758503][]][image-20221027225758503 1]
    
    [![image-20221027225808449][]][image-20221027225808449 1]
2.  在阿里云域名解析记录里面添加如下记录，其中记录类型对应`Type`，主机记录对应`Name`，记录值对应`Value`，其他的设置默认即可。
    
    [![image-20221027230049667][]][image-20221027230049667 1]
3.  回到Vercel刚刚查看域名的地方，如果操作没问题，应该会显示域名配置成功的提示，此时就可以通过自定义域名来访问我们搭建的网站了。
    
    [![image-20221027230357362][]][image-20221027230357362 1]
    
    [![image-20221027230421929][]][image-20221027230421929 1]
4.  当你有了新的域名之后，需要`[BlogRoot]\_config.yml`文件中的`url`配置项为自己的新域名，这样博客的文章链接才会正确生成。

[![image-20221028113042788][]][image-20221028113042788 1]

### 3.安装主题 ###

本教程用的 ? hexo-theme-butterfly 主题 v4.5.0最新版，请放心食用。

本教程用的是npm方式安装的 `hexo-theme-butterfly`，后续魔改时更改的文件都是【C:/Hexo-Blog/blog-demo/node\_modules/hexo-theme-butterfly】文件夹中的文件。如果你是`git clone`克隆方式安装的主题，请在【C:/Hexo-Blog/blog-demo/themes/butterfly】文件夹下修改对应的文件。

*  npm安装(推荐)
 *  Github安装
 *  Gitee安装

注意：此方法只支持 Hexo 5.0.0以上版本!

在你的博客根目录（我这里路径为【C:/Hexo-Blog/blog-demo】）打开`Git BASH`命令窗口执行`npm i hexo-theme-butterfly`

SHELL

<table> 
 <tbody> 
  <tr> 
   <td> <pre>1
</pre> </td> 
   <td> <pre>npm i hexo-theme-butterfly
</pre> </td> 
  </tr> 
 </tbody> 
</table>

安装成功后可在【C:/Hexo-Blog/blog-demo/node\_modules】文件夹下找到hexo-theme-butterfly文件夹

升级方法：在博客根目录下，运行 `npm update hexo-theme-butterfly`。  
升级前请将`hexo-theme-butterfly`文件夹备份，npm更新会直接覆盖成新的包。

### 4.应用主题 ###

1.  修改站点配置文件`_config.yml`，把主题改为`butterfly`
    
    YAML
    
    <table> 
     <tbody> 
      <tr> 
       <td> <pre>1
    </pre> </td> 
       <td> <pre>theme: butterfly
    </pre> </td> 
      </tr> 
     </tbody> 
    </table>
2.  如果你没有`pug`以及`stylus`的渲染器，请下载安装，这两个渲染器是`Butterfly`生成基础页面所需的依赖包：
    
    SHELL
    
    <table> 
     <tbody> 
      <tr> 
       <td> <pre>1
    </pre> </td> 
       <td> <pre>npm install hexo-renderer-pug hexo-renderer-stylus --save
    </pre> </td> 
      </tr> 
     </tbody> 
    </table>
3.  为了减少升级主题后带来的不便，请使用以下方法（建议，可以不做，高度魔改的一般都不会升级主题了，不然魔改的会被覆盖掉）  
    把主题文件夹中的 `_config.yml` 复制到 Hexo 根目录里（我这里路径为【C:/Hexo-Blog/blog-demo】），同时重新命名为 `_config.butterfly.yml`。以后只需要在 `_config.butterfly.yml`进行配置即可生效。Hexo会自动合併主题中的`_config.yml`和 `_config.butterfly.yml`里的配置，如果存在同名配置，会使用`_config.butterfly.yml`的配置，其优先度较高。

### 5. 基础用法说明 ###

#### 5.1 Front-matter ####

`Front-matter` 是 markdown 文件最上方以`---`分隔的区域，用于指定个别档案的变数。

*  Page Front-matter 用于页面配置
 *  Post Front-matter 用于文章页配置

如果标注可选的参数，可根据自己需要添加，不用全部都写

**Page Front-matter：**

MARKDOWN

<table> 
 <tbody> 
  <tr> 
   <td> <pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre> </td> 
   <td> <pre>---
title:
date:
updated:
type:
comments:
description:
keywords:
top_img:
mathjax:
katex:
aside:
aplayer:
highlight_shrink:
---
</pre> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>写法</th> 
   <th>解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>title</td> 
   <td>【必需】页面标题</td> 
  </tr> 
  <tr> 
   <td>date</td> 
   <td>【必需】页面创建日期</td> 
  </tr> 
  <tr> 
   <td>type</td> 
   <td>【必需】标籤、分类和友情链接三个页面需要配置</td> 
  </tr> 
  <tr> 
   <td>updated</td> 
   <td>【可选】页面更新日期</td> 
  </tr> 
  <tr> 
   <td>description</td> 
   <td>【可选】页面描述</td> 
  </tr> 
  <tr> 
   <td>keywords</td> 
   <td>【可选】页面关键字</td> 
  </tr> 
  <tr> 
   <td>comments</td> 
   <td>【可选】显示页面评论模块(默认 true)</td> 
  </tr> 
  <tr> 
   <td>top_img</td> 
   <td>【可选】页面顶部图片</td> 
  </tr> 
  <tr> 
   <td>mathjax</td> 
   <td>【可选】显示mathjax(当设置mathjax的per_page: false时，才需要配置，默认 false)</td> 
  </tr> 
  <tr> 
   <td>kates</td> 
   <td>【可选】显示katex(当设置katex的per_page: false时，才需要配置，默认 false)</td> 
  </tr> 
  <tr> 
   <td>aside</td> 
   <td>【可选】显示侧边栏 (默认 true)</td> 
  </tr> 
  <tr> 
   <td>aplayer</td> 
   <td>【可选】在需要的页面加载aplayer的js和css,请参考文章下面的音乐 配置</td> 
  </tr> 
  <tr> 
   <td>highlight_shrink</td> 
   <td>【可选】配置代码框是否展开(true/false)(默认为设置中highlight_shrink的配置)</td> 
  </tr> 
 </tbody> 
</table>

**Post Front-matter：**

MARKDOWN

<table> 
 <tbody> 
  <tr> 
   <td> <pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre> </td> 
   <td> <pre>---
title:
date:
updated:
tags:
categories:
keywords:
description:
top_img:
comments:
cover:
toc:
toc_number:
toc_style_simple:
copyright:
copyright_author:
copyright_author_href:
copyright_url:
copyright_info:
mathjax:
katex:
aplayer:
highlight_shrink:
aside:
---
</pre> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>写法</th> 
   <th>解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>title</td> 
   <td>【必需】文章标题</td> 
  </tr> 
  <tr> 
   <td>date</td> 
   <td>【必需】文章创建日期</td> 
  </tr> 
  <tr> 
   <td>updated</td> 
   <td>【可选】文章更新日期</td> 
  </tr> 
  <tr> 
   <td>tags</td> 
   <td>【可选】文章标籤</td> 
  </tr> 
  <tr> 
   <td>categories</td> 
   <td>【可选】文章分类</td> 
  </tr> 
  <tr> 
   <td>keywords</td> 
   <td>【可选】文章关键字</td> 
  </tr> 
  <tr> 
   <td>description</td> 
   <td>【可选】文章描述</td> 
  </tr> 
  <tr> 
   <td>top_img</td> 
   <td>【可选】文章顶部图片</td> 
  </tr> 
  <tr> 
   <td>cover</td> 
   <td>【可选】文章缩略图(如果没有设置top_img,文章页顶部将显示缩略图，可设为false/图片地址/留空)</td> 
  </tr> 
  <tr> 
   <td>comments</td> 
   <td>【可选】显示文章评论模块(默认 true)</td> 
  </tr> 
  <tr> 
   <td>toc</td> 
   <td>【可选】显示文章TOC(默认为设置中toc的enable配置)</td> 
  </tr> 
  <tr> 
   <td>toc_number</td> 
   <td>【可选】显示toc_number(默认为设置中toc的number配置)</td> 
  </tr> 
  <tr> 
   <td>toc_style_simple</td> 
   <td>【可选】显示 toc 简洁模式</td> 
  </tr> 
  <tr> 
   <td>copyright</td> 
   <td>【可选】显示文章版权模块(默认为设置中post_copyright的enable配置)</td> 
  </tr> 
  <tr> 
   <td>copyright_author</td> 
   <td>【可选】文章版权模块的文章作者</td> 
  </tr> 
  <tr> 
   <td>copyright_author_href</td> 
   <td>【可选】文章版权模块的文章作者链接</td> 
  </tr> 
  <tr> 
   <td>copyright_url</td> 
   <td>【可选】文章版权模块的文章连结链接</td> 
  </tr> 
  <tr> 
   <td>copyright_info</td> 
   <td>【可选】文章版权模块的版权声明文字</td> 
  </tr> 
  <tr> 
   <td>mathjax</td> 
   <td>【可选】显示mathjax(当设置mathjax的per_page: false时，才需要配置，默认 false)</td> 
  </tr> 
  <tr> 
   <td>katex</td> 
   <td>【可选】显示katex(当设置katex的per_page: false时，才需要配置，默认 false)</td> 
  </tr> 
  <tr> 
   <td>aplayer</td> 
   <td>【可选】在需要的页面加载aplayer的js和css,请参考文章下面的音乐 配置</td> 
  </tr> 
  <tr> 
   <td>highlight_shrink</td> 
   <td>【可选】配置代码框是否展开(true/false)(默认为设置中highlight_shrink的配置)</td> 
  </tr> 
  <tr> 
   <td>aside</td> 
   <td>【可选】显示侧边栏 (默认 true)</td> 
  </tr> 
 </tbody> 
</table>

注意：我的博客根目录路径为 【C:/Hexo-Blog/blog-demo】，下文所说的根目录都是此路径，将用\[BlogRoot\]代替。

#### 5.2 标签页 ####

1.  前往你的Hexo博客根目录，打开`Git Bash`执行如下命令：
    
    SHELL
    
    <table> 
     <tbody> 
      <tr> 
       <td> <pre>1
    </pre> </td> 
       <td> <pre>hexo new page tags
    </pre> </td> 
      </tr> 
     </tbody> 
    </table>
2.  在`[BlogRoot]\source\`会生成一个含有`index.md`文件的`tags`文件夹。
3.  修改`[BlogRoot]\source\tags\index.md`，添加`type: "tags"`。
    
    MARKDOWN
    
    <table> 
     <tbody> 
      <tr> 
       <td> <pre>1
    2
    3
    4
    5
    </pre> </td> 
       <td> <pre>---
    title: tags
    date: 2022-10-28 12:00:00
    type: "tags"
    ---
    </pre> </td> 
      </tr> 
     </tbody> 
    </table>

#### 5.3 友情链接 ####

1.  前往你的Hexo博客根目录，打开cmd命令窗口执行如下命令：
    
    SHELL
    
    <table> 
     <tbody> 
      <tr> 
       <td> <pre>1
    </pre> </td> 
       <td> <pre>hexo new page link
    </pre> </td> 
      </tr> 
     </tbody> 
    </table>
2.  在`[BlogRoot]\source\`会生成一个含有`index.md`文件的`link`文件夹
3.  修改`[BlogRoot]\source\link\index.md`，添加`type: "link"`
    
    MARKDOWN
    
    <table> 
     <tbody> 
      <tr> 
       <td> <pre>1
    2
    3
    4
    5
    </pre> </td> 
       <td> <pre>---
    title: link
    date: 2022-10-28 12:00:00
    type: "link"
    ---
    </pre> </td> 
      </tr> 
     </tbody> 
    </table>
4.  前往`[BlogRoot]\source\_data`创建一个`link.yml`文件（如果沒有 `_data` 文件夹，请自行创建），并写入如下信息（根据你的需要写）：
    
    YAML
    
    <table> 
     <tbody> 
      <tr> 
       <td> <pre>1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    </pre> </td> 
       <td> <pre>- class_name: 1.技术支持
      class_desc: 本网站的搭建由以下开源作者提供技术支持
      link_list: 
        - name: Hexo 
          link: https://hexo.io/zh-cn/
          avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
          descr: 快速、简单且强大的网志框架
          siteshot: https://source.fomal.cc/siteshot/hexo.io.jpg
          
    - class_name: 2.友情链接
      class_desc: 一些好朋友~~
      link_list:
        - name: Fomalhaut?
          link: https://fomal.cc/
          avatar: /assets/head.jpg
          descr: Future is now ???
          siteshot: https://source.fomal.cc/siteshot/www.fomal.cn.jpg
    </pre> </td> 
      </tr> 
     </tbody> 
    </table>
    
    class\_name和class\_desc支持 html 格式，如不需要，也可以留空。

#### 5.4 图库 ####

图库页面只是普通的页面，你只需要`hexo new page xxx`创建你的页面就行。

然后使用外挂标签 `galleryGroup`，具体用法请查看对应的内容。

MARKDOWN

<table> 
 <tbody> 
  <tr> 
   <td> <pre>1
2
3
4
5
6
</pre> </td> 
   <td> <pre>&lt;div class="gallery-group-main"&gt;

{% galleryGroup '封面专区' '本站用作文章封面的图片，不保证分辨率' '/box/Gallery/photo' https://source.fomal.cc/img/default_cover_61.webp %}

{% galleryGroup '背景专区' '收藏的一些的背景与壁纸，分辨率很高' '/box/Gallery/wallpaper' https://source.fomal.cc/img/dm11.webp %}
&lt;/div&gt;
</pre> </td> 
  </tr> 
 </tbody> 
</table>

#### 5.5 子页面 ####

子页面也是普通的页面，你只需要`hexo new page xxx`创建你的页面就行。

然后使用标签外挂 `gallery`，具体用法请查看对应的内容。

MARKDOWN

<table> 
 <tbody> 
  <tr> 
   <td> <pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre> </td> 
   <td> <pre>{% gallery %} 
![p1]( https://source.fomal.cc/img/default_cover_1.webp ) 
![p2]( https://source.fomal.cc/img/default_cover_2.webp ) 
![p3]( https://source.fomal.cc/img/default_cover_3.webp ) 
![p4]( https://source.fomal.cc/img/default_cover_4.webp ) 
![p5]( https://source.fomal.cc/img/default_cover_5.webp ) 
![p6]( https://source.fomal.cc/img/default_cover_6.webp ) 
![p7]( https://source.fomal.cc/img/default_cover_7.webp ) 
![p8]( https://source.fomal.cc/img/default_cover_8.webp ) 
![p9]( https://source.fomal.cc/img/default_cover_9.webp ) 
![p10]( https://source.fomal.cc/img/default_cover_10.webp ) 
![p11]( https://source.fomal.cc/img/default_cover_11.webp ) 
![p12]( https://source.fomal.cc/img/default_cover_12.webp ) 
{% endgallery %}
</pre> </td> 
  </tr> 
 </tbody> 
</table>

#### 5.6 404页面 ####

主題內置了一个简单的404页面，可在设置中开放。

如需本地预览，请访问 [http://localhost:4000/404.html][http_localhost_4000_404.html]

YML

<table> 
 <tbody> 
  <tr> 
   <td> <pre>1
2
3
4
5
</pre> </td> 
   <td> <pre># A simple 404 page
error_404:
  enable: true
  subtitle: "页面沒有找到"
  background: </pre> </td> 
  </tr> 
 </tbody> 
</table>

[vercel]: https://vercel.com/dashboard
[image-20221027223132537]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/f22027fbdd854cd08c25646f874a7775.png
[image-20221027223132537 1]: https://s1.vika.cn/space/2022/10/27/5ecde0efb97e4efe8c872c07f2b29301
[image-20221027223231192]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/48df046e371643f6b6a0e9c46e83a198.png
[image-20221027223231192 1]: https://s1.vika.cn/space/2022/10/27/13d509ad17d44a5ebf60d6bd7cde05f4
[image-20221027223420282]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/bcdc374b9da846ada765f4b9016b629c.png
[image-20221027223420282 1]: https://s1.vika.cn/space/2022/10/27/23780c3fc63546559ff02d303f97e37d
[image-20221027223742660]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/5f85f9beebb74b1e82560321cfce5f24.png
[image-20221027223742660 1]: https://s1.vika.cn/space/2022/10/27/7e1c080e435648a1a27a0f21d19e979d
[image-20221027224225808]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/e029881248404945b2971c478dc8245c.png
[image-20221027224225808 1]: https://s1.vika.cn/space/2022/10/27/09b5ce9b3ac64d2dad2acdf3cca92b5f
[image-20221027224405464]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/691b15efb0d04d528896f561eff60aa6.png
[image-20221027224405464 1]: https://s1.vika.cn/space/2022/10/27/43c6816280914f6ebbab1d6ec345c8f9
[image-20221027224803563]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/c8b695ab04fe4fe185f09b38dde4ce0e.png
[image-20221027224803563 1]: https://s1.vika.cn/space/2022/10/27/f0890ccf90d04ac7985a40558b8f0aad
[image-20221027224830609]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/54b10ba2a94344a2ba6fb8d0308eaaf0.png
[image-20221027224830609 1]: https://s1.vika.cn/space/2022/10/27/3a1e809ca99a452fae6229d9b69134ad
[image-20221027225338126]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/d7fdccb314b64fe4926bd5de0b1d2c76.png
[image-20221027225338126 1]: https://s1.vika.cn/space/2022/10/27/1bd6bdd5cc924661a0bf779997240e86
[image-20221027225758503]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/635de4db715f46ddb4711c289e811789.png
[image-20221027225758503 1]: https://s1.vika.cn/space/2022/10/27/66c6d6f8fac84481b788228c4222864d
[image-20221027225808449]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/584b3a1e1abd42adbb8b1d82459c3405.png
[image-20221027225808449 1]: https://s1.vika.cn/space/2022/10/27/d6dd5ec65e93439482a7ddd5833ebd9d
[image-20221027230049667]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/23081516042446a589cb2fa1b204e469.png
[image-20221027230049667 1]: https://s1.vika.cn/space/2022/10/27/83c253f0710f44c1b80bc662e4a97636
[image-20221027230357362]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/f45cdec8205f4c43a209086bebd01022.png
[image-20221027230357362 1]: https://s1.vika.cn/space/2022/10/27/9604de65a5524ba88d7e43f9412229d3
[image-20221027230421929]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/bbbb4a81c4f143c087b191b5f9241a64.png
[image-20221027230421929 1]: https://s1.vika.cn/space/2022/10/27/244bc979f30149778b9e1ffc7038ecd0
[image-20221028113042788]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/30b58299614243b09b488ec191f482ea.png
[image-20221028113042788 1]: https://s1.vika.cn/space/2022/10/28/fa95d5aef2ac45deb4a02400056047e1
[http_localhost_4000_404.html]: http://localhost:4000/404.html