❤ hexo主题+Gitee搭建个人博客

发布于:2024-02-24 ⋅ 阅读:(91) ⋅ 点赞:(0)

Hexo的基本使用

1. ​认识

官网

官网地址:https://hexo.io/zh-cn/
在这里插入图片描述

介绍

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。即把用户的markdown文件,按照指定的主题解析成静态网页。

2. 安装

准备环境

准备环境
	1.node 
	hexo 基于 node,所以首先要安装node环境(node尽量18以及以上)
	2.npm
	包管理工具

安装

安装使用hexo之前需要先安装Node.js和Git,当已经安装了Node.js和npm(npm是node.js的包管理工具),可以通过以下命令安装hexo

npm install -g hexo-cli 安装hexo脚手架

安装成功:
在这里插入图片描述

3. 使用

hexo init (初始化 hexo,必须是空文件夹)
npm install (工程配置)

浏览器调试
hexo g ()
hexo s (启动hexo的服务)

效果

在这里插入图片描述

到这里你本地已经简单搭建起来了博客

hexo c (清楚缓存)
hexo g 
hexo d (Gitee博客配置好了以后推送到gitee的)
hexo s

4. 目录和配置

官方配置地址:https://hexo.io/zh-cn/docs/configuration

.
├── _config.yml 网站的配置信息,您可以在此配置大部分的参数
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

5. 主题安装

地址:https://gitcode.com/ppoffice/hexo-theme-icarus/overview?utm_source=csdn_github_accelerator&isLogin=1

安装:
npm install hexo-theme-icarus  
hexo config theme icarus

`这里我遇到的问题就是控制台一直报红色输出问题`

所有主题地址:
https://hexo.io/themes/

主题选择历程

1、开始选择的是
hexo主题里面的yilla简洁主题,菜单不明显,放弃

搭建了hexo主题NextT主题

使用主题Butterfly

01下载主题
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly

2 修改站点配置文件_config.yml,
	把主题修改为 Butterfly
	theme: Butterfly

为便于后续平滑升级,在source目录下创建_data文件夹,将Themes/Butterfly目录下的 _config.yml复制一份到source/_data目录下,并改名为butterfly.yml

执行以下指令,以查看应用主题后的效果

hexo clean #清除旧的内容
hexo g #生成发布用的静态页面

可能遇到的问题

环境要求

对于node环境要求
在这里插入图片描述

我的博客以及相关其他博客


https://lovelijunyi.gitee.io/
https://sunhwee.com/

本文含有隐藏内容,请 开通VIP 后查看

微信公众号

今日签到

点亮在社区的每一天
去签到