HEXO博客新版nexT主题的CSS样式问题

最新推荐文章于 2021-06-20 10:41:26 发布
最新推荐文章于 2021-06-20 10:41:26 发布
阅读量850 收藏
点赞数 1
分类专栏： 杂
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45019478/article/details/107305085
版权

本人next主题是最新的8.0.0，即移除了custom文件的新版本，样式在\themes\next\source\css中实现。

今天搭建博客时候发现hexo s样式在本地可以localhost:4000正常显示，而hexo d拉上去就无法显示，然后发现这篇博客跟我情况一模一样，试着改，很麻烦也不太成功。

其实原因很简单，拉到服务器之前要hexo clean清理一下缓存，然后再生成和部署，你学会了吗？

憨憨coding
关注
专栏目录
Hexo博客主题NexT使用自定义的CSS样式
Captain_Magicer的博客
10-12 5291
原文地址 http://magicer.xyz/2015/10/hexo-custom-style/ 今天，创建自己的about页面的时候，像使用自定义的css样式，就像这是不是NexT可以使用自定义的CSS样式，片尝试了一下，还是可以的，因为markdown支持html标签，使用自定义的CSS样式还是不错的。下面总结一下具体的使用过程：添加样式支持为了不吧原先的像是文件搞得太乱，这里，添加子集的
完美解决：Hexo Next主题本地可预览CSS，但部署到网站CSS失效问题！
ExcaliburUlimited的博客
03-28 3931
目录???? 前言1️⃣ 问题陈述2️⃣ 问题解决3️⃣ 一些缺点4️⃣ 总结 我的Hexo博客，欢迎访问，酷炫得一批。柯摩的BLOG ???? 前言   我的Hexo版本是3.9.0，Next主题版本是7.5版本，也就是移除了custom文件的神奇的跨时代的版本。   我的服务器不是github-page，而是阿里云的ECS服务器，关于如何将Hexo从github-page迁移到阿里云的ECS服务器请看这篇...
Hexo中Next主题个性化美化的解决方案
CodeLuweir 的博客
06-29 3181
目录1、Next主题的启用2、更改Next主题为中文3、添加标签页和分类页4、正确打开标签页和分类页5、主题样式的更改6、更改图像7、更改标题、作者和链接8、启动侧边栏社交链接9、启用友情链接10、新建一篇文章11、markdown基本使用插入链接插入图片/文件斜体粗体插入代码块引用分割线12、开启打赏功能13、开启订阅公众号14、设置头像为圆形可旋转15、首页文章设置阅读全文16、添加动态背景17、给博客添加fork Github18、修改文章内链接样式19、怎样修改文章底部#标签式样20、增加Valin
【长更】 hexo next 日常问题解决方案
1/0=∞
12-01 1840
1. 分页显示问题 参考：https://github.com/hexojs/hexo/issues/3794 修改： /Blog/themes/next/layout/_partials/pagination.swig {%- if page.prev or page.next %} <nav class="pagination"> {{ paginator(...
Hexo Next背景动画Canvas_nest: true设置无效的解决方案
Eirunye的博客
09-24 4610
简介 由于在Next 6.0后设置 Canvas_nest: true是背景将会有动画效果，但是没有反应，查看一下官方文档有解释说明。Canvas_nest。 #解决方案 打开Git进入自己文件夹下/themes/next文件夹下 $ cd themes/next 运行git clone https://github.com/theme-next/theme-next-canvas...
博客运用Hexo-Next主题美化（中）
jomes_wang的博客
01-02 298
​ ——转载链接见最下方 1，前言​ 大家是不是因为那个博客宠物才找到这篇博客的呢！！好，现在我为大家揭开谜底！为你们开启博客的精彩世界！ 2，炫酷特效2.1，博客小宠物​ 效果如图： ​ 1.输入如下命令获取 live2d ： npm install --save hexo-helper-live2d​ 2 输入以下命令，下载相应的模型，将 packagename 更换成模型名称即可，更多模...
与Hexo的NexT主题契合的多说css样式
08-10
"与Hexo的NexT主题契合的多说css样式"是针对NexT主题进行定制的多说评论插件的CSS样式，旨在确保评论区与整个博客的视觉风格保持一致，提升用户体验。 多说是一个流行的社交化评论系统，它允许用户通过各种社交账号...
Hexo博客优化之Next主题美化
热门推荐
huangpiao
01-26 5万+
前言 有了前面几篇博客的介绍，我们就可以很容易的搭建并编辑我们的博客了，不过既然是属于自己的博客网站，自然也就想让其更加美观，更有意思，所以呢我下面介绍一下Hexo博客的主题美化操作。 1. Next主题 Hexo博客支持很多主题风格，其中Next主题是Github上Star最多的主题，其一直在更新维护，支持非常多的外部插件和功能选项。我目前使用的是Next6.0版本，下面我会介绍基于Ne...
hexo自定义css样式
weixin_43827114的博客
02-18 5502
文章目录自定义CSS部分彩色标签心形转动分类底栏修改配置文件解释站点配置文件主题配置文件 个人博客https://www.renke666.top 尽管在配置文件中做了修改美化了博客，但原有样式还是比较简陋，修改的话就需要自定义CSS样式。这也算是美化博客的一大步进展吧，踩了很多坑。 这篇算是博客的美化部分暂时完结之作，花了很多的精力去美化，整体从十二月初断断续续的忙，寒假初期忙了会也算是忙了有两...
基于Next5主题美化的一款hexo博客主题
08-08
3. **主题美化**：在基于Next5主题的基础上进行美化，通常包括修改CSS样式以改变颜色、字体、布局等元素，使用JavaScript添加动态效果，如滚动动画、悬浮按钮等。同时，可能还会调整主题的响应式设计，确保在不同...
【报错】hexo 部署到 github 上，css、js 文件加载不出来怎么办
sparks42的博客
03-17 7581
1.修改hexo中 _config.yml 文件： 注意，root 后面写你 github 仓库的名字，前后斜杠都不能省！ url: http://yoursite.com root: /blog/ 2.重新上传 hexo clean hexo g hexo d ...
Hexo 主题部署到gitee上css样式不生效问题
Genus_的博客
01-25 3616
前几个月搭建了一个hexo主题的博客,部署在了gitee(为什么不要GitHub ? 因为好慢 T_T ~~ ),总结下遇到的几个坑 guestljz的博客 本地访问正常 部署在gitee上样式不生效?? 样式不生效的主要原因是css文件路径出了问题,样式没有链到 所以需注意一下几点 : 大家在将博客部署在gitee上首先第一步就是要新建一个仓库 !!! 这里要注意 仓库名必须和你注册gitee或GitHub的用户名一致 对应的,我们上面的仓库路径中使用的是https ,所以在这边也要勾选强制使用h
Hexo-next主题美化
yue_luo_的博客
11-25 1122
Hexo优点 个人认为Hexo博客搭建较为简单，适合零基础人群，且因其为静态部署，无需云服务器，可挂载到GitHub上，实现站长之梦。 配置 这里不详细介绍了，想搭建的小伙伴可查看这篇文章 使用Hexo搭建博客–环境配置 美化 关于Next主题的美化教程众多，这里不一一介绍，我会再下面独立成章一些个人认为比较有用的美化教程，其余可参考以下博客： Hexo官方插件（官方即正统） hexo的next...
Hexo next主题博客搭建及美化
qq_39085060的博客
01-04 1519
转载及引用 hexo主题配置一     hexo主题配置二    hexo主题配置三     hexo主题配置四     hexo主题配置五     Hexo博客提交百度和Google收录     hexo个人...
next.js入门之内置对 CSS 的支持
蛐蛐的博客
06-20 311
文档：https://www.nextjs.cn/docs/basic-features/built-in-css-support
hexo搭建个人独立博客 | NexT主题深度美化方案
隐秀_
07-28 1万+
NexT主题定制优化   使用Hexo来搭建静态网站已经越来越简单，网上的教程也有很多，所以在这里主要讲一下我的美化方案，先给大家看一下我的样式（慢慢死宅气2333）： 我的网站链接 主题 NexT: NexT.Gemini 评论 livere 搜索 Swiftype 托管 国内：Coding Pages 国外: GitHub ...
Hexo博客主题安装及Next主题个性化修改
weixin_43998150的博客
12-06 6967
原文链接https://www.lixint.me/hexo-theme-diy.html 欢迎加入博客搭建交流群（QQ群号60429576）&amp;gt;点击加入&amp;lt; 写在最前面： 1.在修改时请注意博客配置文件与主题配置文件的区别：博客配置文件是指博客根目录下的_config.yml文件， 主题配置文件是指/themes/主题名/路径下的_config.yml文件，例如我使用的主题为next主题...
hexo next博客
最新发布
05-25
Hexo Next 是一个非常受欢迎的 Hexo 主题，它具有许多功能和可定制选项，可以使您的博客看起来非常专业。 要使用 Hexo Next 主题，您需要先安装 Hexo。安装完成后，您可以按照以下步骤安装 Hexo Next 主题： 1. 在终端中进入 Hexo 博客的根目录，例如：`cd ~/myblog` 2. 使用以下命令安装 Hexo Next 主题： ``` git clone https://github.com/theme-next/hexo-theme-next themes/next ``` 3. 修改 Hexo 的配置文件 `_config.yml`，将 `theme` 的值改为 `next`： ``` theme: next ``` 4. 运行 `hexo clean` 清除缓存，然后再运行 `hexo server` 启动本地服务器，预览您的新主题！ 如果您需要自定义 Hexo Next 主题，请查看官方文档，其中包含了详细的配置选项和示例。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值