使用hexo搭建博客

yiduoyun_demo

已于 2023-12-20 12:05:03 修改

阅读量1.7k

点赞数 50

分类专栏：博客报错文章标签：前端

于 2023-12-02 11:38:07 首次发布

本文链接：https://blog.csdn.net/m0_58115520/article/details/134425065

版权

报错同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

博客

2 篇文章 0 订阅

订阅专栏

本文详细指导了如何在Windows和Linux系统上使用Hexo搭建博客，包括安装Node.js、git，注册GitHub账号，配置环境，以及使用Hexo初始化项目和部署到GitHubPages的过程。

摘要由CSDN通过智能技术生成

一，前言

使用Hexo博客框架搭建博客
可以在windows操作系统下进行安装软件，然后搭建
也可以在linux操作系统中搭建
还可以使用Docker搭建
以下是windows下进行搭建的内容：

搭建好hexo之后，可以直接去hexo文档进行参考学习：hexo文档链接

二，安装配置

1，安装node.js

下载安装

直接官网下载，https://nodejs.org/en
跟着操作一步一步进行安装即可
查看是否安装成功以及版本号

C:\Users\86178>node -v
v16.14.0

补充一下Linux上：
在Linux系统上安装Node.js

（1）使用sudo apt-get install nodejs命令安装Node.js。

（2）使用sudo apt-get install npm命令安装npm包管理器。

（3）打开终端窗口，输入node -v命令，查看Node.js的版本号，如果显示版本号，则说明Node.js已经安装成功。

配置全局环境

npm config set prefix "D:\nodejs\node_global(这里写自己文件所在的路径)"
npm config set cache "D:\nodejs\node_cache(这里写自己文件所在的路径)"

在这里插入图片描述

参考博客

2，安装git环境

https://gitforwindows.org/

3，注册github

1, node install 安装hexo

2，使用 cnpm 安装 Hexo

安装cnpm
C:\Users\86178>npm install -g cnpm --registry==https://registry.npm.taobao.org

C:\Users\86178>cnpm -v
cnpm@9.2.0 (C:\Users\86178\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@9.9.0 (C:\Users\86178\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\index.js)
node@16.14.0 (D:\software\nodejs\node.exe)
npminstall@7.11.1 (C:\Users\86178\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Users\86178\AppData\Roaming\npm
win32 x64 10.0.18363
registry=https://registry.npmmirror.com

4，安装git

https://gitforwindows.org/
最后一步勾选这个
在这里插入图片描述

测试git是否安装成功
安装完成后我们测试一下是否安装：在桌面右键，我们能够看到下图中会出现两个选项，分别是 “Git GUI Here” 和 “Git Bash Here”，点击两个选项后分别出现对应的界面

Git GUI是Git的可视化操作工具（Git GUI Here，在此处打开Git GUI）
Git Bash是Git配套的一个控制台（Git Bash Here，在此处打开Git Bash）

5，将 git 与 GitHub 账号绑定

打开open git bash here
在这里插入图片描述

在git中输入以下内容

86178@DESKTOP-LEDVF7B MINGW64 /e
$ git config --global user.name "github yiduoyun"

86178@DESKTOP-LEDVF7B MINGW64 /e
$ git config --global user.email "github 0123456789@qq.com"

86178@DESKTOP-LEDVF7B MINGW64 /e
$ ssh-keygen -t rsa -C "github 0123456789@qq.com"
![在这里插入图片描述](https://img-blog.csdnimg.cn/d3e722ca710b40c2bb109bdf295cf5ca.png)

查看设置的name和email

补充：
设置完name和email后可以进行查看

Administrator@MS-VYSBUZKBPFHZ MINGW64 /d/software/fastgithub_win-x64
$ git config --global user.name "yiduoyun-demo"

Administrator@MS-VYSBUZKBPFHZ MINGW64 /d/software/fastgithub_win-x64
$ git config --global user.email "0123456789@qq.com"

Administrator@MS-VYSBUZKBPFHZ MINGW64 /d/software/fastgithub_win-x64
$ git config user.name
yiduoyun-demo

Administrator@MS-VYSBUZKBPFHZ MINGW64 /d/software/fastgithub_win-x64
$ git config user.email
3110724426@qq.com

Administrator@MS-VYSBUZKBPFHZ MINGW64 /d/software/fastgithub_win-x64
$

在这里插入图片描述

配置ssh

可以先看看有没有.ssh 文件
如果有可以先删除
在这里插入图片描述

在这里插入图片描述

ssh，简单来讲，就是一个秘钥，其中，id_rsa是你这台电脑的私人秘钥，不能给别人看的，id_rsa.pub是公共秘钥，可以随便给别人看。把这个公钥放在GitHub上，这样当你链接GitHub自己的账户时，它就会根据公钥匹配你的私钥，当能够相互匹配时，才能够顺利的通过git上传你的文件到GitHub上。

在这里插入图片描述

将id_rsa.pub中的内容添加到github中

在GitHub的setting中，找到SSH keys的设置选项，点击New SSH key
把你的id_rsa.pub里面的信息复制进去
在这里插入图片描述

6，安装Hexo

（1）安装hexo客户端

使用npm或者yarn安装hexo的脚手架工具

npm install -g hexo-cli

（2）建站：

在这里插入图片描述

初始化项目

hexo init myblog

（ -g 表示全局安装，hexo-cli 为所安装的包）
在你要创建的博客文件夹中，点击搜索框，输入cmd
在这里插入图片描述

进入文件夹，安装依赖

cd myblog
npm install

（3）运行项目

启动hexo服务器

hexo server

在这里插入图片描述

输入命令

 # 新建博客
 hexo new "博客名"
 # 生成静态网页
 hexo g
 # 打开本地服务器
 hexo s

在这里插入图片描述

Github 个人仓库
完成上面的步骤之后，我们就能在本地进行预览了，不过我们如果想要发布到网上供别人看的话，那就得利用 Github Pages 的功能了，下边就来介绍如何结合 Hexo + Github Pages ，将我们的博客推送到网上去，方便大家在任何地方访问

注意点：
1，仓库是 public，不是private
2，仓库名格式：用户名.github.io

ssh -T git@github.com

在这里插入图片描述

86178@DESKTOP-LEDVF7B MINGW64 /e/astudy/blog
$ ssh git@github.com
PTY allocation request failed on channel 0
Hi yogeinus! You've successfully authenticated, but GitHub does not provide shell access.
Connection to github.com closed.

参考博客：
windows搭建Hexo—超详细