hexo + Butterfly搭建博客

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

在这里插入图片描述

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/7620.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

手撕B-树

一、概述 1.历史 B树(B-Tree)结构是一种高效存储和查询数据的方法,它的历史可以追溯到1970年代早期。B树的发明人Rudolf Bayer和Edward M. McCreight分别发表了一篇论文介绍了B树。这篇论文是1972年发表于《ACM Transactions on Database S…

【2025年数学建模美赛F题】(顶刊论文绘图)模型代码+论文

全球网络犯罪与网络安全政策的多维度分析及效能评估 摘要1 Introduction1.1 Problem Background1.2Restatement of the Problem1.3 Literature Review1.4 Our Work 2 Assumptions and Justifications数据完整性与可靠性假设:法律政策独立性假设:人口统计…

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

目录 一、FreeRTOS队列: (1)队列介绍: (2)用户模型说明: (3)阻塞队列: 二、队列管理 API: (1)uxQueueMessagesWaiti…

如何在data.table中处理缺失值

📊💻【R语言进阶】轻松搞定缺失值,让数据清洗更高效! 👋 大家好呀!今天我要和大家分享一个超实用的R语言技巧——如何在data.table中处理缺失值,并且提供了一个自定义函数calculate_missing_va…

基于OpenCV实现的答题卡自动判卷系统

一、图像预处理 🌄 二、查找答题卡轮廓 📏 三、透视变换 🔄 四、判卷与评分 🎯 五、主函数 六、完整代码+测试图像集 总结 🌟 在这篇博客中,我将分享如何使用Python结合OpenCV库开发一个答题卡自动判卷系统。这个系统能够自动从扫描的答题卡中提取信…

C++ list 容器用法

C list 容器用法 C 标准库提供了丰富的功能&#xff0c;其中 <list> 是一个非常重要的容器类&#xff0c;用于存储元素集合&#xff0c;支持双向迭代器。<list> 是 C 标准模板库&#xff08;STL&#xff09;中的一个序列容器&#xff0c;它允许在容器的任意位置快速…

docker部署jenkins

环境&#xff1a; centos7.9 jenkins/jenkins:lts-jdk11 1、拉去jenkins镜像&#xff0c;请指明版本号 [rootlocalhost ~]# docker pull jenkins/jenkins:lts 开始拉取 拉取完成 [rootlocalhost ~]# docker pull jenkins/jenkins:lts lts: Pulling from jenkins/jenkins 0a9…

沃尔玛 礼品卡绑定 分析

声明: 本文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;抓包内容、敏感网址、数据接口等均已做脱敏处理&#xff0c;严禁用于商业用途和非法用途&#xff0c;否则由此产生的一切后果均与作者无关&#xff01; 逆向分析 部分代码参考 func doPost…

【2024年华为OD机试】 (A卷,100分)- 整理扑克牌(JavaScriptJava PythonC/C++)

一、问题描述 题目描述 给定一组数字,表示扑克牌的牌面数字,忽略扑克牌的花色,请按如下规则对这一组扑克牌进行整理: 步骤1:分组形成组合牌 炸弹:当牌面数字相同张数大于等于4时。葫芦:3张相同牌面数字 + 2张相同牌面数字,且3张牌与2张牌不相同。三张:3张相同牌面数…

Arduino大师练成手册 --控制 OLED

要在 Arduino 上使用 U8glib 库控制带有 7 个引脚的 SPI OLED 显示屏&#xff0c;你可以按照以下步骤进行&#xff1a; 7pin OLED硬件连接 GND&#xff1a;连接到 Arduino 的 GND 引脚。 VCC&#xff1a;连接到 Arduino 的 5V 引脚。 D0&#xff08;或 SCK/CLK&#xff09;…

单片机基础模块学习——按键

一、按键原理图 当把跳线帽J5放在右侧&#xff0c;属于独立按键模式&#xff08;BTN模式&#xff09;&#xff0c;放在左侧为矩阵键盘模式&#xff08;KBD模式&#xff09; 整体结构是一端接地&#xff0c;一端接控制引脚 之前提到的都是使用了GPIO-准双向口的输出功能&#x…

AWScurl笔记

摘要 AWScurl是一款专为与AWS服务交互设计的命令行工具&#xff0c;它模拟了curl的功能并添加了AWS签名版本4的支持。这一特性使得用户能够安全有效地执行带有AWS签名的请求&#xff0c;极大地提升了与AWS服务交互时的安全性和有效性。 GitHub - okigan/awscurl: curl-like acc…

初识MySQL

文章目录 1.数据库2.查看数据库3.创建数据库4.字符集编码和排序规则6.修改数据库7.删除数据库 1.数据库 MySQL是一款使用率高且免费的数据库&#xff08;使用率仅仅低于Oracle&#xff09; 关系数据库和 NoSQL 数据库管理系统知识库(DB-Engines Ranking -) (此图数据于2025-1…

flutter_学习记录_00_环境搭建

1.参考文档 Mac端Flutter的环境配置看这一篇就够了 flutter的中文官方文档 2. 本人环境搭建的背景 本人的电脑的是Mac的&#xff0c;iOS开发&#xff0c;所以iOS开发环境本身是可用的&#xff1b;外加Mac电脑本身就会配置Java的环境。所以&#xff0c;后面剩下的就是&#x…

[b01lers2020]Life on Mars1

打开题目页面如下 看了旁边的链接&#xff0c;也没有什么注入点&#xff0c;是正常的科普 利用burp suite抓包&#xff0c;发现传参 访问一下 http://5edaec92-dd87-4fec-b0e3-501ff24d3650.node5.buuoj.cn:81/query?searchtharsis_rise 接下来进行sql注入 方法一&#xf…

【PyTorch】3.张量类型转换

个人主页&#xff1a;Icomi 在深度学习蓬勃发展的当下&#xff0c;PyTorch 是不可或缺的工具。它作为强大的深度学习框架&#xff0c;为构建和训练神经网络提供了高效且灵活的平台。神经网络作为人工智能的核心技术&#xff0c;能够处理复杂的数据模式。通过 PyTorch&#xff0…

机位:解锁摄影视角的多维度密码

目录 一、机位的构成要素 &#xff08;一&#xff09;高度维度 &#xff08;二&#xff09;角度维度 &#xff08;三&#xff09;距离维度 二、移动机位的魅力 &#xff08;一&#xff09;推镜头 &#xff08;二&#xff09;拉镜头 &#xff08;三&#xff09;摇镜头 …

【例51.3】 平移数据

题目描述 将a数组中第一个元素移到数组末尾,其余数据依次往前平移一个位置。 输入 第一行为数组a的元素个数&#xff1b; 第二行为n个小于1000的正整数。 输出 平移后的数组元素&#xff0c;每个数用一个空格隔开。 样例输入 复制 10 1 2 3 4 5 6 7 8 9 10 样例输出 复…

【Project】CupFox电影网站数据爬取分析与可视化

数据采集清洗与数据存储流程如下图所示。 数据分析与数据可视化流程设计如下 1.使用pymongo从数据库中查询所需的数据。对数据进行处理和分析&#xff0c;进行统计、分类、聚合等操作&#xff0c;提取关键指标和洞察。分析结果可以通过编写Python代码进一步优化、筛选和整理&a…

gradle创建springboot单项目和多模块项目

文章目录 gradle创建springboot项目gradle多模块项目创建 gradle创建springboot项目 适用IDEA很简单&#xff0c;如下图 gradle多模块项目创建 首选创建父项目&#xff0c;然后删除无用内容至下图 选择父项目目录&#xff0c;右键选择模块&#xff0c;创建子项目&#xff08…