如何搭建next和基本next美化

Hexo next主题博客搭建及美化 转载及引用 hexo主题配置一 hexo主题配置二 hexo主题配置三 hexo主题配置四 hexo主题配置五 Hexo博客提交百度和Google收录 hexo个人博客收录谷歌的详细过程(有图) Hexo NexT 魔改系列之三 ── 评论篇 更好的基于 github issues 的评论系统——utterances Hexo N... 阅读详情

如何搭建next和基本next美化

下载next

next官网也可以去github克隆

进入官网后大概就是这个样子点击开始使用就可以下载了我推荐你们就使用5.14这个版本最稳定当然我本人使用的7.8的其实版本都是看个人爱好只要看完有心什么博客都会很漂亮
next官网

下载好后把下载文件解压到themes

配置next

进入hexo根目录下的config.yml进去配置

并配置theme(下了什么版本的next就配置什么版本)

之后重新开启hexo如果出现不是默认的hexo就配置完成了

美化next

还是进入更目录下的配置文件下 Site属性效果见下图

如果发现我和你们的next排版不一样是因为我更改了模板样式

这个属性在Schemes下 步骤如下图

​ Ctrl+f搜索关键词在把注释去掉就可以了默认的主题是第一个你们把他注掉就可以了

然后就基本的样式我用图片和官网给你们呈现和对比

在这里插入图片描述

如果分类和标签出现404分别输入以下代码

hexo new page tags #这是标签
hexo new page categories #这是分类

执行成功后hexo根目录下的source会出现

进入目录更改其内容分别是

然后你可以在hexo下创建一个新的博客分别在文件内配置标签和分类

在点击后分类和标签会出现你配置的属性这里就不演式了(如果有小伙伴不会创建内容在git bash下输入 hexo n 这是你创建的文件名字')

搜索功能在官网下比较容易理解 看见那个搜索服务点击选入Local Search

按照官网的步骤完成就可以了。

因为使用了Local Search 我就把有关都配置了

评论系统

我们使用Local Search

在next下搜索valine(我这个是7.8的如果和5.14不同很正常只要有appid 和 appkey就可以了)

开启true如果你没有appid和appkey没关系我们等下注册下就行了

进入官网开始使用创建用户这个就不演式了

在这里插入图片描述

复制appid和appkey就可以了valine评论功能就完成了

功能数据统计

还有了一个功能数据统计与分析这里有点不同因为7.8的用不了Local Search数据这里就推荐直接使用官网的不蒜子统计

5.14的用不了不蒜子统计就使用Local Search数据

进入next下的config.yml搜索(Ctrl+f)

好基本就完成了有关Local Search的配置

头像配置

因为5.14 和 7.8 是不同的我分别用二张图片表示

7.8的配置


5.14操作一样的

快捷方式

阅读全文

本文字数和阅读时长

安装$ npm install hexo-symbols-count-time --save

如果安装完报如下提醒,还需安装eslint

npm WARN babel-eslint@10.0.1 requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself

安装eslint$ npm install eslint --save

搜索关键字进行配置

打赏功能

关键字搜索

设置背景图片

因为版本的关系这里我推荐看其他人博客可能别人写的更好

别人的博客7.8的配置

基于Next5主题美化的一款hexo博客主题 立即下载

相关推荐

Vue3结合vue-office实现Word文档上传与预览全流程解析

本文详细解析了如何在Vue3项目中集成vue-office插件实现Word文档上传与预览功能。从项目初始化、插件安装到文件上传处理(包括ArrayBuffer转换)、预览优化及常见问题解决方案,提供了一套完整的实现流程,帮助开发者快速实现高效的文档预览功能。

weixin_29001327的博客 464

next.js博客搭建_初始化next项目(第一步)

大家好,我是yma16,本期给大家分享next项目搭建博客的开始。背景因为我的博客网站是基于vue2搭建的,单页面应用,技术框架老旧,所以想着给我的博客网站升级.

编程知识分享,主打前端 3万+

MTK PE+2.0介绍

  PE+2.0介绍:   1.      PE+2.0的状态机: 2.      升压波形协议及编码规则: PE+2.0软件设计:   在充电器类型为标充且底层电量SOC在1%—95%之间时,开始PE+2.0升压充电器的检测:首先将VBUSreset至5V,之后发送8.5的current pattern再获取此时VBUS电压和8.5V比较,若其与8.5的差值绝对值在0.5之...

raydom07的博客 1万+

hexo-NexT主题的美化

这一篇记录一下怎么一步步的美化,后面如果没有什么大的改动的话,美化的东西就在这一篇里面写了

weixin_43402104的博客 1327

【电子元件篇】电容的九大作用与选型指南-超简单解读

本文系统介绍了电容的基础概念、核心功能及实际应用。电容作为存储电荷的被动元件,其容值公式为C=Q/V,单位包括法拉及常用派生单位。文章重点解析了电容的九大功能:滤波(通过RC低通电路抑制噪声)、耦合(传递交流隔离直流)、去耦(稳定供电)、储能(短暂供电)、定时(RC延时)、谐振(RLC振荡)、旁路(高频通路)、电压调节(DC-DC转换)以及保护(吸收浪涌)。同时详细阐述了电容分类(陶瓷/电解/薄膜等)、参数选型要点(耐压/容值/精度/温度)及PCB设计注意事项,并针对不同应用场景提供了具体选型建议和常见误区

2301_81299416的博客 4014

Depth Anything 3实战:如何用DINOv2 Transformer一键生成3D高斯点云?

本文详细介绍了Depth Anything 3(DA3)模型如何利用DINOv2 Transformer架构,实现从单张或多视角图像一键生成高质量3D高斯点云。DA3通过统一的深度-射线表示和自适应注意力机制,简化了传统复杂的3D重建流程,并可直接微调用于3D高斯渲染,为图形学、CV和内容创作领域提供了高效的端到端解决方案。

postgres8guard的博客 722

「Hexo | Next主题美化」

Hexo博客Next主题美化。

qq_43620045的博客 3178

FC7300 SPI MCAL配置引导

Example - QMI8A01z外设:Example - QMI8A01z外设:

舊梦的博客 260

如何创建第一个Next项目,使用 Next.js Cli 快速搭建和运行 Web 应用

及以后版本,支持 macOS、Windows、Linux 系统。输入ls 可以看到当前目录下没有任何文件,为空。node.js的安装过程可以查看我上次写的。安装完成后可以看到文件夹了增加了这么多文件。Next.js 提供了很多示例代码,比如。运行命令后会直接进入项目创建和依赖安装阶段。打开命令行工具,切换到自己的项目目录下。目前最新版本的 v14 版本,需要。则会执行 ESLint 语法检查。然后浏览器打开上图生产版本的。自动创建项目文件并安装依赖。在创建项目的时候使用。

2402_85112529的博客 1681

金属表面粗糙度对信号的影响

之前的文章中,已经采用CST中的微带线模块进行了很多的仿真分析,本文将再次利用这些模块,从另外一个角度去探讨关于传输线的使用问题--金属的表面粗糙度。 众所周知,数据传输中,当速率越来越高时,信号在金属介质中的趋肤效应就愈发明显,能量就会更多地集中于金属的表面进行流动,此时,如果金属表面不再光滑而是凹凸不平,能量的传输过程就会产生波动,当这种波动积累到一定的量级,就会严重影响到传输线的阻抗稳定性,从而导致信号失真和传输异常。

一只豌豆象的博客 2897

手把手入门YOLO到改进优化教程 | 【P5进阶篇】YOLOv8损失函数改进实战-损失函数IoU之KLD Loss

在本节,将从 KLD Loss(Kullback–Leibler Divergence Loss)的理论到实战代码实现,带你把 KLD Loss融合进 YOLOv8 的训练框架中。并通过训练日志与实验结果,验证 KLD Loss 在实际工程中的优势。

嵌入式阿齐Archie 2万+

Next主题美化

Next主题美化 最近使用hexo的next主题在github上搭建了一个博客,但是发现这个next主题并不完全是自己想要的,所以还需要美(zhe)化(ten)一下。主要折腾了三个方面: 鼠标点击特效 个性化回到顶部 打字特效 上传文件中带有READ.md 鼠标点击特效 添加鼠标点击礼花特效????,效果如下 在themes\next\source\js\cursor\目录下 创建fireworks.js,具体fireworks.js的内容可以点击????fireworks.js进行查看(不展示因为

bugcat的博客 1050

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

hexo搭建个人独立博客 | NexT主题深度美化方案

NexT主题定制优化   使用Hexo来搭建静态网站已经越来越简单,网上的教程也有很多,所以在这里主要讲一下我的美化方案,先给大家看一下我的样式(慢慢死宅气2333): 我的网站链接 主题 NexT: NexT.Gemini 评论 livere 搜索 Swiftype 托管 国内:Coding Pages 国外: GitHub ...

隐秀_ 1万+

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

QT串口通信数据不完整?三种方案彻底解决readyRead丢包问题

串口通信是嵌入式与工业控制中设备数据交互的基础方式,其本质是字节流传输,数据到达时机与读取时机的不匹配常导致帧不完整。QSerialPort的readyRead信号仅表示有数据可读,并不保证一帧数据已完整到达,这是数据不完整的根本原因。通过缓冲区管理、协议解析与多线程读取等技术手段,可有效解决粘包、丢包与界面卡顿问题,提升数据采集的可靠性与实时性。这些方法广泛应用于传感器数据采集、工业现场调试与嵌入式上位机开发等场景。本文围绕QT串口通信中的数据不完整问题,深入剖析readyRead机制,并给出三种可落地的

weixin_34411563的博客 520

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

用Github Pages+Hexo搭建博客之(三)初步配置、美化博客,以NexT主题为例

【置顶】【专栏】用Github Pages+Hexo搭建博客 上一篇我们讲了用Github Pages+Hexo搭建博客之(二)如何更换博客主题,以NexT主题为例,这一篇来看看如何配置、美化我们的博客主题。 参考:Hexo官方配置文档 每次修改后都要部署一下: hexo g hexo d 1.站点配置 在 _config.yml 中修改大部分的配置。 参数 描述 title 网...

夏普通 834

Hexo框架下用NexT(v7.0+)主题美化博客

前言 博主自己的博客:https://hunter1023.github.io/;按照本篇博客美化而成。 NexT主题的安装   顾名思义,所谓主题就是界面的展示样式。Hexo安装主题,只需要将主题文件拷贝至博客所在目录的themes目录下,修改相关配置文件即可生效。   NexT的安装通过定位到博客目录,再通过   Git clone https://github.com/theme-...

对方北方 2万+

如何美化Hexo Next搭建在github的博客

设置阅读全文 用编辑器打开themes/next 目录下的_config.yml文件 auto_excerpt: enable: false length: 150 false改成true 此时要hexo g重新编译 主题添加字数统计 全站添加 打开hexo\themes\hexo-theme-next\layout_partials路径下footer.swig文件,在你...

T19er的博客 571

Github部署+Hexo搭建免费博客 next主题美化

前言 工作学习中难免会遇到一些问题,有些问题比较复杂,第一遇到了百度许久,第二次遇到了还是要百度许久!想想 倒不如遇到问题记下来写在博客上!以后好查阅.在优快云上面看到hexo+github可以免费搭建博客,于是就自己 动手搭建了一下,写下来跟大家分享下!本机默认windows系统下 准备工作 安装git **关于Git:**Git(读音为/gɪt/。)是一个开源的分布式版本...

易慕晓生的博客 2487

hexo+next7.x搭建博客,配置美化

我们主要对next主题进行了如下配置操作。效果可以前往https://www.ipyker.com 查看。 也可以前往https://github.com/ipyker/ipyker.github.io/tree/hexo 获取配置后的源文件。 设置中文语言 设置博主文字描述 设置博客文章连接为year/month/day/title.html格式 Menu增加关于、标签、分类、互动、搜索菜单 ...

oTenderness1的博客 1648

Hexo 博客Next 搭建与美化主题

========================================================================================将页面部署到GitHub或者Coding=======================================================================================...

weixin_30390075的博客 187

对 Hexo + Next + github 搭建的个人博客进行深度美化

在看这篇美化个人博客之前可以先学习一下三分钟搭建个人博客(Hexo + Next + github)详细教程教程写的非常详细,不懂编程的小学生都能学的会,如果喜欢喜欢小鹿写的文章点一下关注,可以在第一时间可以看到文章的更新。 简单设置网站 打开文件 ·~/blog/_config.yml # Site title: 小鹿的博客 // 个人网站的标题 subtitle: Ordinar...

weixin_33965305的博客 154

使用 github 仓库搭建 Hexo教程,Hexo配置文件解读,Hexo安装next主题及主题配置,美化

这是之前写的文章了,重新补一补,把另外写的都和在一起了,出问题方便找。

sywdebug的博客 6497

使用hexo+github搭建个人博客(进阶篇)

Hexo简介 Hexo 是一款基于 Node.js 的静态博客框架。Hexo 使用 Markdown 解析文章,用户在本地安装Hexo并进行写作,通过一条命令,Hexo即可利用靓丽的主题自动生成静态网页。 参考:Hexo-Github地址 Hexo帮助文档 博客环境搭建 2.1 安装Git Windows平台:以 Win7 64位机为例 到官网下载 Git,一路默认...

大鱼吃小鱼7的博客 2万+
上一篇: 手把手教你从0开始搭建自己的个人博客
下一篇: MyBatis Plus菜鸟快速上手
虎胖绕我身
博客等级 码龄7年 5粉丝 6原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值