Hexo-显示用户头像

最新推荐文章于 2023-03-27 09:02:47 发布
最新推荐文章于 2023-03-27 09:02:47 发布
阅读量1k 收藏 5
点赞数 2
分类专栏： Hexo 文章标签： 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dra_Tammer/article/details/126260499
版权

1.找到主题文件夹

2.将要显示的头像保存在source下的images文件夹中

3.打开主题配置文件_config.yml

 找到avatar，将url取消注释，将图片路径修改为要上传头像的路径

rounded值为true则图片以圆形显示，false以方形显示

rotated值为true，鼠标放上去的时候，图片会有旋转动画效果

没牙的驯龙师
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hexo笔记四：next主题添加作者头像
Awt_FuDongLai的博客
07-18 5369
在界面的sidebar处，如果没有添加一个作者的头像，就不太美观。 如果添加了头像，就更像那么回事一些。 这篇博客讲述怎么添加一个头像。 1 更改主题配置文件 cd 博客目录 vim themes/next/_config.yml 找到下面这行，取消注释即可。 # Sidebar Avatar # in theme directory(source/images): /images/avatar.gif # in site directory(source/uploads): /uploads/av
hexo-theme-volantis:Hexo的精彩主题https
04-28
入门 检查您的环境： Hexo : 4.2 ~ 5.x hexo-cli : 3.1 ~ 4.x node.js : 12.16 LTS ~ latest LTS ... 与其他用户讨论： https : //github.com/volantis-x/hexo-theme-volantis/discussions/ 截屏
hexo搭建的博客头像不显示的问题
liulang68的博客
12-12 1017
Hexo博客gravatar头像访问失效问题处理
荷塘月色
08-03 1080
valine : https://valine.js.org/avatar.html C:\Users\Administrator>ping gravatar.loli.net 正在 Ping gravatar.loli.net [103.201.128.233] 具有 32 字节的数据: 来自 103.201.128.233 的回复: 字节=32 时间=83ms TTL=47 来自 103.201.128.233 的回复: 字节=32 时间=115ms TTL=47 来自 103.201.128.
hexo stellar主题站点信息设置(title/avatar/url)
subtitle_的博客
03-27 867
hexo stellar主题站点信息设置(title/avatar/url)
头像的更换
yz1743585120的博客
08-07 396
布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="ma...
Hexo无法显示图片的问题
lessCoder的博客
11-29 1145
图片存放位置设置如下：用typora， 这样直接向其内拖图片即自动生成同名文件夹，并将图片放在文件夹中。如图所示。
hexo-tag-steam:为Hexo嵌入Steam标签插件
05-10
npm install hexo-tag-steam --save 用法 {% steam https://store.steampowered.com/app/286000/Tooth_and_Tail/ %} 还是这样？ {% steam 286000 %} 定制 该嵌入具有.steam-embed类。 您可以轻松地为嵌入自定义...
hexo-deployer-ftp:Hexo 的 FTP 部署器插件
06-26
npm install hexo-deployer-ftp --save 需要lftp 。 根据您的操作系统，使用apt-get install lftp或brew install lftp安装它。 使能够 将hexo-deployer-ftp添加到_config.yml plugins 。 plugins : - hexo-...
hexo-blog-encrypt：但是，另一个安全性的hexo插件
02-05
因此，这是“ hexo-blog-encrypt”的时间。 产品特点 输入正确的密码后，您就可以访问加密帖子，并且密码会在本地记住。 再按一次按钮，存储的密码将被删除。 如果帖子中有脚本，则帖子解密后即会执行。 支持预设...
hexo-renderer-markdown-it:Markdown-它是Markdown解析器，操作正确。 一种更快且符合CommonMark要求的Hexo替代产品
05-11
hexo-renderer-markdown-it 该渲染器插件将用作上的渲染引擎。 增加了对和支持。主要特点支持 ， 和 广泛的配置比默认渲染器更快hexo-renderer-marked 标题的安全ID 带有ID的标题的锚点脚注<sub> H 2 O <sup> x 2 ...
hexo头像设置出错问题
Catdie的博客
05-25 1075
title: hexo头像设置出错问题 date: 2020-03-07 21:24:13 tags: -hexo categories: -bugs urlname: auator 今天闲来无事就更新了一下主题，谁知道更新后头像显示不出来了。经过好长好长时间的摸索，终于把这个问题解决了。 原来以前的next主题设置头像是设置在url后面的，就像这样 更新后的主题是直接写在avatar后面的 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-smRbm0AD-15904129.
博客 - - Hexo + fluid + Github 搭建教程(github.io)
⎛⎝世界⎠⎞的博客
07-28 4480
会在/source/_posts中新建一个以my-article-title.md为名字的markdown文件，编辑这个文件之后再一次部署，过几分钟就可以看到博客的更新了。例如github网址tom.github.com，那么新建的仓库名是tom.github.io。否则访问地址会是https//tom.github.com/tom.github.io。此时在浏览器中输入Yourname.github.io即可访问创建好的站点了。格式Yourname.github.io。...
【BUG记录| hexo博客本地预览正常，但发布后不显示主题】
Wlittlestar的博客
04-05 1750
使用github pages+hexo搭建的个人博客，之前使用一切正常。 昨天想尝试一下其他主题，在hexo d后，网页无法显示主题，又切换回之前的主题，依旧显示不出来。刚开始，我以为错误原因来自[branch 'master' set up to track 'git@github.com:Little-star19/Little-star19.github.io.git/main'.]尝试各种方案，失败，直接将仓库删除重建。重建之后，依旧显示不出来，尝试各种方案，失败。睡觉，第二天刷新，正常。
hexo无法显示头像问题
林深时现鹿
08-17 2087
解决hexo博客无法显示头像问题 找到你的hexo主题themes路径下的layout/_partial/left-col.ejs，如下图 修改第六行为<img src="<%=theme.avatar%>" class="js-avatar show"> 将头像放在你的主题下的source/img下 修改主题下的_config.yml文件 修改头像url:注意冒号后面加空格" "以及路径前面加/ bingo! ...
Hexo-Next主题搭建个人博客最新配置教程！
Bennnnnnn的博客
11-23 4962
最新Hexo-Next主题博客搭建教程，涵盖个人博客搭建的所需大部分功能，如果你也想要基于Hexo搭建个人博客，绝对不能错过这篇教程！
Hexo,next主题设置头像报错
qq_44304221的博客
07-21 2380
next主题设置头像后hexo g报错   在看了一些博客里的设置用的avatar后，我也设置了一下，发现一直疯狂报错，用YAMLlint测试工具后发现需要在下面的url上设置头像路径，改完后不报错，显示正常。 ...
Hexo 主题使用进阶
偷闲小苑
12-15 1万+
新博客地址更换为next主题进入hexo站点文件夹cd your-hexo-site clone Next代码并存放到 themes/next 目录下git clone https://github.com/iissnan/hexo-theme-next themes/next 在站点 _config.yml 中修改:theme: next Next 主题拥有”题中题”，可以在主题的 _config
hexo博客的背景设置
热门推荐
Faith的博客
07-25 1万+
主要有以下30种： 在右上角或者左上角实现fork me on github添加RSS添加动态背景实现点击出现桃心效果修改文章内链接文本样式修改文章底部的那个带#号的标签在每篇文章末尾统一添加“本文结束”标记修改作者头像并旋转博文压缩修改“代码块自定义样式侧边栏社交小图标设置主页文章添加阴影效果在网站底部加上访问量添加热度网站底部字数统计添加 README.md 文件设置网站的图标Favic
npm install hexo-renderer-pug hexo-renderer-stylus --save
最新发布
02-23
npm install hexo-renderer-pug hexo-renderer-stylus --save 是一个命令，用于安装 Hexo 博客框架所需的两个插件：hexo-renderer-pug 和 hexo-renderer-stylus。这两个插件分别用于渲染 Pug（以前称为 Jade）和 Stylus 文件。 hexo-renderer-pug 是一个 Hexo 渲染器插件，用于将 Pug 文件转换为 HTML。Pug 是一种高性能的模板引擎，它使用简洁的语法来生成 HTML。 hexo-renderer-stylus 是另一个 Hexo 渲染器插件，用于将 Stylus 文件转换为 CSS。Stylus 是一种动态样式表语言，它具有简洁的语法和强大的功能，可以提高样式表的编写效率。 通过执行 npm install hexo-renderer-pug hexo-renderer-stylus --save 命令，你可以将这两个插件安装到你的 Hexo 项目中，并将它们添加到项目的 package.json 文件中的 dependencies 部分。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值