Hexo 博客导流微信公众号
本文首发于 Clay 的技术博客
前言
Hexo 博客建议安装 hexo-readmore 插件,将 TechGrow 的免费微信公众号导流工具整合到博客中,用户扫码关注微信公众号后可以解锁全站文章,让微信公众号的粉丝数躺着增长。
TechGrow 开放平台的 官方文档
特色功能
- 已兼容主流的 Hexo 主题
- 支持关闭某篇文章的导流功能
- 支持随机为博客添加导流功能
- 支持查询用户解锁文章的历史记录
- 支持自定义 CSS 样式,轻松适配不同风格的博客
注册博客
浏览器访问 TechGrow 的官网 ,注册并登录账号后,进入博客的后台管理页面。首先点击左侧的菜单 博客注册
,然后点击 新增
按钮,添加自己博客的信息。博客注册成功后,记录下 博客 ID
,后面的步骤会使用到
设置公众号
在微信公众号的后台管理页面,菜单栏里选择 自动回复
- 关键词回复
,启用 自动回复
,然后点击 添加回复
按钮:
填写 规则名称
、关键词(当初你在 TechGrow 中设置的)
、回复内容
选择 文字
,然后 回复文字
的内容填写获取博客解锁验证码的链接,如下所示(请自行更改 xxxxx-xxxxxxxxx-xxx
为你申请到的博客 ID)
<a href="https://open.techgrow.cn/#/readmore/captcha/generate?blogId=xxxxx-xxxxxxxxx-xxx">点击链接,获取博客解锁验证码</a>
此时,当读者关注你的微信公众号,并输入关键词后(比如我设置的关键词就是 tech
),那么读者就会自动接收到获取博客解锁验证码的链接
安装插件
- 运行
npm install
命令安装插件到本地项目
$ npm install hexo-readmore --save
配置 Hexo
编辑 Hexo 自身的 _config.yml
配置文件,新增插件的配置信息(请自行更改博客相关的信息),如下所示:
readmore:enable: true # 是否启用,默认否blogId: '18762-1609305354821-257' # 已申请的博客 IDname: '全栈技术驿站' # 已申请的微信公众号名称keyword: 'tech' # 已申请的微信公众号回复关键词qrcode: 'https://www.techgrow.cn/img/wx_mp_qr.png' # 已申请的微信公众号二维码链接# libUrl: 'https://qiniu.techgrow.cn/readmore/dist/readmore.js' # 自定义的 JS 资源链接,可用于 CDN 加速(可选)# cssUrl: 'https://qiniu.techgrow.cn/readmore/dist/hexo.css' # 自定义的 CSS 资源链接,可用于适配不同风格的博客(可选)# random: 0.8 # 每篇文章随机添加微信公众号导流工具的概率,有效范围在 0.1 ~ 1 之间,1 则表示所有文章默认都自动添加导流工具(可选)
或者打开 TechGrow 的博客后台管理页面,点击博客列表中右侧的 使用
链接,将窗口里的 YAML 配置内容复制到 Hexo 自身的 _config.yml
配置文件即可
构建 Hexo
- 运行
hexo clean
命令清理本地博客
$ hexo clean
- 运行
hexo generate
命令构建本地博客
$ hexo generate
- 运行
hexo server
命令启动本地博客服务
$ hexo server
验证插件效果
打开文章页面,若文章自动隐藏了部分内容,并且出现了 阅读全文
按钮,则说明导流插件正常运行,如下图所示:
取消阅读限制
若希望关闭某篇文章的微信公众号导流功能,可以在文章的头模板中使用 readmore: false
配置属性,如下所示:
---
title: Hexo版本升级教程
tags: [Hexo]
readmore: false
keywords: [Hexo, 版本升级]
date: 2022-01-12 22:25:49
updated: 2022-01-12 22:25:49
---
自定义样式
插件默认使用了定义在 hexo.css 的 CSS 样式,你可以使用以下两种方式自定义自己的样式:
- 第一种方式:更改博客主题的 CSS 源码文件,将自定义的那部分 CSS 样式添加到里面
- 第二种方式:根据 hexo.css 创建自己的 CSS 文件(完整的),并将其存放在自己的博客里,同时通过插件的
cssUrl
配置参数来指定其访问的 URL 路径
提示:为了方便日后维护,强烈建议使用第二种方式来添加自定义样式
已兼容的主题
- NexT
- Yilia
- Icarus
- Matery
- Fluid
- Stun
在线演示
- 官方博客
Hexo 博客导流微信公众号相关推荐
- CSDN博客添加微信公众号图片
打开你的博客主页,然后依次选择"管理博客"--->" 栏目管理"--->"添加自定义栏目", 只能添加一个自定义栏目,如果你已经 ...
- Hexo 博客快速整合公众号导流工具,不用互推也能实现粉丝躺增!
readmore 插件简介 Hexo 整合 OpenWrite 平台的 readmore 插件,实现博客的每一篇文章自动增加效果,关注公众号后方可解锁全站文章,从而实现博客流量导流到微信公众号粉丝目的 ...
- 如何给CSDN博客添加微信公众号二维码或自定义栏目
1. 前言 在浏览CSDN博客的过程中,我们可以发现有些博主的主页有微信公众号二维码等一些个人栏目信息.这可以让其他浏览博客的游客和作者进行有效的沟通,同时也可以在博客里对自己的微信公众号作宣传.我这 ...
- 博客新增微信公众号介绍
最近弄了一个微信公众号,怎样把这个公众号介绍出去成为了一个大难题,于是,想到曾今在博客上看到有人贴自己微信公众号的二维码,得,这方法好,依葫芦画瓢,我也在自己的博客上新加一个栏目吧. 搜索一番,得出了 ...
- Django开发了个人博客以及开通公众号
2020年6月更新 时隔3年,第一次发这篇文章的时候还在学校,现在已经工作两年了. 业余时间不务正业又拾起了Django,写了一个更加适合学习图像处理的小网站,欢迎体验.CVPy-CVStudio: ...
- 怎么在一台电脑登录多个微信公众号客服-微信公众号使用教程25
微信公众号可以设置100个微信客服人员, 如果每台电脑只登录一个客服人员, 就需要100台电脑, 无疑这样极大的提高了公司的人力成本和物资成本! 那么有没有什么方法, 可以在一台电脑上登录多个微信客服 ...
- 极客头条微信公众号开通,欢迎关注
各位,极客头条 官方微信公众号开通,欢迎关注. 关注方式: 打开微信,『通讯录-添加朋友』,搜索 csdn_geek ,然后点击『关注』 使用微信,扫一扫下面二维码图片: 关注后请获得答案,再回到之前 ...
- 微信公众号关注/取消关注事件推送开发记录
一.奉上官方文档 关注/取消关注事件 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/doc/offiaccount/Message_Managem ...
- 打通WordPress和微信公众号
现在还坚持写博客的人越来越少,我的博客这几年也更新很少.写博客文章的人少了,有不少人都转战到微信公众号里去写文章了.相对于博客,微信公众号(特别是订阅号)是一个相对封闭.去中心化的平台,在移动互联网时 ...
最新文章
- 两台电脑之间用网线之间传文件
- php如何避免在循环中使用sql语句
- 成功解决ModuleNotFoundError: No module named ‘torch._C‘
- set python_python基础:集合-set()
- Mysql修改字段名和长度_mysql中修改表字段名/字段长度/字段类型详解
- Codeforces Round #588 (Div. 2) E. Kamil and Making a Stream 数学 + 暴力
- jquery 上传图片 java_jquery 异步提交表单 上传图片小例子
- Facebook史上最严重宕机:互联网企业是时候重新审视架构了?
- 【React 基础】之 React 基本介绍、jsx 规则、模块与组件
- ThinkPHP5 助手函数
- [转载]for循环的执行顺序
- AspectJ+AJDT+用Ant管理AspectJ项目+AspectJ教程
- C语言sin定积分,C语言实现黎曼和求定积分
- Ceres Solver实现简单的光束法平差
- 如果写不出好的BUG就该在洒满阳光的屋里躺在床上边刷哔哩哔哩边吃旺仔QQ糖
- 输入学生成绩评定等级:90-100为A,80-89为B,60-79为C,小于60为D
- 高并发解决方案——Redis(一)
- 《kafka面试100例 -6》如果在/admin/delete_topics/中手动写入一个节点会不会正常删除Topic
- Java锁的种类以及辨析(四):可重入锁
- CISP与CISSP证书的区别,那个能适合现在的市场环境
热门文章
- C语言int *a 和int* a的写法
- python我的世界给予物品指令_我的世界指令:强大的 /give 指令
- win10未能解析服务器名,win10系统提示“无法解析服务器的dns地址”的修复方法...
- ubuntu将主文件夹的文件夹中文名称改为英文
- Redis 集群可用性测试
- Unity报错之【发布UWP显示“Could not find any supported UWP SDK installations”】
- ASP.NET MVC5 使用NPOI导出ExceL 返回浏览器下载
- HTML5 新增API学习总结
- STM32连接WIFI-ESP8266获取天气信息---STA模式运用
- SpringCloud 微服务工具集v1.1