商汇粹外网资源平台

搜索
查看: 1729|回复: 2

hexo next主题搭博客,怎么在侧边栏中打印出自己的微信号,qq号什么的,或 ...

[复制链接]

该用户从未签到

2

主题

21

帖子

75

积分

注册会员

Rank: 2

积分
75
发表于 2022-10-28 09:16:15 | 显示全部楼层 |阅读模式
我想在侧边栏中输入一点文字(不是描述),例如微信号什么的,还想自己添加一点样式,应该在哪些文件中修改呢
回复

使用道具 举报

该用户从未签到

2

主题

5

帖子

27

积分

新手上路

Rank: 1

积分
27
发表于 2022-10-28 10:10:25 | 显示全部楼层
不知道你要的是不是这个效果,先贴个图,看一下。

具体的,最新的Hexo+Next博客搭建,我的博客

有最新的搭建教程,有时间可以看一下,互相学习。
回复

使用道具 举报

该用户从未签到

0

主题

8

帖子

36

积分

新手上路

Rank: 1

积分
36
发表于 2022-10-28 11:04:35 | 显示全部楼层
还没有使用github搭建博客的,可以参考:诸葛说:使用github搭建自己的免费博客站点系列
一、前言

博客想往公众号引流,可以在博客首页侧边栏和文章结尾处增加微信公众号二维码。


具体外观可以进我的博客查看:https://rchardzhu.github.io/
二、hexo博客侧边栏增加微信公众号二维码

2.1 获取微信公众号二维码图片
从公众号管理后台获取公众号二维码图片,如下图所示。将选中的图片放入博客根目录下的public/images/目录,并将图片改名为wechat_channel.png。


2.2 设置next主题侧边栏文件
编辑themes/next/layout/_macro/sidebar.swig 文件,在里面搜索theme.back2top.enable,在这个if语句之前添加下面的代码
      <div class="wechat_channel">        <br>        <!-- 这里添加你的二维码图片 -->        <img src ="/images/wechat_channel.png">        <!-- <span>公众号</span> -->      </div>
如下图所示,


2.3 本地运行
$hexo generate$hexo serve
2.4 部署
$hexo clean$hexo generate$hexo deploy
三、hexo博客文章底部增加微信公众号二维码

3.1  获取微信公众号二维码图片
同2.1所示。
3.2 设置next主题文章底部
编辑themes/next/layout/_partials/post/post-copyright.swig文件,在底部的</div>上面增加下述代码,
<div class="wechat_channel">  <br>  <!-- 这里添加你的二维码图片 -->  <img src ="/images/wechat_channel.png"></div>
如下图所示,

3.3 本地运行
$hexo generate$hexo serve
3.4 部署
$hexo clean$hexo generate$hexo deploy
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表