当前位置： 首页 > news >正文

hexo + Butterfly搭建博客

news 文章来源：https://blog.csdn.net/qq_57882997/article/details/145342543 2025/5/5 14:35:46

Hexo‌是一个基于Node.js的静态网站生成器，主要用于快速搭建博客和个人网站。它使用Markdown语法编写文章，能够迅速生成静态页面并部署到服务器上。

配置node

  1. 使用nvm安装node(v16.13.2)后配置镜像

安装并使用node：

nvm install 16.13.2
nvm use 16.13.2

查看当前node版本：

node -v

配置镜像：

npm config set registry https://registry.npmmirror.com

可以通过以下命令查看镜像是否配置成功：

npm config get registry
  1. 配置node

下载express：

npm install express -g

安装hexo本地环境：

npm install -g hexo

配置git

生成ssh：

 ssh-keygen -t rsa -C "邮箱地址"

在这里插入图片描述

所有要输入的地方都按回车，使用默认值

把密钥添加到github账户中：
在这里插入图片描述
测试ssh是否绑定成功：

ssh -T git@github.com

输入ssh -T git@github.com报错：
在这里插入图片描述

  1. 说明无法通过22端口与github进行ssh连接，将ssh连接端口修改为443后测试：
ssh -T -p 443 git@ssh.github.com

在这里插入图片描述

  1. 说明443端口可以访问，但是github不提供shell权限。
    在.ssh文件夹下新建config文件（没有后缀）
    在这里插入图片描述
    config文件：
Host github.com
Hostname ssh.github.com
Port 443
  1. 重新输入sssh -T git@github.com测试：
    在这里插入图片描述

本地创建Blog

  1. 创建Blog文件夹，初始化hexo
hexo init

在这里插入图片描述
成功后显示：
在这里插入图片描述

  • _config.yml：站点配置文件
    node_modules：存储hexo插件的文件
  1. 生成本地的hexo页面：
hexo s

在这里插入图片描述
在浏览器输入http://localhost:4000即可访问
在这里插入图片描述

上传Blog到GitHub

  1. 新建仓库：
    在这里插入图片描述

仓库格式：用户名.github.io
一定要是用户名！！不然后边会报404
这个仓库名将作为github博客的访问地址

  1. 修改_config.yml文件：
    在这里插入图片描述
deploy:type: gitrepository: https://github.com/xiaolin0333/xiaolin0333.github.io.gitbranch: main
  1. 安装hexo-deployer-git自动部署发布工具：
npm install hexo-deployer-git --save
  1. 生成页面：
hexo g

在这里插入图片描述
5. 本地文件上传到Github网页：

hexo d

上传成功：
在这里插入图片描述

Butterfly主题

更改主题后，可以使用hexo clean & hexo g & hexo s在本地测试
需要传到github上，可以使用hexo clean & hexo g & hexo d传到GitHub上

下载主题

  1. 在Blog根目录下下载：
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
  1. 安装pug和stylus渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save
  1. 修改Blog根目录下的_config.yml开启butterfly主题
theme: butterfly
  1. 在根目录新建_config.butterfly.yml，复制butterfly目录下的_config.yml文件到该文件中。

和博客网址关联度较高的设置在Blog根目录下的_config.yml文件中；
和主题样式关联度较高的设置在Blog根目录下的_config.butterfly.ym文件中。

发布博客

  1. 安装插件：
npm i hexo-deployer-git
  1. 输入命令：
hexo new post "新建博客的文章名"

设置博客个人资料

在_config.yml中设置：

# Site
title: xiaolin0333 	#标题
subtitle: '欢迎来到小林的博客'	#副标题
description: 		#个性签名
keywords:
author: 小林	#作者
language: zh-CN	#语言
timezone: Asia/Shanghai    #中国的时区

设置导航菜单

在_config.butterfly.yml中设置：

menu:# Home: / || fas fa-home# List||fas fa-list:#   Music: /music/ || fas fa-music#   Movie: /movies/ || fas fa-video主页: / || fas fa-home标签: /tags/ || fa fa-tags分类: /categories/ || fa fa-archive归档: /archives/ || fa fa-folder-open关于: /about/ || fas fa-heart 留言板: /comment/ || fa fa-paper-plane

在这里插入图片描述

创建文件夹

根据前面设置的导航菜单创建文件夹

  1. 标签
hexo new page tags
  1. 分类
hexo new page categories
  1. 归档
hexo new page archives
  1. 关于
hexo new page about
  1. 留言板
hexo new page comment

在这里插入图片描述
…

完成啦：
在这里插入图片描述
我的博客地址

相关文章：

hexo + Butterfly搭建博客

Hexo‌是一个基于Node.js的静态网站生成器，主要用于快速搭建博客和个人网站。它使用Markdown语法编写文章，能够迅速生成静态页面并部署到服务器上。 配置node 使用nvm安装node(v16.13.2)后配置镜像 安装并使用node： nvm install 16.13.2 n…...

编程日记 2025/1/27 3:05:32

05.KNN算法总结

KNN算法总结 1 k近邻算法优缺点汇总 优点： 简单有效重新训练的代价低适合类域交叉样本 KNN方法主要靠周围有限的邻近的样本,而不是靠判别类域的方法来确定所属类别的，因此对于类域的交叉或重叠较多的待分样本集来说，KNN方法较其他方法更为适…...

编程日记 2025/1/27 3:00:27

CentOS 7 搭建lsyncd实现文件实时同步 —— 筑梦之路

在 CentOS 7 上搭建 lsyncd（Live Syncing Daemon）以实现文件的实时同步，可以按照以下步骤进行操作。lsyncd 是一个基于 inotify 的轻量级实时同步工具，支持本地和远程同步。以下是详细的安装和配置步骤： 1. 系统准备 …...

编程日记 2025/1/27 2:58:25

java定时任务备份数据库

文章目录 前言一、定时任务备份二、分享两个windows运行项目脚本总结 前言 数据库备份 程序中数据库备份可以有效避免因为意外,导致数据丢失,因此数据备份显得尤为重要。 一、定时任务备份 定时任务类，要在配置类或启动类开启 EnableScheduling Data Sl4j Servic…...

编程日记 2025/1/27 2:57:24

Vue.js 传递路由参数和查询参数

Vue.js 传递路由参数和查询参数 在 Vue.js 开发中，Vue Router 提供了灵活的方式来处理路由参数和查询参数，使得组件能够根据不同的路径或查询条件渲染相应的内容。 路由参数 路由参数（也称为路径参数）是 URL 路径的一部分&…...

编程日记 2025/1/27 2:56:23

2025数学建模美赛|F题成品论文

国家安全政策与网络安全 摘要 随着互联网技术的迅猛发展，网络犯罪问题已成为全球网络安全中的重要研究课题，且网络犯罪的形式和影响日益复杂和严重。本文针对网络犯罪中的问题，基于多元回归分析和差异中的差异（DiD）思…...

编程日记 2025/1/27 2:55:21

私有包上传maven私有仓库nexus-2.9.2

一、上传 二、获取相应文件 三、最后修改自己的pom文件...

编程日记 2025/1/27 2:54:20

企业信息化4：免费开源的财务管理系统

前言： 一个完整的财务管理系统不局限于传统的记账和核算工具，而是一整套包含了公司财务战略规划制订、编制各种财务计划、预算管理、资金管理、资产管理、税务管理的完整解决方案，从而实现对公司整体经营状况进行财务分析并定期汇报&#xff…...

编程日记 2025/1/27 2:53:18

PyCharm配置Python环境

1、打开PyCharm项目 可以从File-->Open-->选择你的项目路径-->OK，或者直接点击Open，找到项目路径-->OK，如图所示(点击Ok后可能有下面的弹窗，选择“Trust Project”即可，然后选择“New Window”打开项目) …...

编程日记 2025/1/27 2:49:13

蓝桥杯3522 互质数的个数 | 数论

题目传送门 首先根据a^b得出需要使用欧拉函数φ，根据欧拉函数的性质： φ ( a b ) a b − 1 ∗ φ ( a ) φ ( n ) n ∗ ( 1 − 1 / p 1 ) ∗ ( 1 − 1 / p 2 ) ∗ . . . ∗ ( 1 − 1 / p k ) ，其中 p i 为 n 的质因数 φ(a^b)a^{b-1}*φ(…...

编程日记 2025/1/27 2:48:11

Effective C++ 规则49：了解 new-handler 的行为

1、背景 在 C 中，new 运算符用于动态分配内存。然而，当内存分配失败时，程序默认会抛出一个 std::bad_alloc 异常。为了更灵活地处理这种情况，C 提供了一种机制，允许开发者自定义内存分配失败时的行为。这就是 new-han…...

编程日记 2025/1/27 2:46:08

头像生成小程序搭建（免费分享）

如下图为小程序页面的基本效果&#xff0c;下面将介绍该小程序的功能 页面template代码如下&#xff1a; <template><view class"avatar-containner"><block v-if"!showCropper"><image class"pageback" src"../../s…...

编程日记 2025/1/27 2:43:05

手撕Diffusion系列 - 第九期 - 改进为Stable Diffusion（原理介绍）

手撕Diffusion系列 - 第九期 - 改进为Stable Diffusion&#xff08;原理介绍&#xff09; 目录 手撕Diffusion系列 - 第九期 - 改进为Stable Diffusion&#xff08;原理介绍&#xff09;DDPM 原理图Stable Diffusion 原理Stable Diffusion的原理解释Stable Diffusion 和 Diffus…...

编程日记 2025/1/27 2:42:04

MySQL 基础学习(2)： INSERT 操作

在这篇文章中&#xff0c;我们将专注于 MySQL 中的 INSERT 操作&#xff0c;深入了解如何高效地向表中插入数据&#xff0c;并探索插入操作中的一些常见错误与解决方案。 一、基础 INSERT 语法 在 MySQL 中&#xff0c;INSERT 操作用于向表中插入新记录&#xff0c;基本语法如…...

编程日记 2025/1/27 2:38:59

openstack 客户端命令行简介

openstack 客户端命令行简介 基本用法常用命令分类**身份认证&#xff08;Keystone&#xff09;**常用命令 **计算服务&#xff08;Nova&#xff09;**常用命令&#xff1a; **网络服务&#xff08;Neutron&#xff09;**常用命令&#xff1a; **块存储服务&#xff08;Cinder&…...

编程日记 2025/1/27 2:35:54

Oracle查看数据库表空间使用情况

Oracle RAC环境查看表空间使用情况 查询字段释义&#xff1a; NEED_ADDFILE,--是否需增加表空间文件 TABLESPACE_NAME,--表空间名称 TABLESPACE_FILE_COUNT, --表空间当前数据文件数量 NOW_FILEENABLE_BLOCKS,--表空间文件当前数据块数 NOW_FILEENABLE_BYTES_GB,--表空间文件当…...

编程日记 2025/1/27 2:32:50

[护网杯 2018]easy_tornado1

题目 、 依次点击文件查看 /flag.txt flag in /fllllllllllllag /welcome.txt render /hints.txt md5(cookie_secretmd5(filename)) tornado模板注入 报cookie /error?msg{{handler.settings}} cookie_secret: 6647062b-e68d-4406-90d3-06e307fa955c} 使用python脚本…...

编程日记 2025/1/27 2:31:46

关于java实现word（docx、doc）转html的解决方案

最近在研究一些关于文档转换格式的方法&#xff0c;因为需要用在开发的一个项目上&#xff0c;所以投入了一些时间&#xff0c;给大家聊下这块逻辑及解决方案。 一、关于word转换html大致都有哪些方法&#xff1f; &#xff08;1&#xff09;使用 Microsoft Word 导出 其实该…...

编程日记 2025/1/27 2:29:43

【8】思科IOS AP升级操作

1.概述 本文主要针对思科AP的升级操作进行记录，思科的AP目前主要分为IOS和COS AP，IOS AP是我们常见的AP3502/AP1602/AP2702等等型号的AP，而COS AP是AP2802/3802等型号的AP。当然这里所指的都是一些室内AP，如AP1572等室外AP也同样适用。本文先对IOS AP的升级操作进行总结，…...

编程日记 2025/1/27 2:28:41

【ROS2】RViz2界面类 VisualizationFrame 详解

1、简述 VisualizationFrame 继承自 QMainWindow 和 WindowManagerInterface； 窗口顶部是常规布局：菜单栏 和 工具栏 窗口中心是 RenderPanel，用来渲染3D画面 周围是dock区域，包括：DisplaysPanel、ViewsPanel、TimePanel、SelectionPanel 和 ToolPropertiesPanel Windo…...

编程日记 2025/1/27 2:23:35

2025年01月24日Github流行趋势

项目名称&#xff1a;shadPS4 项目地址url&#xff1a;https://github.com/shadps4-emu/shadPS4项目语言&#xff1a;C历史star数&#xff1a;15576今日star数&#xff1a;653项目维护者&#xff1a;georgemoralis, psucien, squidbus, raphaelthegreat, DanielSvoboda项目简介…...

编程日记 2025/1/27 2:22:32

Gradle buildSrc模块详解：集中管理构建逻辑的利器

文章目录 buildSrc模块二 buildSrc的使命三 如何使用buildSrc1. 创建目录结构2. 配置buildSrc的构建脚本3. 编写共享逻辑4. 在模块中引用 四 典型使用场景1. 统一依赖版本管理2. 自定义Gradle任务 3. 封装通用插件4. 扩展Gradle API 五 注意事项六 与复合构建&#xff08;Compo…...

编程日记 2025/1/27 2:21:27

【Airsim 仿真】查找配置文件 settings json 的路径优先级

Airsim 查找配置文件 settings.json 的路径优先级 参考官方文档 Settings - AirSim 文件格式要求 settings.json 文件采用常规的 JSON 格式。在首次启动时&#xff0c;AirSim 会在用户的主文件夹中创建一个没有设置的 settings.json 文件&#xff08;待测试&#xff09;。为…...

编程日记 2025/1/27 2:20:23

【FreeRTOS 教程 四】队列创建与发布项目到队列

目录 一、FreeRTOS队列&#xff1a; &#xff08;1&#xff09;队列介绍&#xff1a; &#xff08;2&#xff09;用户模型说明&#xff1a; &#xff08;3&#xff09;阻塞队列&#xff1a; 二、队列管理 API&#xff1a; &#xff08;1&#xff09;uxQueueMessagesWaiti…...

编程日记 2025/1/27 2:13:15

STM32项目分享：智能厨房安全检测系统

目录 一、前言 二、项目简介 1.功能详解 2.主要器件 三、原理图设计 四、PCB硬件设计 PCB图 五、程序设计 六、实验效果 七、资料内容 项目分享 一、前言 项目成品图片&#xff1a; 哔哩哔哩视频链接&#xff1a; STM32智能厨房安全检测系统 &#xff08;资料分…...

编程日记 2025/1/27 2:12:14

2025美赛数学建模MCM/ICM选题建议与分析，思路+模型+代码

2025美赛数学建模MCM/ICM选题建议与分析,思路模型代码&#xff0c;详细更新见文末名片 一、问题A&#xff1a;测试时间&#xff1a;楼梯的恒定磨损&#xff08;Archaeological Modeling&#xff09; 适合专业&#xff1a;考古学、历史学、数学、机械工程 难度&#xff1a;中等…...

编程日记 2025/1/27 2:10:12

高并发问题的多维度解决之道

‍‌​​‌‌​‌​‍‌​​​‌‌​​‍‌​​​‌​‌​‍‌​​‌​​‌​‍‌‌​​‌​‌​‍‌​‌​‌‌​​‍‌​‌​‌​​​‍‌​‌​‌​‌​‍‌​‌‌​​‌​‍‌​‌‌​​​​‍‌‌​​‌‌‌‌‍‌‌​​‌​‌‌‍‌​​​‌‌​​‍‌​​‌‌‌​​‍‌…...

编程日记 2025/1/27 2:09:12

Ubuntu环境 nginx 源码 编译安装

ubuntu 终端 使用 wget 下载源码 sudo wget http://nginx.org/download/nginx-1.24.0.tar.gz解压刚下载的源码压缩包 nginx-1.24.0.tar.gz sudo tar -zxvf nginx-1.24.0.tar.gz 解压完成 产生 nginx-1.24.0 目录 进入该目录 cd ./nginx-1.24.0 目录下有一个可执行文件 con…...

编程日记 2025/1/27 2:07:08

K8S中的数据存储之基本存储

基本存储类型 EmptyDir 描述&#xff1a;当 Pod 被调度到节点上时&#xff0c;Kubernetes 会为 Pod 创建一个空目录&#xff0c;所有在该 Pod 中的容器都可以访问这个目录。特点&#xff1a; 生命周期与 Pod 绑定&#xff0c;Pod 删除时&#xff0c;数据也会丢失。适用于临时…...

编程日记 2025/1/27 2:06:05

编码器和扩散模型

目录 摘要abstract1.自动编码器2.变分编码器&#xff08;VAE&#xff09;3.论文阅读3.1 介绍3.2 方法3.3 结论 4.总结参考文献 摘要 本周学习了自动编码器&#xff08;AE&#xff09;和变分自动编码器&#xff08;VAE&#xff09;的基本原理与实现&#xff0c;分析其在数据降维…...

编程日记 2025/1/27 2:05:03