创建自己的Hexo博客

目录

  • 一、Github新建仓库
  • 二、支持环境安装
    • Git安装
    • Node.js安装
    • Hexo安装
  • 三、博客本地运行
    • 本地hexo文件初始化
    • 本地启动Hexo服务
  • 四、博客与Github绑定
    • 建立SSH密钥,并将公钥配置到github
    • 配置Hexo与Github的联系
    • 检查github链接访问hexo生成的博客

一、Github新建仓库

登录Github并在Github左上角点击“new”号新建用于存储博客数据的仓库。
在这里插入图片描述

新仓库名称与github用户名一致,后面加 .github.io 。
在这里插入图片描述

二、支持环境安装

Git安装

到git官网进行下载与安装,安装好后可以在控制台检查一下版本号。
在这里插入图片描述

Node.js安装

在Node.js官网下载安装。
安装好后可以在控制台检查一下版本号。
在这里插入图片描述

Hexo安装

cd 进入到打算存放文件数据的目录下,在控制台输入Hexo安装命令。

npm install -g hexo-cli

在这里插入图片描述

遇到“npm安装hexo遇到问题,无法成功安装?”该怎么办,需要进行哪些步骤呢?
npm安装hexo失败,可以进行以下操作:

首先,可以通过清理npm缓存,使用命令:npm cache clean --force来清除npm缓存,然后重新安装hexo。
如果前一步无效,可以检查node.js版本是否符合hexo的最低要求。
如果node.js版本正确,还可以检查网络连接以及npm源是否正常,可以使用命令:npm config set registry
https://registry.npm.taobao.org来切换npm源。 如果仍有问题,可以尝试卸载后重新安装npm和node.js。
需要注意的是,npm安装hexo失败的原因可能有很多,具体的解决方法需要具体问题具体分析。

hexo -v查看一下版本。
在这里插入图片描述

三、博客本地运行

本地hexo文件初始化

用hexo初始化自己的博客 yimiblog,名称可以自己起。

hexo init yimiblog
cd yimiblog
npm install

指定文件夹目录 yimiblog 下有:
node_modules: 依赖包
public:存放生成的页面
scaffolds:生成文章的一些模板
source:用来存放你的文章
themes:主题
_config.yml: 博客的配置文件
在这里插入图片描述

本地启动Hexo服务

命令行启动Hexo服务:

hexo g
hexo server

浏览器输入 localhost:4000 即可看到hexo帮你生成的博客。
在这里插入图片描述

四、博客与Github绑定

建立SSH密钥,并将公钥配置到github

命令行设置跟Github账户一样的用户名和邮箱,然后可以检查一下。

git config --global user.name "yourname"
git config --global user.email "youremail"

git config user.name
git config user.email

然后创建SSH,一直按回车即可。

ssh-keygen -t rsa -C "youremail"

在这里插入图片描述

可以在所显示的路径找到所创建的对应ssh密钥,其中 id_rsa 是私钥,保存在自己电脑上即可; id_rsa.pub 是公钥,可以放在github上,之后当本机链接远程的github时就会将本机私钥与github上的公钥进行匹配。
在这里插入图片描述
在Github上添加自己主机的SSH公钥。
在这里插入图片描述
点击“New SSH key”,
在这里插入图片描述
把 ide_ssh.pub 文件用记事本打开复制里面的内容到 key 输入框里。
在这里插入图片描述
在本机gitbash中检查是否能顺利进行公私钥匹配,建立本机与远程github的链接了。

ssh -T git@github.com
yes

在这里插入图片描述

配置Hexo与Github的联系

在之前生成的文件夹 yimiblog 里,打开 _config.yml 站点配置文件,翻到最底下,修改如下内容,其中“YimiYimi”是自己在Github上配置的用户名及仓库名。

deploy:
  type: git
  repo: git@github.com:YimiYimi/YimiYimi.github.io.git
  branch: master

在这里插入图片描述
其中repo这里用的是ssh的方式进行配置的,也可也选用http的方式进行配置,但用https的、方式的话,之后用hexo部署的时候有些不同,需要键入用户名密码之类的。也可在Github上查看到:
在这里插入图片描述

接下来,需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署hexo生成的博客到GitHub。
然后 hexo 依次清除之前生成的内容,重新生成静态文章,部署文章。

npm install hexo-deployer-git --save
hexo clean
hexo generate
hexo deploy

如果之前配置文件用的ssh方式部署repo,则显示如下效果已经可以了。
在这里插入图片描述
如果之前配置文件用的https方式部署repo,则如下。
在这里插入图片描述

检查github链接访问hexo生成的博客

访问github上配置的hexo链接,其中 “yimiyimi.github.io”是自己之前建立的仓库名字。

https://yimiyimi.github.io/

在这里插入图片描述
YimiYimi的博客顺利运行~

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

完整的 HTTP 请求所经历的步骤及分布式事务解决方案

1. 对分布式事务的了解 分布式事务是企业集成中的一个技术难点,也是每一个分布式系统架构中都会涉及到的一个东西, 特别是在微服务架构中,几乎可以说是无法避免。 首先要搞清楚:ACID、CAP、BASE理论。 ACID 指数据库事务正确执行…

小程序中picker多列选择器

需求&#xff1a;实现类似省市联动的效果&#xff0c;选择第一列后&#xff0c;第二列数据变化 html部分: <view class"section"><view>多列选择器</view><picker mode"multiSelector" bindchange"bindMultiPickerChange"…

大模型实践笔记(1)——GLM-6B实践

目录 在Ubuntu上的配置Git Large File Storage 安装Git LFS&#xff1a; 设置Git LFS&#xff1a; 使用Git LFS&#xff1a; 安装GLM-6B 环境依赖 ChatGLM2-6B介绍 配置GLM 下载代码 构建环境 安装依赖 本地部署 网页UI 很多模型在hugging face上面&#xff0c;…

Pudgy Penguins NFT 概览与数据分析

作者&#xff1a;stellafootprint.network 数据来源&#xff1a;Pudgy Penguins NFT Collection Dashboard “胖企鹅” Pudgy Penguins NFT 系列是由 8,888 个独特的企鹅头像组成的以太坊区块链项目。这个 NFT 项目能否在 2024 年达到发展的高峰&#xff1f; 关于 Pudgy Pe…

微信小程序新手入门教程三:基础语法介绍

WXML&#xff08;WeiXin Markup Language&#xff09;是框架设计的一套标签语言&#xff0c;可以与各种组件相结合&#xff0c;进行页面构建。 一 常用标签 wxml的语法结构与我们熟悉的html很像&#xff0c;但在细节处略有不同&#xff0c;我们可以参考html标签对比记忆。wxm…

12.scala下划线使用总结

目录 概述实践变量初始化导包引入方法转变为函数用户访问Tuple元素简化函数参数传递定义偏函数变长参数 结束 概述 实践 变量初始化 在Scala中&#xff0c;变量在声明时需要显式指定初始值。可以使用下划线为变量提供初始值&#xff0c;但这种语法仅限于成员变量&#xff0c;…

IDEA反编译Jar包

反编译步骤 使用IDEA安装decompiler插件 找到decompiler插件文件夹所在位置&#xff08;IDEA安装路径/plugins/java-decompiler/lib &#xff09;&#xff0c;将需要反编译的jar包放到decompiler插件文件夹下&#xff0c;并创建一个空的文件夹&#xff0c;用来存放反编译后的…

前端玩Word:Word文档解析成浏览器认识的HTML

前言 领导跟富文本编辑器杠上啦&#xff0c;领导有一个类似于某雀导入Word文档&#xff0c;解析内容后渲染到编辑器编辑的需求。某雀功能效果如下&#xff1a; 怎么搞定呢&#xff1f;自己写一个解析器&#xff1f; 本文分享Word文件转换成浏览器认识的HTML实战经验。 什么是…

springboot项目引入redis数据库的简单使用案例

springboot项目引入redis数据库的简单使用案例&#xff01;很多项目都需要使用到redis数据库&#xff0c;这是一个内存型的&#xff0c;非关系型数据库。它的读取速度非常快。因为存在了内存中。不是在硬盘中。而且它可以解决很多棘手的问题&#xff0c;比如&#xff1a;解决一…

Django的web框架Django Rest_Framework精讲(二)

文章目录 1.自定义校验功能&#xff08;1&#xff09;validators&#xff08;2&#xff09;局部钩子&#xff1a;单字段校验&#xff08;3&#xff09;全局钩子&#xff1a;多字段校验 2.raise_exception 参数3.context参数4.反序列化校验后保存&#xff0c;新增和更新数据&…

项目开发 多行编辑

问题 项目开发中&#xff0c;如何进行多行编辑 详细问题 笔者使用IDEA&#xff0c;Android Studio进行项目开发时&#xff0c;由于代码冗余&#xff0c;修改过程中若是逐一删除或编辑&#xff0c;效率相对低&#xff0c;如何进行多行删除或编辑 本文将提供IDEA&#xff0c;A…

152基于matlab的GUI滚动轴承特征频率计算

基于matlab的GUI滚动轴承特征频率计算&#xff0c;输入轴承参数&#xff0c;包括转速&#xff0c;节圆直径、滚子直径、滚子数、接触角&#xff0c;就可得滚动特征频率结果&#xff0c;程序已调通&#xff0c;可直接运行。 152 matlab 轴承特征频率 GUI (xiaohongshu.com)

MongoDB的分片集群(一) : 基础知识

转载说明&#xff1a;如果您喜欢这篇文章并打算转载它&#xff0c;请私信作者取得授权。感谢您喜爱本文&#xff0c;请文明转载&#xff0c;谢谢。 目录导读 1. 什么是MongoDB分片 2. MongoDB分片集群介绍 2.1 MongoDB分片集群架构 2.2 MongoDB分片集群优势 3. 分片键…

排序(5)——归并排序

六、归并排序 1.简介 归并排序也是一种很经典的排序算法&#xff0c;采用分治的思想方法进行数据的处理。归并讲究的是先拆后合&#xff0c;也就是分治中的分而治之。在拿到一组数据后&#xff0c;程序会将整个数据进行不断拆分直至有序&#xff0c;因为单个元素必然有序&…

【类和对象】4

日期类的拓展 c语言中的printf函数只能打印内置类型&#xff0c;为了弥补这一不足&#xff0c;c利用运算符重载可以打印自定义类型。 void operator<<(ostream&out);//声明在date.h中void Date::operator<<(ostream& out)//定义在date.cpp中 {out<<…

Flutter解析后台发来的jwt字段数据,了解jwt是否过期

前言 了解JWT是什么可以看这一篇博文 JWT&#xff08;JSON Web Token&#xff09;详解以及在go-zero中配置的方法-CSDN博客 流程 采用jwt_decoder库 添加至pubspec.yaml jwt_decoder: ^2.0.1 解析字段 查看是否过期 获取过期时间和token颁发的年龄

PythonStudio 控件使用常用方式(五)TListBox

PythonStudio是一个极强的开发Python的IDE工具&#xff0c;它使用的是Delphi的控件&#xff0c;常用的内容是与Delphi一致的。但是相关文档并一定完整。现在我试试能否逐步把它的控件常用用法写一点点&#xff0c;也作为PythonStudio的参考。 TListBox是列表框 常用属性 col…

【操作系统·考研】I/O管理概述

1.I/O设备 1.1 块设备 信息交换以数据块为单位&#xff0c;它属于有结构设备。 块设备传输速率较高&#xff0c;可寻址&#xff0c;且可对该设备随机地的读写。 栗子&#x1f330;&#xff1a;磁盘。 1.2 字符设备 信息交换以字符为单位&#xff0c;属于无结构类型。 字符…

LabVIEW叶片厚度远程监控

LabVIEW叶片厚度远程监控 随着网络技术的高速发展&#xff0c;远程监控广泛应用在各个领域。本文介绍了一种基于LabVIEW的植物叶片厚度远程监控系统&#xff0c;旨在实现对植物生长状况的精准监测和分析。 该系统利用LabVIEW软件开发工具&#xff0c;通过TCP网络协议实现数据…

关于反爬虫的的概述

目录 前言 一、验证码验证 二、IP限制 三、User-Agent限制 四、动态页面加载 总结 前言 反爬虫是一种防止网站被自动程序&#xff08;爬虫&#xff09;访问和抓取数据的技术手段。在网络爬虫的发展和使用过程中&#xff0c;有一部分爬虫是用于非法获取网站数据、侵犯隐私…