Hexo更换主题

最新推荐文章于 2022-10-27 09:55:15 发布

AutodidactW

最新推荐文章于 2022-10-27 09:55:15 发布

阅读量268

点赞数 1

本文链接：https://blog.csdn.net/weixin_42421946/article/details/105765559

版权

推荐三款Hexo博客样式

下载

git bash，进入到博客的本地目录中,

cd 到你的博客目录路径

然后使用clone的方法将想要的主题下载下来。（我选用的是NexT主题）
找到对应的主题仓库获取http地址,下面有三种主题仓库的地址
matery
fluid
next

clone.JPG

git clone 然后使用clone的方法将想要的主题下载下来。（我选用的是fluid主题）

 git clone https://github.com/fluid-dev/hexo-theme-fluid.git

修改配置文件
git克隆完成后，打开当前目录下的“_config.yml”配置文件。

theme: 改成对应的主题(“：”冒号之后空格不可少）

主题.JPG

Hexo博客的根目录,Gitbash执行下面命令(部署到github上)

hexo g

 hexo d

我的博客界面

我的博客欢迎参观

sample1.JPG

sample2.JPG

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AutodidactW

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Hexo博客网站更换主题

yaluoshan的专栏

06-09

1万+

前言：上一篇博客介绍了如何从零开始搭建Hexo博客网站，Hexo网站默认加载的是landscape主题，如果想要更换自己喜欢的主题，可以继续阅读这一篇教程。本教程将讲述将landscape主题更换为扁平化、响应式设计Jacman主题。安装Jacman主题个人博客网站具有很强的展示性，一个炫酷的界面会很吸引人眼球，选择一个协调、美观的主题就很重要了。Hexo官方https://hexo.io/th...

hexo主题更换以及怎么写博客

sinat_27514587的博客

11-02

899

此文首发于 https://lijing0906.github.io 默认的hexo主题我个人觉得不是很好看，必须得挑一款适合自己风格的主题写博客需要懂一些Markdown语法，so easy的啦，网上一搜一箩筐的语法博客(只能帮你到这儿了) 主题修改一、找一个能折腾的主题 hexo官网上有很多主题可供选择，个人建议，刚开始做的时候选择一些简单的主题来折腾，会没那么折腾我找了很久，找到一个简...

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

hexo切换主题后hexo-theme-landscape报错

qq_31436871的博客

12-18

1680

报错代码 hexo安装一个新的主题后,在hexo根目录更改_config.yml中的theme项后,每次执行hexo指令都会报如下错误 ERROR { err: [Error: EISDIR: illegal operation on a directory, read] { errno: -4068, code: 'EISDIR', syscall: 'read' } } Plugin load failed: %s hexo-theme-landscape 虽然不会影响

Hexo更换主题后，启动页面报错

热爱编程的小白

10-11

694

Hexo启动页面报错解决

Hexo博客搭建、fluid主题美化

W211953332的博客

08-28

3280

一、添加一言 1、文章参考地址： https://pxxyyz.com/posts/30454/ 2、主页效果 https://whitejiang.gitee.io/ 3、替换layout_partial\plugins目录下的typed.ejs <% if(theme.fun_features.typing.enable && page.subtitle !== false){ %> <%- js_ex(theme.static_prefix.typed, "/ty

hexo主题切换可能出现的错误

wtylcam的博客

10-27

666

hexo主题切换可能出现的错误

hexo更换主题

twocanis的博客

12-05

237

2021 hexo matery主题个性魔改

Zz_cheng的博客

05-12

3855

hexo matery主题个性修改一、雪花飘落先来看看效果： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WjK4pw7m-1620819312244)(https://7.dusays.com/2021/05/12/34ef670a25f7f.gif)] 找到你的博客目录，在主题在/themes/matery/layout/layout.ejs 中添加下列代码即可 <div> <canvas id="snow" style="positio

hexo 主题更换

liangcai_csdn的博客

11-20

1204

hexo 主题配置 1. 打卡github官网，搜索 hexo-theme 关键词。搜索内容如下图：选择你自己喜欢的风格，这里我选择第二个做演示。主题风格如下图：返回主页下载主题代码。下载完成之后保存到自己的 theme 文件夹中。打开 cmd 窗口 ...

Hexo 自定义主题和菜单

媛测

01-02

7287

文章目录一、更换 Hexo 主题及样式1、默认主题2、更换主题2.1 下载新主题2.2 修改站点配置文件2.3 修改 next 主题的样式二、自定义主题菜单1、配置主题菜单2、设置标签和分类2.1 菜单 404 报错问题2.2 创建标签和分类文件夹2.3 在 index.md 中增加 type 属性2.4 在文章中加入 tags 和 categories 属性一、更换 Hexo 主题及样式 1、...

hexo-theme-fluid：一种材料设计风格的Hexo主题Hexo的优雅Material-Design主题

02-03

一款Material Design风格的主题 Hexo的优雅材质设计主题 :China:中文简体| 文档：预览：快速开始 1.构建Hexo博客如果您还没有Hexo博客，请按照进行安装，建站。 2.获取主题最新版本方式一： Hexo 5.0.0版本以上，推荐通过npm直接安装，进入博客目录执行命令： npm install --save hexo-theme-fluid 然后在博客目录下创建_config.fluid.yml ，将主题的内容复制进去。方式二：下载解压到主题目录，合并解压出的文件夹重命名为fluid 。 3.指定主题如下修改Hexo博客目录中的_config.yml ： theme : fluid # 指定主题 language : zh-CN # 指定语言，会影响主题显示的语言，按需修改 4.创建“关于页” 首次使用主题的“关于页”需要手动创建： hexo new page about 创建成功后，编辑博客目录下/source/about/index.md ，添加layout属性。修改后的文件示例如下： --- title :

Hexo更改主题

git1314的博客

10-03

2668

起因 *最近在折腾自己的的博客，因为服务器到期了，只好用GitHub page +Hexo来搭建了 *如果想安装hexo的话，可以看一下下面的文章安装hexo 安装完成后，想更改一个好看一点的主题。这里可以用next,或者是even https://hexo.io/themes/ 这里我选择的是even 官方链接安装步骤按照文档的就可以了 3安装过程遇到了一些问题 F...

基于Next5主题美化的一款hexo博客主题

08-08

基于Next5主题美化的一款hexo博客主题

hexo Blog 美化篇_1

liegu0317的博客

12-11

996

hexo作为一个快速、简洁高速的博客框架,拥有众多用户,也因此theme也非常丰富直接在GitHub上搜索hexo theme就可以找到许多好看的主题这里我使用的是名叫 Fluid 的主题，他和其他使用量比较大的theme一样其官方文档是相当丰富目录 1.主题安装与指定 2.theme 细节 DIY 2.1整理门面 2.2修改about Page 这是我的博客 ↓ 参考资料： 1.主题安装与指定官方文档说的很明白，这里就不做过多赘述了点击查阅官方文档补...

Hexo Fluid主题配置教程，详细到每一行代码

weixin_49270402的博客

06-07

9008

【手把手系列2】傻瓜式 Hexo 之 Fluid 主题配置教程 0. 前言 Hexo搭建好的博客是使用landscape主题，看起来挺丑的…不是很喜欢，所以我们到hexo官网上寻找一些好看的主题进行更改。 hexo主题网站： https://hexo.io/themes/ 这里有几百个主题供你选择，由于太多而且网站中也没有对这些主题进行筛选的功能，让人难以选择，所以我们推荐到github上寻找合适的主题：从而可以看出，最受欢迎的是Next主题，还有几个主题的star数也不少，大家根据自己的喜好挑选

[Hexo] Hexo更换主题

Glemontree's blog

09-03

587

当更换主题后，若想让更换后的主题生效，可以执行下面这条命令：hexo d -g。

给blog增加上Fluid主题，快乐到飞起

纯码农的博客

07-20

631

给blog增加上Fluid主题，快乐到飞起

hexo的美化——拓展篇

Jeff_的博客

04-29

3899

基础知识 css样式 hexo/themes/next/source/css/: 是next主题的样式文件，决定主题的外观。 hexo/themes/next/source/css/main.styl：汇总css文件夹中所有的样式。 hexo/themes/next/source/css/ _custom/custom.styl：是空的，专门让开发者扩展。修改css 进入网页,F12进...

Hexo-Fluid主题添加音乐页面

林慕凡的博客

11-19

2677

效果预览：https://bynote.cn/playlist/ 如果你想使用音乐页面，很多人都会推荐安装hexo-tag-aplayer这款插件。这款插件通过Hexo独有的标签外挂，我们可以很方便的写入一些参数，插件就会帮我们生成对应的html。例如：如果使用插件，在markdown中要这样写 {% meting "000PeZCQ1i4XVs" "tencent" "artist" "theme:#3F51B5" "mutex:true" "preload:auto" %} 其会被渲染为 &.

Hexo fluid主题如何自定义iconfont图标 - Hexo

Clearlight's Blog

01-04

1695

设置步骤一. 添加自定义图标的css 打开iconfont官网, 找到自己想要的图标(可以关键字搜索), 选择第一个购物车, 然后下载代码下载保存到本地, 将文件重命名, 移动到 hexo/themes/fluid/source/css目录下打开主题目录下的_config.yml文件, 在 custom_css后面添加上新增的css文件, 如图: 二. 使用刚添加的图标这就是刚刚添加的图标的样式, 这样就可以正常使用, 问题出现了, iconfont是必填的, 后面的 ico