hexo matery主题优化_网站库

最新推荐文章于 2024-03-24 13:30:09 发布

bt-sonny

最新推荐文章于 2024-03-24 13:30:09 发布

阅读量946

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44186409/article/details/105851411

本文介绍了如何使用Hexo Materia主题进行代码高亮、博客写作、主题颜色修改以及部署到Coding和码云的步骤。推荐了Typora作为Markdown编辑器，并提供了跳过渲染的方法以及免费Logo设计网站。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码高亮

由于 Hexo 自带的代码高亮主题显示不好看，所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮，安装命令如下：

npm i -S hexo-prism-plugin

然后，修改 Hexo 根目录下 _config.yml 文件中 highlight.enable 的值为 false，并新增 prism 插件相关的配置，主要配置如下：

highlight:
  enable: false
#此处要为false,不然会代码高亮，有些不会，但有些会被拉到侧面
prism_plugin:
  mode: 'preprocess'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bt-sonny

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

hexo matery个性优化

weixin_44186409的博客

04-28

2556

hexo matery 个性优化 Hexo matery 功能个性优化访问速度优化页面加载动画图片加载优化什么是预加载什么是懒加载开始操作 Hexo matery 功能个性优化声明：本文是参考会飞的小戈这位大佬的进行优化访问速度优化页面加载动画主目录下新建一个文件夹(也就是你的blog目录下)，名为scripts，紧接着在新建的文件夹下新建一个名为loading-pages的js文件，...

个人建立hexo博客Matery主题的过程心得

小星AI

01-11

3025

本文已发布于个人博客https://tianjuewudi.gitee.io/，作为第一篇文章。有兴趣者可以去看看效果。博客搭建下载git和node 首先，搭建博客需要两个环境，一个是node.js，一个是git。打开cmd控制台输入 node -v #查看node版本 git --version #查看git版本如果没有显示版本号则需要配置环境变量：右键点击“我的电脑”→高级系统设置→环境变量给在系统变量给node新建变量：变量：NODE_PATH

参与评论您还未登录，请先登录后发表或查看评论

hexo matery主题博客解析bug问题及主题优化

01-08

matery主题优化时解析出bug matery是个好的主题这个我就不详细地说了，但是优化也难越好的主题、越丰富的主题，插件越多，配置越多，就容易出错最要命的是这种静态网页的部署还要用最原始的方法进行，先在命令行生成静态文件，然后发送给要命的github 总之bug数不胜数，大部分出错的原因基本都一致，无非就是在yml文件里乱弄出的bug 但是我优化主题时碰上了难得的bug，就分享给大家，省的大家走弯路 page.*.ForEach is not a function后接一大片路径这里的*就是图中的categorioes,我叫他page bug。就光看那么多行根本摸不着头脑，想着是肯定

Hexo matery　主题下的优化

Harris-H的博客

12-09

551

Hexo materyHexo\ materyHexo matery　主题下的优化前言：之前mdmdmd文件一直放在桌面，因为桌面太拥挤了，便movemovemove到csdncsdncsdn上来，供大家学习交流。如何修改当鼠标移动链接上面后的data−tooltipdata-tooltipdata−tooltip。进入到这个文件。它默认会添加这一段文字，去掉即可。 2.修改背景轮播图(banner 横幅) 更换即可，注意文件后缀如果不同，转换一下，目前还没找到对应的

Matery主题优化

最新发布

m0_49448331的博客

03-24

1429

以我的为例，我将鼠标指针样式放在了主题文件夹下的medias目录下，然后打开下的my.css*{important;此次主要依靠各位大佬的记录，优化博客界面，对于主题matery修改了一些样式，增加了一些功能。但对于前端页面的知识还是了解特别少，博客优化方面还有很多需要学习的地方，下面记录一下各位大佬的博客链接，方便以后优化页面，了解相关知识。# matery主题优化专栏。

hexo的Matery主题优化（一）

分享与记录前端点滴

04-06

619

个人博客作为效果参考：https://yunfulin.gitee.io/ 直达链接: link在新建一个文件 bubble.js 2、编辑配置文件在主题的配置文件找到然后在 js 下引入在主题的配置文件的底部，添加下面代码 3、引入文件在文件的标签里面引入 2、鼠标点击弹出文字 1、创建 click_show_text.js 在主题文件下新建 2、直接引入文件在文件的标签里面引入 3、鼠标移动特效 1、创建 mouse_snow.js 在主题文件下新

Hexo-matery主题性能优化

个人博客

08-23

2392

大家可以来我Hexo博客主页看看具体效果，欢迎留言评论传送门文章生成永久链接原来的文章链接地址会出现一大串字符编码，不好看，而给文章生成永久链接有利于SEO，给更加美观首先安装插件 npm install hexo-abbrlink --save 再站点配置文件下添加如下配置： abbrlink: alg: crc16 #算法： crc16(default) and crc32 rep: hex #进制： dec(default) and hex: dec #输出.

hexo-matery-modified:我个人修改的hexo matery主题，已修复了一些错误

05-02

**Hexo-Matery-Modified：个性化与优化的Hexo Mater主题** Hexo-Matery-Modified 是一个基于原生Hexo Mater主题的个人化版本，由用户进行了一系列的修复和改进，旨在提供一个更加稳定、功能丰富的博客环境。Hexo ...

【学习之博客美化】matery主题

IsQiya Bug Worlde

01-09

2720

为了方便我们这里使用 "Visual Studio Code"打开文件将博客改为中文目录：E:\IsQiyaBlog 将 " _config.yml " 文件中代码段 language: en 改为 language: zh-CN 修改主题菜单栏将它们填上内容新建分类 categories 页： hexo new page "categories" 目录：E:\IsQiyaBlog\source\categories 在 “index.md” 文件中配置下面相关配置应用分类标签：

hexo-matery主题美化(四)

沧海一粟

08-19

1556

这是最后一篇关于matery博客美化的文章，去掉banner的颜色动画、添加背景壁纸、修改滑动条、修改导航栏、页脚及文章卡片标签的颜色及修改目录样式！

windows下hexo博客的搭建以及matery主题的优化

Sunshine_20201的博客

02-19

1481

在windows下,关于我的hexo博客的搭建各位客官：此文章首发于我的博客，有待更新。现在网上有很多关于hexo博客搭建的视频和教程，我的搭建是参照： bi站up主CodeSheep的搭建视频。 http://www.bilibili.com/video/av44544186/ 在windows下，matery主题优化下面是我进行的几项简单的blog优化，因为我认为blog...

hexo（matery）背景、滚动条优化+增加点击跳评论

热门推荐

cungudafa的博客

05-22

1万+

文章目录一、前言二、个性美化1.重新配色2.取消首页渐变颜色动画3.增加背景壁纸&优化目录栏4.增加点击跳转评论按钮5.修改滑动条一、前言嗯，第三个主题了，对于魔改过sakura的“专业人士”来说，如果不动一下主题，我感觉浑身不舒服，哈哈哈，配色是粉红色，喜欢的话就改吧，或者ctrl+F,全文替换颜色。全新配色，粉粉红：主页取消了多色变换蒙版层，显示原图。优化了纯色背景，增加了背景图片层。添加背景图片后，对目录样式做了优化，透明白底板。上图中，在右下角还增加了点击直接跳转评论，

搭建 Hexo 个人博客和 Matery 主题的配置优化

qq_46457076的博客

01-09

2105

搭建 Hexo 个人博客和 Matery 主题的优化配置！

hexo-matery主题优化(二)

沧海一粟

08-06

982

hexo-matery主题优化(二) 作者：小码目录： hexo搜索 hexo代码高亮消除文章toc目录的那一竖杠杠去掉友链下那不必要的一栏空白最后前段时间，我好像写过一篇文章讲hexo-matery主题的配置优化，隔了很久，自己都忘了，应该是第一次安装主题的时候。那现在有些一篇关于这样的文章帮助大家继续增强美化自己的博客，因为本人最近也在做这件事，搭博客已经3个月了，选了喜欢的主题，却还是有一点点不满意，虽然创建主题的都是大佬，但是也有瑕疵的地方。更头疼的是，到最后也没人来告诉我们怎么把我们

基于Hexo的matery主题搭建博客并深度优化

weixin_44797199的博客

05-11

1529

本文转自悟尘纪，获取更新内容可查看原文： https://www.lixl.cn/2019/092856736.html 对于有一定技术背景的同学，自己动手搭建博客网站是一个很不错的选择。选择喜欢的主题，按需进行个性化配置，随时在本地用自己喜欢的工具写文章，一键发布到多个博客托管平台，使用自己喜欢的图床/CDN来加速… 演示站点（天弈初心）基于 Hexo 的 hexo-theme-matery 主题构建。安装hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown.

关于Hexo-Theme-Matery主题的一些个性化修改

lzctuhao的博客

01-28

7681

关于hexo的matery主题的一些修改最近利用Hexo搭建博客，网上的大量文献都是关于Next主题的配置与自定义修改的，却鲜有人写关于好看的hexo-theme-matery的。hexo-theme-matery这么好看的主题居然没被很多人发现… 在这里记录一下自己对hexo-theme-matery的更多自定义修改：（感谢作者运用规范的代码写出如此优秀的主题。）能在主题文件/themes/...

hexo-prism-plugin不支持大括号显示修复

xingranzhihuo的博客

02-17

797

hexo-prism-plugin不支持大括号显示修复发现问题在编写博客时，发现hexo自带高亮代码插件不兼容某些js文件，于是将hexo自带的插件更换为hexo-prism-plugin。但是发现花括号无法正常显示，如图所示。解决问题网上查阅资料未果，最终在插件模块源码里面发现花括号没有被写入，遂自行加入。具体路径：Blog\node_modules\hexo-prism-plugin\src\index.js 如图所示：添加内容在红框之中。更新之后显示正常。问题解

hexo html代码高亮,使用 prismjs 自定义 Hexo 代码高亮

weixin_39783512的博客

06-09

1082

一直就想优化一下 Hexo 的代码高亮部分来着，对 ts、tsx 部分的支持一直不太好；也许直接更新 Next 就能直接解决，但博客部分已经魔改了不少，本着这个原则就继续魔改下去好了。本站是在 Next 5 的基础上建成的，不过本文内容与 Next 5 的关系不大重写代码块的 render我使用了 hexo-renderer-marked 插件，这个插件的作用就是将 Markdown 文件渲染成 ...

HEXO简单主题terminal_theme开发与配置教程

标明该主题是专门为 Hexo 设计和优化的，与 Hexo 的其他插件或主题兼容性较好。 3. **Pug**：这是另一种模板引擎的名称（之前称为 Jade），说明该主题使用了 Pug 模板语言来生成 HTML 内容。 #### 压缩包子文件...