hexo next主题优化_Zoom虚拟背景没有添加图片

hexo next主题优化_Zoom虚拟背景没有添加图片Hexo设置博客背景图片(NexT主题)设置背景图片将想要的背景图片命名为background.jpg放入themes/next/source/images。之前很多文章给出的做法都是:打开themes/next/source/css/_custom/custom.styl文件,这个是Next故意留给用户自己个性化定制一些样式的文件,添加以下代码即可。实际上更新的版本里没有_custom,新建目录也无法实现。可以在themes/next/source/css/_schemes/

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

Hexo 设置博客背景图片 (NexT 主题

设置背景图片

将想要的背景图片命名为background.jpg放入 themes/next/source/images。
之前很多文章给出的做法都是:打开 themes/next/source/css/ _custom/custom.styl 文件,这个是 Next 故意留给用户自己个性化定制一些样式的文件,添加以下代码即可。

实际上更新的版本里没有_custom,新建目录也无法实现。可以在 themes/next/source/css/_schemes/Gemini/index.styl 中添加的代码(在最后添加即可),Gemini是我的 next 的布局样式(next默认是muse,在muse的index.styl添加也有同样的效果)。

body { 
   

    background:url(/images/background.jpg);

    background-repeat: no-repeat;

    background-attachment:fixed; //不重复

    background-size: cover;      //填充

    background-position:50% 50%;

}
background:url 为图片路径,也可以直接使用链接。
background-repeat:若果背景图片不能全屏,那么是否平铺显示,充满屏幕
background-attachment:背景是否随着网页上下滚动而滚动,fixed 为固定
background-size:图片展示大小,这里设置 100%,100% 的意义为:如果背景图片不能全屏,那么是否通过拉伸的方式将背景强制拉伸至全屏显示。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/182979.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python开发mbus程序_MBUS 和MODBUS 什么关系啊

    python开发mbus程序_MBUS 和MODBUS 什么关系啊展开全部MBUS和MODBUS之间的关系:M-Bus是针对仪表(主要是热表)的单线制通讯总线标准,对于物理层62616964757a686964616fe58685e5aeb931333431343666、数据链路层、应用层和网络层都有严格的规定。Modbus则对物理层没有过多限制,在RS-232、RS-485、TCP/IP、光纤、红外等任意物理层上都可以跑,基本上来说,Modbus只包含应用层…

    2022年10月15日
    0
  • linux安装svn服务器的两种方式

    linux安装svn服务器的两种方式操作环境:CentOS7.264位==============第一种:采用压缩包安装:比如你们公司服务器上安装软件有自己的规定,一般会采用压缩包安装。==============第一步:SVN服务器端压缩包下载下载地址:http://mirrors.cnnic.cn/apache/subversion/ 我下载的是subversion-1.8.19版本,下载好的压缩包置于目录/usr/loc…

    2022年7月19日
    12
  • ubuntu安装nginx1.8.0_装了centos还可以装ubuntu吗

    ubuntu安装nginx1.8.0_装了centos还可以装ubuntu吗下载nginx包安装由于上面已经安装了nginx,所以我们先卸载nginx。再重新上传nginx包,解压下载。有输入提示时,输入Y即可卸载apt-get安装的nginx#彻底卸载nginxapt-get–purgeautoremovenginx#查看nginx的版本号nginx-v安装依赖包apt-getinstallgccapt-getinstalllibpcre3libpcre3-devapt-getinstallzlib1gzlib1

    2022年9月19日
    0
  • TypeError: ‘Collection‘ object is not callable. If you meant to call the ‘insert‘ method on a ‘Datab

    TypeError: ‘Collection‘ object is not callable. If you meant to call the ‘insert‘ method on a ‘DatabfrompymongoimportMongoClient报错问题描述解决方法问题描述使用pymongo连接本地的MongoDB,跟个老师的视频,出现报错,后查询资料改正frompymongoimportMongoClient#创建数据库连接对象client=MongoClient()#选择一个数据库db=client[‘python’]#身份认证#db.authenticate(‘python’,’python’)#选择一个集合col=c

    2022年7月16日
    23
  • 批处理之for命令[通俗易懂]

    批处理之for命令[通俗易懂]简述for命令是cmd中功能最强大的命令之一,for命令作用来执行迭代任务。下面是msdn中关于for命令语法的参考,建议中文和英文对照阅读,如果只看中文的话。有一些地方的翻译会难以理解,直接看英

    2022年7月3日
    21
  • 锂电池充电器电源芯片_4056充电芯片

    锂电池充电器电源芯片_4056充电芯片锂电池充电管理芯片模块开源:1,单节锂电池,标称3.7V,充满4.2V,也有4.35V7款模块的编号是:36,1,3,41,43,2,422,两节锂电池,标称7.4V,充满8.4V5款模块的编号是:38,39,33,40,53,三节锂电池,标称11.1V(10.8V),充满12.6V6款模块的编号是:34,37,8,6,7,31,4,四节锂电池,标称14.8V,充满16.8V2款模块的编号是:35,3236号模块板:单节锂电池充电0.5A,加输…

    2022年10月4日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号