📄
hexo
  • Introduction
  • 目录
    • 前言
    • 基本介绍
      • 1.1 安装环境
      • 1.2 基本命令
      • 1.3 初始化
      • 1.4 Markdown书写
      • 1.5 文章Front-matter
      • 1.6 第一篇文章
      • 1.7 部署到Web服务器
      • 1.8 托管到Github或Coding
    • 自定义主题
      • 2.1 修改标题
      • 2.2 去Google化
      • 2.3 替换评论服务
      • 2.4 添加百度统计
      • 2.5 新浪微博挂件
      • 2.6 微信二维码挂件
      • 2.7 添加文章目录
      • 2.8 添加回到顶部按钮
      • 2.9 集成推荐模块
      • 2.10 添加计数器
      • 2.11 添加日历云挂件
      • 2.12 添加站内搜索
      • 2.13 国际化
    • 创建主题
      • 3.1 了解主题目录
      • 3.2 了解布局
      • 3.3 选择技术
    • 插件
      • 4.1 脚本
      • 4.2 插件
      • 4.3 脚本示例
      • 4.4 插件示例
    • 致谢
Powered by GitBook
On this page
  • 1. 获取二维码图片
  • 2. 新建weixin.ejs文件
  • 3. 在主题中配置该挂件

Was this helpful?

  1. 目录
  2. 自定义主题

2.6 微信二维码挂件

Previous2.5 新浪微博挂件Next2.7 添加文章目录

Last updated 5 years ago

Was this helpful?

添加完新浪微博挂件,相信你对添加widget有了一定了解,下面添加一个微信二维码挂件,同样分为以下几步:

1. 获取二维码图片

公众账号也好,个人微信也好,选择合适尺寸的图片,保存到主题目录下的source文件夹下。

2. 新建weixin.ejs文件

在主题目录下layout/_widget下新建weixin.ejs文件,编入如下代码:

<div class="widget-wrap">
  <h3 class="widget-title">微信二维码</h3>
  <div class="widget">
    <img src="/weixin.png" style="width: 100%">
  </div>
</div>

3. 在主题中配置该挂件

打开主题目录下_config.yml配置文件,找到如下代码:

widgets:
- weixin
- category
- tag
- tagcloud
- archive
- recent_posts
- weibo

这里将weixin加入到第一行,表示在页面右侧挂件中,显示在最上面,最终效果如下图。