最终效果：个人博客

1、环境准备

Node.js v14.19.1
Git

2、hexo

中文文档

1、全局安装 hexo

npm install hexo-cli -ghexo -v

2、初始化hexo模板

mkdir blogcd bloghexo init

4、目录结构

其中 /blog/source/_posts 存放md文件

5、运行hexo（建议每次新建或者修改配置都执行三步）

hexo clean        # 清空已有hexo网站文件
hexo g           # 依据网页文本与新的CSS样式生成新网站文件
hexo s           # 启动本地服务器，可以在localhost:4000查看网站修改效果

6、访问 - http://localhost:4000

3、Butterfly主题

官方展示

1、在你的 blog 根目录

git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly

2、修改 Hexo 根目錄下的 _config.yml，把主題改為butterfly

theme: butterfly

3、安装插件

npm install hexo-renderer-pug hexo-renderer-stylus --save

4、重新启动

hexo clean
hexo g
hexo s

5、配置直接参考官方文档

4、码云配置

1、新建仓库

2、配置 _config.yml

deploy:type: gitrepo: https://gitee.com/laptoy/laptoy.gitbranch: master

3、安装git部署插件

npm install hexo-deployer-git --save

4、推送到远程库

hexo g --d

5、本地多了public文件夹，远程仓库多了文件

6、开启page服务

5、文章发布

1、md文件签名添加如下

---
title: file_name
tag: 标签名
categories: 分类    # 分类在sakura显示才能查看
comment: 是否允许评论(true or false)
description: 描述
---博客正文md格式

---
title: Java毕业设计：智慧校园管理系统
tag: 毕设项目
categories: 技术 #分类在sakura显示才能查看
comment: true
description: VUE+SpringBoot+MyBatis-plus
---

2、推送到远程仓库

hexo g --d

3、远程仓库手动刷新page服务

学习 Gitee+Hexo 搭建个人博客这一篇就够了相关推荐

使用 hexo 和 gitee 免费搭建个人博客
1. 前言在开始教程之前,你可以了解一下使用gitee pages服务搭建博客有哪些好处: gitee 是国内的网站,相较于 github 访问速度更快: 全是静态文件,访问速度快: 免费方便,不用 ...
基于Gitee/Github搭建个人博客
基于Gitee/Github搭建个人博客如果单纯写博客文章,CSDN.简书或者知乎都是很好的选择,简单易用,直接写就行.但是自己动手建立个人博客网站,不仅有趣,能学到知识,还具备非常强的可定制性.所 ...
hexo搭建个人博客_hexo 搭建个人博客
hexo 搭建个人博客 hexo-theme-matery README Hexo BLOG 地址 iyuhp's blog 基本介绍本 blog 使用 HEXO 搭建, MATERY 作为主题, ...
使用Hexo搭建个人博客-保姆级教程
使用Hexo搭建个人博客-保姆级教材首先我们看一下最终效果,按照以下步骤最后就可以完成和我一样的博客 https://chen-mingxuan.gitee.io/blog-test/ PS:CSD ...
在Hexo搭建的博客中插入音乐或者视频
原文地址在Hexo搭建的博客中插入音乐或者视频用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...
Hexo搭建个人博客模板（附源码）
什么是 Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. Hexo搭建个人博客模板效果预 ...
win10+阿里云ECS服务器+hexo搭建个人博客
最近尝试了Hexo+github来配置属于自己的博客,但是访问速度有些慢.在网上看到一些教程,基于网上教程总结了这一篇<win10+阿里云ECS服务器+hexo搭建个人博客>. 原文来自: ...
【Hexo搭建GitPage博客系列】02.环境搭建
转载声明:商业转载请联系作者获得授权,非商业转载请注明出处.原文来自 © 呆萌钟[Hexo搭建GitPage博客系列]02.环境搭建前言 Hexo搭建博客需要基于Node.js环境,而且依赖于Git ...
Windows+ECS+个人域名+HEXO搭建个人博客
title: Windows+ECS+个人域名+HEXO搭建个人博客 declare: true tags: 个人博客 abbrlink: f7136b46 date: 2021-10-16 16:3 ...

学习 Gitee+Hexo 搭建个人博客这一篇就够了

目录