首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

博客整体风格更改

原主题问题 使用even的github最新主题,发现更改主题样式无法生效,很多样式的更改都无法失效 ,最终查阅issuse得知更改src目录后需要使用npm run build命令重新编译scss文件...,但是github上最新的源码没有src文件夹,应该是配置好package.json就可以使用了,但我一开始将无用的文件都剔除了,所以直接到release里下载了一份,下载地址这个是有src 目录的 注意...,修改了src目录下的文件后记得在src目录下执行npm run build 重新编译 更改整体配色 代码风格跟主题颜色由原来的红色改为了薄荷绿 ,在高分辨率屏幕上看红色有种暗的感觉,换为绿色后背景有由原来的些许红色改为了白色...,整个样式风格看起来素净了许多 更改文章的字体间距 原先的文章看起来总感觉密密麻麻全是字,在碰到文字居多的文章时更看的头皮发麻,所以更改了一下文章内容的字体间距 通过浏览器开发者工具找到文章的class...,hugo的子菜单形式只需要在 menu属性中加入parent属性就可以归类为某一个菜单的子菜单,属性值必须是父级的identifier 使用css添加下拉菜单样式 找到custom.scss文件,将下拉菜单的样式添加进去

54662
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何轻松自定义WordPress登录页面

    但是,在为特定客户(特别是公司)构建网站时,如果您可以更改登录屏幕的颜色方案以及与网站主题相匹配的徽标,那会很好看,对吗? ---- 好的,它可以轻松完成。...关于WordPress的好处是后端的每个部分都可以通过使用php 函数进行自定义。 在今天的教程中,我将向您展示如何以您希望的方式自定义WordPress登录屏幕。...首先,将您喜欢的徽标(png文件格式)放在图像文件夹中的二十四个WordPress默认主题目录中(对于本教程,我使用了custom-login-logo.png徽标)。...您还可以将此链接更改为首选图标,并将其重定向到您自己的网站。为此,请使用下面的挂钩并在登录图标挂钩后立即将其粘贴到functions.php中。...首先,我们需要在二十四个WordPress默认主题的CSS文件夹中创建样式表(对于本教程,我将样式表命名为custom-login-styles.css),然后在functions.php文件中添加以下钩子

    2.7K20

    中文NLP训练框架,快速上手,海量训练数据,ChatGLM-v2、中文Bloom、Dolly_v2_3b助您实现更智能的应用!”

    中文NLP训练框架,快速上手,海量训练数据,ChatGLM-v2、中文Bloom、Dolly_v2_3b助您实现更智能的应用!”...{ "content": "类型#上衣*版型#宽松*版型#显瘦*图案#线条*衣样式#衬衫*衣袖型#泡泡袖*衣款式#抽绳", "summary": "这件衬衫的款式非常的宽松,利落的线条可以很好的隐藏身材上的小缺点...虽然代码是从databrickslabs/dolly复制的,但是简化了很多不必要的代码,更简单一点,我不喜欢复杂的代码,越简单越好。...支持bp16:我原本的打算是说支持fp16的,但是发现fp16怎么搞都不行,但是bp16倒是可以。 下一步优化方向 添加lora等微调训练代码,这个简单,等后面都训练好了,我添加一下。...模型训练情况 训练数据:BelleGroup/train_1M_CN 训练时间:280小时左右 训练设备:4台3090 更多 当前的模型参数是3b,但是当你把整个流程跑通之后,可以很轻松的将

    54620

    『前端必修课』按钮边框的旋转动画

    AI助手的使用,大大提升了开发效率。...,给默认的 Button 设置了样式美化了一下,为了让大家看的更加的清楚我给按钮添加了外边框也就是 outline: 1px solid #fff 这行样式,你把我给你的代码拷贝到自己开发工具所对应的文件中运行起来你会看到如下图的样式...: 关于页面布局我相信大家都会了,不做过多赘述,好,这个时候就可以来正式的讲解下这个效果了。...: hidden; 先去掉你就会发现什么原因导致的了: button { - overflow: visible; } 好我已经非常清楚了,它目前是上图中这样方式转动的,它能这样转吗肯定是不可以的,...四、总结 通过本文的学习,您可以掌握以下知识点: 伪元素的灵活运用:使用 :before 和 :after 实现复杂样式效果,不仅减少 HTML 结构的复杂性,还增强了样式的可维护性。

    24540

    Pandas也能修改样式?快速给你的数据换个Style!

    使用说明 我们可以编写样式函数,并使用CSS来控制不同的样式效果,通过修改Styler对象的属性,将样式传递给DataFrame,主要有两种传递方式 Styler.applymap:逐元素 Styler.apply...Styler.apply根据axis参数,按列使用axis=0,按行使用axis=1,以及axis=None作用于整个表。...当然我们也可以通过修改样式函数并使用.apply来高亮整个DataFrame的最大值, ?...内置样式 开发者们为了尽可能的让作为调包侠的我们使用起来更方便,已经内置了很多写好的样式,拿走就用,比如将空值设置为红色 ? 或是结合seaborn使用热力图 ?...现在我们就可以通过修改Styler.background_gradient来轻松的修改颜色等样式 ? 最后我们可以将数据修改为条形图的样式,这也是我最喜欢的一个功能,能够快速的看出数据的变化! ?

    2K20

    从以前的项目格式迁移到 VS2017 新项目格式 必须删除必须修改添加文件项目引用引用包删除多余文件输入注释多个框架使用条件判断迁移 WPF 项目

    VS2017 的项目格式更好读、更简单而且减少了 git 冲突。 本文来告诉大家如何从 VS2015 和以前的项目格式修改为 VS2017 项目格式。...如果想迁移 WPF 或 UWP 请看 将 WPF、UWP 以及其他各种类型的旧样式的 csproj 文件迁移成新样式的 csproj 文件 - walterlv 现在很多项目,测试项目都使用新格式,建议在测试项目试试...net46 添加文件 现在新的格式可以使用通配添加文件,例如在文件夹的所有的代码都需要添加,可以使用这个方式 默认是下面代码 样式的 csproj 文件迁移成新样式的 csproj 文件 - walterlv 删除多余文件 现在 VisualStudio 2017 项目格式不需要使用 AssemblyInfo...dotnet 4.7 和 UWP 项目 参见:Old csproj to new csproj: Visual Studio 2017 upgrade guide 将 WPF、UWP 以及其他各种类型的旧样式的

    3.8K20

    移动端iPhone系列适配问题的一些坑

    图片.png 问题一:苹果手机上的input按钮自带渐变效果 一样的代码,为啥在苹果手机上的input按钮就自带渐变效果,搞特殊吗?怎么让它显示正常?...只需要加上outline:0px; -webkit-appearance:none; 清除原有样式,同时苹果手机上的input按钮自带圆角需要按需要去掉 outline:0px; -webkit-appearance...1.png PS:其实也可以直接使用实际的 device-width:如device-width:375px 问题四:移动端input 无法获取焦点的问题 测试的时候发现了一个bug,移动端的input...办法:把-webkit-user-select:none改成-webkit-user-select:auto;覆盖掉或者直接注释掉就行,我的项目是需要的,就不用注释了。...touch事件来代替click事件,如 zepto.js 的tap事件和fastClick,注:每次我都使用fastclick解决,这个插件最良心了,都有相应的事件可以代替click事件解决这个问题,大力推荐

    1.1K20

    Markdown 微信公众号排版 转换工具 在线 免费无广告

    但对我来说,这只是介绍Markdown-Wechat的开始。自定义css样式功能如此强大,你能不往下看吗?初识css对于没学习过css的同学来说,一听到css就懵了,啥来的?...如:h3 { font-size: 1.3em;}改为h3 { font-size: 2.3em; color:#159957}也可以直接在后面添加,后面的会覆盖前面的,如:h3 { font-size...段落样式自定义粗体、斜体、删除线大家看到,对于斜体em{},我把font-style:itaic拿掉就不斜,对于删除线del{},只要添加text-decoration:none;就会把删除线可掉,对于强调...而Markdown-Wechat对标题(h1……h6)进行了优化,以h3为例,我把h3{}作为整个标题的样式,而把h3 span{}作为文字内容的样式,说得有点听不懂,对吗?...不用担心,通过下面的练习,你就知到了。

    8410

    CSS美学(二)文本样式

    网页中常用的字体有宋体,微软雅黑,黑体等 语法: 选择器 { font-family: "字体样式"; } /* 例子 : 将p标签的文字改成微软雅黑 */ p { font-family:...">700:你好 运行结果: 1.4 文字样式(font-style) CSS 使用 font-style属性设置文本的风格 语法: 选择器 { font-style...,这样可以更节约代码 语法格式: 选择器 { font: font-style font-weight font-size/line-height font-family; } 代码:将网页所有文字设置为斜体...可以给文本添加下划线、删除线、上划线等 语法: 选择器 { text-decoration: 属性值; } 属性值 解释 none 默认。...语法: 选择器 { text-indent: px; } 通过设置该属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。 代码: <!

    8610

    如何使用适用于Linux 2和Windows Terminal的Windows子系统

    在Visual Studio代码中,将默认终端更改为wsl。 ? 如果您遇到新方法,请告诉我。让我们在下一节中设置Node.js. 安装Node.js....使用WSL2,这不再是一个问题。在下一节中,我们将在Windows上安装LAMP堆栈,我发现它比WAMP堆栈更容易安装和配置。...否则,安装将因旧版本而失败。目前有两种方法可以安装Windows终端。第一种方法是通过Microsoft Store: ?...就我而言,我正在升级: ? 安装完成后,您可以从“开始”菜单启动它。您将找到的默认终端是PowerShell。只要单击+号,就会使用默认终端创建一个新选项卡。使用下拉菜单,您可以选择其他类型的终端。...您可以使用GIF backgroundImage。动画将自动播放。很酷,对吗? 将colorScheme来自schemes部分。

    3.8K20

    做了七年前端开发,我最近才意识到可访问性的必要......

    1 HTML 语义 有一种叫做 ARIA 地标的东西,它能简单地将网页划分为不同的地标,使屏幕阅读器更容易在网页内部导航。...这真是个糟糕的主意,焦点指示器能告诉使用键盘导航的用户们他们当前正在交互的位置,如果我们移除焦点样式,相当于将这些用户置于黑暗中,隐藏焦点指示器就像隐藏鼠标光标。...如果你要覆盖默认的焦点样式,可使用以下代码: :focus { outline: none; } button:focus { /* some exciting button focus...所有按钮是否都可以访问? 他们有合适的名称或标签吗? 如果没有,你是否提供了 ARIA 标签或替代方法? 你改变焦点指示器的样式了吗? 如果是,它们是否符合规范?...可访问性就像是一片海洋,我只触及了表面。希望通过本文,能够为我们大多数人照亮一个潜在的黑暗区域。 我所写的一切都基于 Sara Soueidan 的博客和谈话,请访问她的博客了解更多信息。

    1.7K30

    前端遗留技术与现代功能的对抗,邮件开发注定是件苦差事

    首先,如果大家点进来的原因是厌烦了开发邮件系统,请允许我先对各位的悲惨遭遇表达最诚挚的慰问。 说说结论,我认为邮件系统的开发可以说是能在笔记本电脑上完成的、最恶心的工作,没有之一。...为什么要使用内联样式? 跟常规 HTML 文档一样,电子邮件也可以具有 CSS 样式。如果各位朋友足够理智,肯定会想到把它们放在文档的标记当中。...唯一不会被删除的样式就只有内联样式。因此,如果希望电子邮件在转发之后仍然正常显示,那就只能使用内联样式。 以下是我转发的苹果通知邮件: 在 Gmail 中渲染得到的转发邮件 看着没什么毛病,对吧?...自定义字体 对组织来说,品牌中最重要的组成部分应该就是字体了吧,所以我们当然想在邮件中也继续使用自己的独特字体……可以吗?行啊,除了 Gmail。...而且即便通过协商得出了更简洁的设计,上述问题也只是得到了缓解,它们仍然存在。另外,永远别以为你可以编写“干净的代码”来让电子邮件系统始终保持整洁、正常工作。总会在一些地方,总会有一些东西就是不起作用。

    23430

    js如何控制一次只加载一张图片,加载完成后再加载下一张

    setTimeout可以更清晰的看清实现效果 content.appendChild(img); imgArrs.shift(); loadImg();...500毫秒的延迟(录屏软件只支持录制8秒的时间...) setTimeout_load_img.gif 其实我在网上还看到了一种答案,通过onreadystatechange事件实现监听,于是在我本地调试了一下...如图: image.png 再看一个例子:创建了一个div元素,然后将存放img标签元素的变量添加到div元素内,而div元素此时并不在dom文档中,页面不会展示该div元素,那么浏览器会发送请求吗?...给img标签设置样式display:none或者visibility: hidden,隐藏img标签,无法做到禁止发送请求。...="visibility: hidden;"> 将图片设置为元素的背景图片,但此元素不存在,可以做到禁止发送请求。

    14310

    实时视频上的神经风格迁移(具有完整的可实现代码)

    问题陈述 - 这不是优化问题吗? 因此这里的问题陈述给出了内容照片X和样式照片Y如何将Y的样式转移到内容X以生成新的照片Z。如何训练CNN来处理和优化差异(X之间的差异)和Y)达到最佳全局(Z)?...优化问题概述 Gatys在原始论文(2015年的艺术风格的神经算法 )中表示,“将一个图像转换为另一个内容图像的样式(纹理)作为优化问题,可以通过训练深度神经网络来解决”。...然而,神经网络或NST可以通过为不同类型的服装自动分配形状,元素和创意纹理(样式)来帮助设计新设计,并进一步将它们结合起来,为明天创造时尚的时尚。...进一步改进和实验: 以下是一些提高生成图像质量的策略: 1)更多迭代:更明显的是,运行网络进行更多迭代(大约1000次)将减少整体损失并创建更清晰的混合图像。...3)调整内容和样式损失权重:作为一个实验,分别尝试使用4和0.03作为内容和样式损失权重,主要是尽可能专注于捕获内容(因为我只运行几次迭代网络)。

    4K31

    移除jQuery好像也没那么难

    为了节省大家的时间,我编写了这个实用的参考指南,列出了一些最常见的 jQuery 模式及其在 JavaScript 中的等价物。我们将涵盖如何从这些概念和函数迁移到纯 JavaScript。...要在没有 jQuery 的情况下实现类似功能,你可以在将元素添加到 DOM 时附加事件处理程序。...#000 document.querySelector(".box").style.color = "#000"; 使用 jQuery,你可以通过传递一个包含键值对的对象一次性设置多个样式。...// jQuery // 隐藏和显示元素 $(".box").hide(); $(".box").show(); // JavaScript // 通过将 "display" 更改为 "none" 和...总而言之,我们讨论了以下方法: 使用 querySelector 和 querySelectorAll 选择元素 使用 addEventListener 监听事件 通过 style 属性更新 CSS 和样式

    13610

    a标签去下划线或文字添加下修饰_a标签下划线(如何去掉a标签下划线)

    大家好,又见面了,我是你们的朋友全栈君。...去掉a标签下划线:对超链接下划线设置 使用代码"text-decoration"语法: text-decoration : none || underline || blink || overline...去掉下划线只需要在样式里面加入 a{ text-decoration:none; } 或者这里是. a{ text-decoration:none; } 或者把这个属性分别加到a标签下,a:link{...首先来了解下标签的一些样式:a>标签的伪类样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来. 你指的是哪个软件。是编程吗?...我把命令给你:a{ text-decoration:none; } 把这个分别加到a标签下,a:link{ text-decoration:none; }. a{} 标签对是一个网站的一条信息链接定义的

    1.8K20

    前端实现主题换肤功能的几种方案

    from_column=20421&from=20421 一直都想在前端中使用 DDD 模式来开发,可以让模块拆分更彻底,优化开发人员配置,也减少模块联动产生的 BUG。...color=red"> 当然,localhost:5172 你可以用代理给去掉; ctx.body 可以改为 CSS 预处理器命令进行编译; app.use 也可以加上缓存,相同入参数就走 CDN 模式...; color=red 也可以改为其他更符合业务需求的参数,等等。...此方案的优点是没有了主题样式类,直接就是当前主题的结果; 主题或者说样式完全独立维护,且可以分场景去动态编译。 只不过,可能调试起来相对麻烦一丢丢。...方案四:使用 filter: invert() 反转颜色 如果你只需要黑白两色主题,也可以使用 filter 属性来反转颜色。

    20540
    领券