Hexo-Next6.7.0主题优化

最新推荐文章于 2024-08-20 08:54:38 发布
最新推荐文章于 2024-08-20 08:54:38 发布
阅读量996 收藏 4
点赞数
分类专栏： others
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40393000/article/details/86677075
版权
本文详细介绍了如何优化Hexo的Next6.7.0主题，包括下载和启用主题，设置语言、菜单、头像，以及调整标签、分类、评论系统等。还涉及到了RSS订阅、页面浏览进度、代码块复制、动画效果、统计功能和版权信息的配置。
摘要由CSDN通过智能技术生成

Hexo-Next6.7.0主题优化

效果预览：Next6.7.0主题个人博客

一、下载next主题

$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

二、使用next主题

  • 在站点配置文件中配置使用next主题
theme: next

注意：所有配置文件内，每一项配置的冒号后面都要加上空格

三、next主题设定

  • 在主题配置文件中配置所选主题
# next主题配置文件中配置选用的主题
# scheme: Muse
#scheme: Mist
# scheme: Pisces
 scheme: Gemini

四、设置语言

  • 在站点配置文件中设置语言
language: zh-Hans     next5版本
language: zh-CN       next6版本

五、设置菜单

  • 在主题配置文件中设置菜单
menu:
  home: / || home
  about: /about/ || user
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive

六、设置头像

  • 在主题配置文件中设置头像
  • 使用本地图片,把图片放入themes/next/source/images下,修改avatar01
# Sidebar Avatar
avatar:
  # in theme directory(source/images): /images/avatar.gif
最低0.47元/天 解锁文章
lrhaoya
关注
专栏目录
hexo-theme-next:He Hexo优雅而强大的主题
03-19
语言： :United_States: 下一个«...安装如果您使用的是Hexo 5.0或更高版本，则最简单的安装方法是通过npm： $ cd hexo-site$ npm install hexo-theme-next或者，您可以克隆整个存储库： $ cd hexo-site$ git clone ...
Hexo添加复制代码块功能
CodeJoker_7的博客
03-02 2028
hexo添加复制代码块功能
hexo next修改代码区主题，修改字体样式，大小
as403045314的博客
12-13 6846
文章目录广告修改代码区主题站点_config.yml主题_config.yml修改字体样式，大小ps我自己的方式 广告 本人博客地址：https://mmmmmm.me 源码：https://github.com/dataiyangu/dataiyangu.github.io 一个将csdn文章转为hexo支持的文章格式的小东西：https...
hexo-theme-Cxo: 一款精致的Hexo博客主题
最新发布
gitblog_01100的博客
08-20 293
hexo-theme-Cxo: 一款精致的Hexo博客主题 hexo-theme-CxoA cool ，simple & beautiful theme for Hexo. :mushroom:项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-Cxo 项目介绍 hexo-theme-Cxo 是一个专为 Hexo 博客平台设计的主题，由开发者 L...
2024年鸿蒙最全Hexo博客优化之Next主题美化_hexo next(3)，面试官问的那些HarmonyOS鸿蒙原理你都懂吗
2401_84853282的博客
05-15 1157
schedule: /schedule/ || calendar #日历#sitemap: /sitemap.xml || sitemap #站点地图，供搜索引擎爬取#commonweal: /404/ || heartbeat # 腾讯公益404。
Hexo博客NexT主题美化之显示当前浏览进度
weixin_34342905的博客
03-05 874
前言 更多效果展示，请访问我的 个人博客。 效果图： 教程： 打开 themes/next/_config.yml ,搜索关键字 scrollpercent ,把 false 改为 true ，如下： # Scroll percent label in b2t button scrollpercent: true 复制代码 如果想把 top 按钮放在侧边栏,打开 themes/ne...
hexo 菜单_?Hexo-Next6.7.0主题优化
weixin_42396760的博客
01-02 266
​效果预览：Next6.7.0主题个人博客一、下载next主题$ cd your-hexo-site $ git clone https://github.com/iissnan/hexo-theme-next themes/next二、使用next主题在站点配置文件中配置使用next主题theme: next注意：所有配置文件内，每一项配置的冒号后面都要加上空格三、next主题设定在主题配置文件...
hexo-theme-volantis:Hexo的精彩主题https
04-28
hexo-cli : 3.1 ~ 4.x node.js : 12.16 LTS ~ latest LTS npm : 6.13 ~ latest LTS 编辑您的_config.yml ： theme : volantis 在终端中安装Volantis： npm i hexo-theme-volantis 用法 参见文档： : 或： : ...
hexo-theme-next：Hexo的优雅主题
02-23
:warning:社区维护的版本在这里： 下一个NexT是高质量的主题。 它是用爱从头开始制作的。实时预览 :heart_decoration: 缪斯计划： | | :dotted_six-pointed_star: 雾计划：| | :Pisces: 双鱼座方案： | | :Gemini: ...
hexo-theme-next-master_NeXT_hexo-theme-next_hexo_huntk8a_theme-n
10-04
6. **文件`hexo-theme-next-master`**：这可能是Next主题的源代码仓库，用户可以将其克隆到本地的Hexo博客项目中，然后在Hexo的`themes`目录下进行配置和修改。 总的来说，这个压缩包提供了一套完整的Hexo Next主题...
gridea-theme-next:Gridea NexT主题，搬hexo-next-theme
05-05
gridea-theme-next原产自hexo平台的next主题，将其搬至gridea，也算是为gridea开源社区做一份贡献。主题目前包含以下功能：自定义主题色，搜索功能，主题魔改功能，自定义鼠标样式，看板娘，背景音乐（外链以及a...
Hexo Next 7.71
幸愉编程·信奥编程私教1v1
05-21 1803
准备环境 1.安装Node.js 2.安装Git 3.注册码云 4.安装Hexo 安装命令 npm install hexo-cli -g 安装成功界面： 搭建本地个人博客 初始化hexo 新建一个空白文件夹（下文提到的“项目根目录”是指你新建的文件夹的位置）用于存放 hexo 资源。在空白文件夹里面打开 Git Bash ，输入下列命令行进行初始化，初始化成功后会在文件夹生成如下图的文件。 hexo init 生成静态页面 hexo g 启动本地服务 hexo s 关闭本地服务器在 Git B
hexo+NexT(v7.72+)超全二十一大主题美化，打造“超炫”网站（四）
Anchor.K的博客
05-29 497
(14)Hexo博客NexT主题美化之自定义文章底部版权声明 参考文章 效果如下 1.在目录themes/next/layout/_macro/下添加my-copyright.swig ，内容如下： {% if page.copyright %} <div class="my_post_copyright"> <script src="//cdn.bootcss.com/clipboard.js/1.5.10/clipboard.min.js"></script> &l
hexo+NexT(v7.72+)超全二十一大主题美化，打造“超炫”网站（一）
Anchor.K的博客
05-25 1457
安装好一个基本的next主题框架显然是有点简陋，许多普通网站的功能基本没有 于是我亲试了共计21个(持续更新)常见美化博客的功能，让你的博客变得更“炫”！ 以下效果均在我的博客marmalade.vip中能够呈现出来 在开始“大展身手”前，要注意一点： 每添加了一项新代码或功能后不要着急部署到github里， 健康的方式是用 hexo s -p 5555 指令开启5555端口，然后浏览器输入127.0.0.1:5555或localhost:5555便可浏览网站，保存之后再刷新本地浏览的页面会相应修改， 等
Hexo-Next6-5主题配置优化
清白之年的博客
12-04 1023
基于Next 6.5版本，网上有很多Next主题配置优化的教程，查找下来感觉比较杂乱，因此总结一些自己所使用的。更新见博客：https://ilibing.github.io/ 1.Next底部图标设置 将底部的图标设置为动态红心效果。 2.实现点击出现桃心效果 在/themes/next/source/js/src下新建文件 clicklove.js ，接着把如下的代码拷贝粘贴到 clickl...
Hexo框架下用NexT(v7.0+)主题美化博客
对方北方
03-19 2万+
前言 博主自己的博客：https://hunter1023.github.io/；按照本篇博客美化而成。 NexT主题的安装 　　顾名思义，所谓主题就是界面的展示样式。Hexo安装主题，只需要将主题文件拷贝至博客所在目录的themes目录下，修改相关配置文件即可生效。 　　NexT的安装通过定位到博客目录，再通过 　　Git clone https://github.com/theme-...
hexo主题next 7.X版本配置美化
weixin_30567471的博客
05-26 1213
我们主要对next主题进行了如下配置操作。效果可以前往https://www.ipyker.com查看。 也可以前往https://github.com/ipyker/hexo-next-theme获取配置后的源文件。 设置中文语言 设置博主文字描述 设置博客文章连接为year/month/day/title.html格式 Menu增加关于、标签、分类、互动、搜索菜单 禁...
Hexo博客NexT主题美化之顶部加载进度条
weixin_33857679的博客
03-04 689
前言 更多效果展示，请访问我的 个人博客。 效果图： 教程 进入博客文件夹的/themes/next文件夹下 cd /themes/next 复制代码 下载安装Progress module，如下 git clone https://github.com/theme-next/theme-next-pace source/lib/pace 复制代码 在/themes/next/_con...
Hexo版本升级和Next主题升级之坑
热门推荐
Just do it !
07-17 2万+
缘起 差不多用了一年hexo的3.2.0版本，next主题版本也用的5.0的，本来用的好好的，但是最近访问其他人的博客，发现访问速度比我的提升了不止一点点，遂决定折腾一番。 过程 Hexo版本升级 Hexo版本升级可以通过npm实现，相关命令如下： 先全局升级hexo-cli：-g表示全局升级。hexo本身是一个静态博客生成工具，具备编译Markdown、拼接主题模板、生成 HT...
npm install hexo-renderer-pug hexo-renderer-stylus --save
02-23
npm install hexo-renderer-pug hexo-renderer-stylus --save 是一个命令，用于安装 Hexo 博客框架所需的两个插件：hexo-renderer-pug 和 hexo-renderer-stylus。这两个插件分别用于渲染 Pug（以前称为 Jade）和 Stylus 文件。 hexo-renderer-pug 是一个 Hexo 渲染器插件，用于将 Pug 文件转换为 HTML。Pug 是一种高性能的模板引擎，它使用简洁的语法来生成 HTML。 hexo-renderer-stylus 是另一个 Hexo 渲染器插件，用于将 Stylus 文件转换为 CSS。Stylus 是一种动态样式表语言，它具有简洁的语法和强大的功能，可以提高样式表的编写效率。 通过执行 npm install hexo-renderer-pug hexo-renderer-stylus --save 命令，你可以将这两个插件安装到你的 Hexo 项目中，并将它们添加到项目的 package.json 文件中的 dependencies 部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值