Hexo下Next主题配置与优化

最新推荐文章于 2024-02-07 22:30:52 发布
VIP文章 最新推荐文章于 2024-02-07 22:30:52 发布
阅读量492 收藏
点赞数
分类专栏： Java技术 文章标签： hexo next 自定义博客
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_36379934/article/details/59080430
版权

使用Next主题

  • 在这里Downloads Next主题代码
  • 将下载的代码放在myBlog/theme/next目录下
  • 设置站点myBlog/_config.yml的theme字段值为next
  • 生成新页面hexo g
  • 开启服务hexo s –debug
  • 发布代码hexo d

注：此时登录网站，发现是空白的，打开控制台，提示很多vendors目录下的文件404，解决办法是将next主题下即myBlog/themes/next/source下的vendors目录名改为lib，并修改myBlog/themes/next/_config.yml的_internal: vendors改为_internal: lib。

参考：iissnan的回答

主题配置

主题风格设定

通过修改next主题下的_config.yml的scheme字段，配置不同的风格。

# Schemes
scheme: Muse
#scheme: Mist
#scheme: Pisces

本站点使用的是默认的Muse，显示效果如下：

最低0.47元/天 解锁文章
whfstudio
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hexo next主题
06-29
hexo搭建博客的next主题下载，赶紧下载吧，积分已经设最低了
hexo-theme-next：Hexo的优雅主题
02-23
:warning:社区维护的版本在这里： 下一个NexT是高质量的主题。 它是用爱从头开始制作的。实时预览 :heart_decoration: 缪斯计划： | | :dotted_six-pointed_star: 雾计划：| | :Pisces: 双鱼座方案： | | :Gemini: ...
一文了解 NextJS 并对性能优化做出最佳实践
LuckyWinty的博客
11-09 1205
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群引言—从本文中，我将从是什么，为什么，怎么做来为大家阐述 NextJS 以及如何优化 NextJS 应用体验。一、NextJS是什么—NextJS是一款基于 React 进行 web 应用开发的框架，它以极快的应用体验而闻名，内置 Sass、Less、ES 等特性，开箱即用。SSR 只是 NextJS 的一种场景而已，它拥有4种渲染模式，我...
next项目页面性能调优
最新发布
SaRAku的博客
02-07 1733
webpack4新增了一个sideEffects新特性，它允许我们通过配置的方式，去标识我们的代码是否有副作用，从而为Tree-shaking提供更大的压缩空间。经过本次分包后，主包肉眼可见地从800多k变为了500多k，里面杂乱重复引入的工具包减少了。如果一个包不合常理地比较大，可以看源代码里是否引入了其他不需要的代码，需注意lodash / @ant-design/Icon。这里的副作用指的是模块执行时除了导出成员之外所做的事情。我的项目中，我发现主包build后有800多k。
Next.js性能优化之ISR渲染入门和原理探索
油墨香^-^的博客
03-14 731
SSR—— 服务端渲染SSG—— 静态生成ISR—— 增量静态化Date Fetch函数 —— 本文特指服务端数据获取的几种函数。Next.js中最突出的莫过于它的渲染模式，之前写过一篇文章《Next.js之前端渲染模式》中分别介绍和对比了几种渲染模式的优劣势，而且其中的ISR在大部分的业务页面中能起到很关键性的性能优化作用。最近在使用ISR功能的时候遇到了一些问题，本篇文章将分享如何更好的去使用ISR，以及在使用的过程中可能会遇到的一些问题和解决方法，其中会涉及到一些原理的探索。本文从ISR。
2018最新版Hexo博客Next主题6.0配置优化
热门推荐
请别抢我的狗熊
03-08 4万+
前言 或许是对默认的东西没有好感，总觉得默认的主题是很丑很丑的，完美控是接受不了这个东东的，还好hexo是可以修改主题的。这里首推NexT主题，精于心，简于形标语说的是真的不错。使用NexT主题的人比较多，这也说明这个主题确实很成熟了。优化，配置，扩展很多都集成了，比较简单。博文重质量，弄的太花哨确实没啥用。。。 读者可以在https://hexo.io/themes/可以查看...
（Ⅱ）NexT主题的优化定制修改指南
Jaybo
01-30 1万+
写在前面 各种 Hexo 主题选来选去，抉择不定到底使用哪个主题。如果你也是和我一样，可以看看知乎的问答，看看大家的推荐吧。 知乎：有哪些好看的 Hexo 主题？ Hexo 官网：https://hexo.io/ 关于 Hexo 是什么和一系列操作，请看官方文档吧：https://hexo.io/zh-cn/docs/ 关于 Hexo 主题，官网推荐的主题有这些：https://he
hexo_next主题
01-26
Hexo 是高效的静态站点生成框架，她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章，除了 Markdown 本身的语法之外，还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中，...
Hexo博客搭建文件（next主题）
12-07
Hexo需要git和nodejs，这里时next的所有的配置文件，都是自己改过来的。
hexo-theme-next:He Hexo优雅而强大的主题
03-19
语言： :United_States: 下一个«NexT»是高质量的主题。它是用爱从头开始制作的。实时预览 :heart_decoration:| :dotted_six-pointed_star: :Pisces:| :Gemini:更多的«NexT»示例。安装如果您使用的是Hexo 5.0或更...
next-seo：Next SEO是一个插件，可让您在Next.js项目中更轻松地管理SEO
02-04
下一个SEO Next SEO是一个插件，可使您在Next.js项目中更轻松地管理SEO。 拉取请求非常受欢迎。 如果您正在寻找添加内容的灵感，还请确保检查出有关功能请求的问题。 想要支持这个免费插件吗？ 目录 用法 NextSeo工作原理是将其包含在您要添加SEO属性的页面上。 一旦包含在页面上，您就可以向其传递带有页面SEO属性的配置对象。 这可以在页面级别动态生成，或者在某些情况下，您的API可能返回SEO对象。 建立 首先，安装它： npm install --save next-seo 要么 yarn add next-seo 将SEO添加到页面 然后，您需要导入Next
Hexo博客NexT主题终极配置
潘超博客
06-12 8509
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。本文中我们将对hexo中nexT主题搭建的自己的博客站点进行配置，为你打造个性化博客系统。 目录 Hexo博客发布流程 新建带日期格式的博文 博文插入图片 链接持久化 添加分享功能(百度分享) 添加搜索功能 nexT小白必看-...
最详细的Hexo Next主题配置教程
Web全栈笔记
12-24 1万+
配置环境安装Node（必须）作用：用来生成静态页面的到Node.js官网下载相应平台的最新版本，一路安装即可。安装Git（必须）作用：把本地的hexo内容提交到github上去.安装Xcode就自带有Git，我就不多说了。申请GitHub（必须）作用：是用来做博客的远程创库、域名、服务器之类的，怎么与本地hexo建立连接等下讲。安装hexoNode和Git都安装好后,首先创建一个文件夹,如blog,
Hexo框架下用NexT(v7.0+)主题美化博客
对方北方
03-19 2万+
前言 博主自己的博客：https://hunter1023.github.io/；按照本篇博客美化而成。 NexT主题的安装 　　顾名思义，所谓主题就是界面的展示样式。Hexo安装主题，只需要将主题文件拷贝至博客所在目录的themes目录下，修改相关配置文件即可生效。 　　NexT的安装通过定位到博客目录，再通过 　　Git clone https://github.com/theme-...
Hexo--Next主题优化
寒江蓑笠的专栏
02-04 1万+
欢迎访问我的博客 按照上篇博客中更换Theme的方法，我们已经将主题改为Next，但是还是有地方我们可以优化和配置的。 一些常见的配置方法参考文档即可。语言设置将languages目录下面的zh-Hans.yml修改为zh-CN.yml或者按照文档中的修改根目录配置文件也行。修改样式网站标题栏背景颜色网站标题栏背景颜色是黑色的，感觉不好看，可以在source/css/_schemes/Pisce
hexo+NexT博客优化第二弹
胖胖雕的GIS博客
11-22 2957
最近对hexo和NexT博客又做了一次优化。主要干了三件事。
NexT主题配置优化-出土指南
RunningKing
04-03 1121
前段时间, 辛辛苦苦花了一周的时间搭建了属于自己的个人技术博客, 当然也是各种采坑各种跳, 大家如果在搭建过程中遇到什么问题, 可以参考基于GitHub和Hexo搭建个人博客 博客搭建好之后就是选择博客主题的问题了, 刚开始我用的是Yelee主题, 这个主题总体来说还是不错的, 动画效果还是很炫酷的, 星级评价也达到了1107个 这两天看到很多人都在用NexT主题, 而且网上分享的关于个性化的...
KMP算法--Next数组详解与优化
weixin_34184158的博客
10-15 863
本篇文章直接跳过蛮力算法以及一些简单背景，着重讨论Next数组的意义以及其是如何工作的，并对如何求Next数组做详细记录。 1.背景 1.1 KMP算法的应用：KMP算法用来解决模式串匹配问题。 1.2 为什么要用KMP算法：普通的蛮力算法时间复杂度为O（n*m），而KMP为O（n+m）。 2.KMP算法思想 2.1 KMP算法的思想：（称T为目标串...
hexo主题next override详解
05-26
Hexo是一个静态博客生成器，它提供了一些默认的主题，但是用户也可以自己开发或使用第三方主题。其中，Next是一款非常受欢迎的Hexo主题之一，它提供了丰富的功能和灵活的配置。 在使用Next主题时，我们可以通过override来修改主题的默认配置和样式。具体来说，override是指将主题的默认配置或样式文件复制到博客根目录下的/source/_data/或/source/css/override/目录下，然后进行修改。这样，在重新生成博客时，Hexo会优先使用override中的配置或样式文件，从而实现自定义主题的效果。 下面是具体的使用方法： 1. 复制配置文件到/source/_data/override/目录下 首先，我们可以通过命令`hexo config`查看当前主题的默认配置，然后将需要修改的配置项复制到/source/_data/override/目录下的同名文件中，并进行修改。例如，如果我们想修改Next主题的默认语言为英文，可以执行以下命令： ``` hexo config | grep language > source/_data/override/next.yml ``` 然后，打开source/_data/override/next.yml文件，将`language`的值修改为`en`，保存文件即可。 2. 复制样式文件到/source/css/override/目录下 如果我们需要修改主题的样式，可以将主题的默认样式文件复制到/source/css/override/目录下，并进行修改。例如，如果我们想修改Next主题的默认字体为微软雅黑，可以执行以下命令： ``` cp -r themes/next/source/css/fonts source/css/override/ ``` 然后，在source/css/override/fonts目录下，将所有字体文件中的字体名称修改为“Microsoft YaHei”，保存文件即可。 需要注意的是，override文件的命名和存放路径需要与主题默认文件一致，否则可能会导致修改无效或出现异常。同时，使用override也可能会导致主题升级时出现冲突，因此在使用时需要注意备份原始文件和谨慎修改。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值