配置公众号

配置

docs\.vuepress\config\themeConfig.ts文件：

import htmlModules from './htmlModules' // 自定义插入的html块
// 此处省略其他代码....
htmlModules, // 插入hmtl模块

docs\.vuepress\config\htmlModules.ts文件：

const htmlModule: VdoingThemeConfig["htmlModules"] = {
  homeSidebarB: `<div style="padding: 0.95rem">
    <p style="
      color: var(--textColor);
      opacity: 0.9;
      font-size: 20px;
      font-weight: bold;
      margin: 0 0 8px 0;
    ">扫一扫</p>
     <img src="https://seasir.top/images/20cfd13d94cedaacabaf4acaf392eba.jpg"  style="width:100%;" />
    扫一扫加我好友，回复[<b>Hyde</b>]，可获取 <a href="https://hyde.seasir.top/" arget="_blank" >Hyde<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>
    </p>
    </div>`,
  //此处省略打赏模块代码...
};

配置公众号 ​

配置 ​

预览 ​

配置公众号

配置

预览