sakura主题细节修改（2）：HTML自定义

最新推荐文章于 2022-10-30 18:09:51 发布
最新推荐文章于 2022-10-30 18:09:51 发布
阅读量692 收藏 4
点赞数
分类专栏： 博客搭建 文章标签： css html5 前端 chrome js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wudiliu226/article/details/114199619
版权

sakura主题细节修改（2）：HTML自定义

前言

之前写博客时总是有些小细节不尽人意，而且这些渲染都是通过css和js来执行的，这里我就记录一下自己对sakura主题的修改，以防止日后忘记！

一、确定css或js的位置

1.打开浏览器，对你想要修改的地方进行检索。

2.找到本地css或js位置

废话不多说，直接上图，其他主题可以进行类比。


二、修改css样式或js样式

三、总结

博客的搭建和维护真的需要一些基本的前端知识，当然也不能因为难到你了，你就放弃了！

加油！学习人。
参考文献：

2017年最新基于hexo搭建个人免费博客——自定义页面样式一
https://www.ucloud.cn/yun/50596.html

小飞龙zZ
关注
专栏目录
sakura主题细节修改(1)：博客文章右上角的头像修改
wudiliu226的博客
02-24 392
sakura主题细节修改(1)：博客文章右上角的头像修改 一、分析博客网页，找到要修改的文件位置 经过分析，我们没找到我们想要的标签，只有一个<%= post.keywords %>盲猜在这里面! 把你想要添加的图片链接放入即可，你学废了吗？ ...
sakura主题美化
stars的博客
08-26 3289
文章目录1.网站站点名称编辑2.关闭聚焦3.底部下的版权信息修改4.主题背景三角铁特效5.鼠标点击特效6.页面底部网页运行时间 1.网站站点名称编辑 进入网站后台后点击外观——》sakura主题设置——》基本设置 自己取一个满意的站点名称 2.关闭聚焦 点击第一屏找到是否开启聚焦选项 默认开启前面的对勾去点 3.底部下的版权信息修改 在网站后台外观——》sakura主题设置——》基本设置中的页脚信息修改 4.主题背景三角铁特效 wordpress模板插件实现方式，在插件中在插件安装中搜索Canvas-
Asakura：（o ・∇・ o）又一个Sakura主题的Fork，修改自Sakurairo
02-13
「アサクラ」（o ・∇・ o） 一个多彩，轻松上手，体验完善，具有强大的自定义功能的WordPress主题（基于和主题） 如遇问题 本主题不提供任何技术支持 如有需求请自由前叉修改 下载： 本主题的建议安装方式为直接git clone ，但你也可以下载。 说明： 版权： “アサクラ”（o ・∇・ o）主题使用协议开源。 本主题LOGO特效样式参考原主题作者白猫，由提供方案 本主题部分特效来自互联网，如有版权问题，烦请发邮件到（mmf＃mmf.moe） 驱动： 本主题使用Fuukei作为替代静态资源库 本主题使用Stevenjoezhang 作为看板娘
Hexo（sakura）主题Mashiro大佬同款LOGO修改方法
cungudafa的博客
02-15 2210
sakura主题Mishiro大佬的博客：樱花家的白猫 本文转载于雾时之森，稍加修改。 首先找到一款你想要的字体，我这里用的是 kitty原始猫咪中文智能手机字体。由于中文字体包都很大不利于WEB环境，这里我们需要使用 Fontmin 从字体包里提取出我们要使用的字体。 下载 Fontmin客户端 和 你要用的字体包 挑选出需要的字：（字体包提前重命名为logo） 生成简要型字体...
sakura_UI：静态HTML，CSS和Bootstrap主题尚未转换为WP主题
02-28
樱花UI 静态HTML，CSS和Bootstrap主题尚未转换为WP主题。 受到安德鲁·威尔逊（Andrew Wilson）的freeCodeCamp WP课程的启发。
halo-theme-sakura:Halo 版本的樱花:cherry_blossom:主题
08-04
本主题所使用的评论组件为自定义组件，详见： :grinning_face_with_big_eyes: 预览 DEMO：https://lixingyong.com/ 截图： :high_voltage: 功能 点击查看完整功能列表 完善导航栏，支持图标，支持多级菜单 美化...
sakura-bot-roadmap:Sakura Discord机器人的路线图
03-25
3. **命令系统**：Sakura机器人可能有一个完善的命令处理系统，允许用户通过特定命令与其交互，例如播放音乐、管理频道、发送自定义消息等。这需要良好的事件驱动和异步处理能力。 4. **数据存储与持久化**：为了...
Personal_Sakura_Guide_Page:一款好看的樱花个人引导页，基于Dimension的二次修改。普通虚拟主机即可搭建，无需其他环境。把源码上传到服务器，修改index.html里面的代码，访问域名就可以使用。纯Html-Css-JavaScript
07-23
Demo 2： 更新日志： 1.1 - 2021年7月21日 修复 Svg 无法显示 的问题 增加 Meta Description 优化SEO 增加 图像的 Alt 属性 优化SEO 增加 Meta Language 标记 优化SEO 增加 万能收款码 （需自行修改 \money_...
【Wordpress主题】Sakuraio主题的使用与优化
果冻の技术星球
05-07 3856
Sakuraio主题介绍 WordPress 主题 Sakurairo，是一款相对于原版 Sakura 主题更加强大的主题。这款主题最大的亮点在于对 Sakura 主题颜色进行更加细致的自定义，增加了很多小功能并且内置了多个色调，支持一键切换主题风格。 Sakuraio主题安装 首先下载主题，Github地址。 在 Wordpress 仪表盘中依次点击 “外观→主题→安装主题”，将主题包上传到服务器。 在主题界面启用Sakuraio即可。 设置主题，可参考Sakurairo 主题周边网站，上面有详细的设置
sakura主题细节修改（3）：主页技术栏类别添加
wudiliu226的博客
03-01 542
sakura主题细节修改（3）：主页技术栏类别添加 前言 这次写这篇博客是因为自己是在不断进步的，可能会加入一些新的分类什么的，因此来写这篇博客来记录一下，防止遗忘！ 一、主题下的配置文件的修改 这里是sakura主题，其他主题可以类比一下！ 详细讲解请见： https://blog.csdn.net/qq_23265583/article/details/105495554 二、zh-cn.yml文件的修改 然后在找到如下文件： 类比修改即可！ 然后部署一下即可大功告成！ ...
【官方正版】WordPress 主题 Sakurairo
08-11
一个多彩，轻松上手，体验完善，具有强大自定义功能的WordPress主题（基于Sakura主题） 多语言支持 目前提供简体中文、英语（繁体中文/日本语将在后续版本中实装） 自定义度再加强 一言、页尾附加代码、可视化设置，帮助你更好的自定义你的主题 全面进化主题体验 新增追剧模板、优化移动端体验、增强的深色模式，有超过100+处优化改进，主题体验再一次得到加强。
sakura:一个精彩的 WordPress 主题
08-03
Sakura:cherry_blossom:: 樱花庄的白猫博客主题 中文 | 在 Louie 基于 Fuzzz 的 主题修改的主题 基础上三次修改 =.= 两位前辈做得已经很棒了，或许我所做的只是把他们的代码弄得凌乱不堪吧 :) 特别感谢 对本项目的贡献！ 注意：建议 git clone 下载（）；如果选择下载压缩包，解压后记得把文件夹名改回 Sakura，也即保证主题路径为 /wp-content/themes/Sakura/；主题设置在 菜单-外观-Sakura 主题设置 中；DIY 的时候建议采用 并勾选 Sakura 主题设置-CDN-本地调用主题 js、css 文件；请留意主题说明里的其他注意事项。 主题使用说明见： 本仓库国内镜像： 主题交流群：860262481 希望你喜欢！ 打赏支持~ 微信支付 | 支付宝 | PayPal 需要服务器吗？
樱花特效.html
07-01
前端插件之樱花特效，利用h5+JavaScript实现，可更改实现樱花下落速度以及背景图片
Hexo-Sakura主题美化-超详细
樱花????
03-13 7942
个人博客 网站 目录和文件分析 分析下themes/Sakura目录结构和文件 首先分析下目录，主要包括以下几个 languages 这个文件夹中存放的是语言文件，主要是博客中的一些字符以简体中文、繁体中文、英文显示的定义 layout 这个是布局文件夹，所有的博客页面HTML和JavaScript以ejs模板存放在这 Search 这里存放的是页内搜索的ejs文件 _pa...
【博客搭建2】Sakura主题的配置
最新发布
qq_53271322的博客
10-30 1322
Hexo+gthub个人博客，Sakura主题配置，按照步骤一步步进行，你也可以拥有好看的个人博客。
wordpress+sakura主题建站优化
Landasika的博客
05-16 3911
wordpress+Sakura主题建站优化 写在前面 本人博客：http://landasika.top/ Sakura的使用手册：https://yremp.live/wordpress-sakura-teach/ Sakura主题美化系列归档：https://blog.ukenn.top/technology/sakura-tbs/ 为什么不安装Sakurairo呢？ 主要是因为Sakura的可修改性高 Sakura修改教程网上有很多 用wordpress搭建一个博客 部署WordPre..
hexo+sakura主题美化合集
weixin_45631738的博客
03-10 6939
文章目录一.简介二.主题基本修改三.添加通讯以及美化背景四.添加2D板娘1.通过core-js安装2.直接修改文件安装五.总结 一.简介 我们搭建了自己的博客后，肯定需要美化，打造属于自己的个性博客，但是百度上面好多大神发的教程比较散，我尝试了以后汇总了一下分享给大家 主题基本修改 添加通讯以及美化背景 添加2d板娘 二.主题基本修改 主题基本的修改我给大家推荐的是 yremp大神 的这篇文章...
【Wordpress建站】Sakura主题的使用、美化与避雷
丧心病狂Loli控的博客
06-05 7243
    ☀ 前排提示 由于博主的小站二次元浓度过高 ，有可能引起不适 ，因此效果图贴在最后 首先，请保证您已经完成了基本的建站工作；如果没有，请戳这里 → 【Wordpress建站】从0开始建立自己的小站   Sakura主题的安装 1.先下载安装包：github传送门 2.上传到WordPress，完成。 可以说，从宝塔面板到wordpress，处处都写满"友好"二字；入门之后，还需要更深入地学习啊！     Sakura主题的美化与雷区 安装容易，但由于
Sakura美化
wallleap
03-31 3954
文章原地址在：我的博客 接上次的文章 闲着也是闲着，不如搭个免费的博客玩玩 文章目录0、前言目录和文件分析代码插入位置1、博客原有功能修改不讲了的导航栏中的关于导航栏中的客户端导航栏中的RSS每个页面中的顶部图片文章上面和首页文章列表的图片清单下的番组清单下的歌单和左下角悬浮歌单友链添加2、添加标题恶搞3、添加鼠标单击特效4、鼠标滑过的特效5、背景显示飘动的彩带6、背景添加动态线条，随鼠标动7、樱...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值