万物之时

万物之时

万物之时的个人博客
github
blog

Hexo博客搭建 11b9cc4813b98074b198fe92d5bdd910

Hexo 博客搭建#

type: 文章
status: 发布
date: 2024/10/10
slug: hexo
summary: Hexo 是一个快速、简洁且高效的博客框架。 Hexo 使用 http://daringfireball.net/projects/markdown/(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
tags: hexo, 博客,建站,文字
category: 教程

什么是 Hexo?#

Hexo 是一个快速、简洁且高效的博客框架。 Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

一,搭建前的软件准备#

搭建之前需要准备的软件:
Git:官网下载:https://git-scm.com/
Git 安装教程:https://www.cnblogs.com/xueweisuoyong/p/11914045.html
Node.js 官网下载:http://nodejs.cn/
这篇文章里有修改 node.js 缓存路径的教学:https://www.cnblogs.com/liuqiyun/p/8133904.html
如果觉得下载麻烦可以通过网盘下载:
小飞机网盘下载链接:(node-v20.18.0-x64,Git-2.46.2-64-bit)
链接:https://share.feijipan.com/s/voCrF8tW

测试下是否都下载成功

node -v
npm -v
git -v

二, 安装 hexo。#

下载 hexo#

npm install hexo-cli -g

本地生成博客内容#

  1. 在喜欢位置新建文件 Blog,然后进入文件夹
  2. 右键空白处然后点 Git bash here,依次输入
hexo init
hexo install

如果提示‘command not find’,就在前面加上 npx,如:npx hexo init

接着依次输入

hexo g
hexo s

国内与 github 连接不稳定,可能无法连接,最好挂个梯子

#搭建 GitHub 仓库

  1. 注册 / 登入Github
  2. 点击 Create a new repository(创建仓库)进入新建仓库页面
  3. 仓库名输入:
用户名.github.io

注意:此处必须为你的 GitHub 用户名

https://cdn.jsdelivr.net/gh/wanwuzhishi/picx-images-hosting@master/Clip_2024-10-07_22-10-04.7p3l109rpo.png

勾选 Public(公共)

勾选 Add a README file(添加一个 README 文件)

拉到下面点击 create(创建 )创建

https://cdn.jsdelivr.net/gh/wanwuzhishi/picx-images-hosting@master/Clip_2024-10-07_22-11-53.361jy16mei.png

生成 SSH Keys#

进入任意文件夹,右键空白处然后点 Git bash here, 输入

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

此处 “邮件地址” 为你注册 GitHub 的邮件

  1. 敲 4 次 Enter
  2. 进入 C:\Users\ 用户名,在里面进入.ssh 文件
  3. 用记事本打开里面的 id_rsa.pub, 全选复制里面的代码
  4. 然后打开github
  5. 进入用户设置,找到 SSH keys
  6. 新建 SSH keys,名称随意,在下面粘贴代码,
  7. 点击创建
    ## 测试是否成功
    在 git bash 中输入
ssh -T git@github.com

敲 Enter,然后再输入 yes

本地博客部署到 GitHub#

  1. 进入之前的 Blog 文件夹,用记事本打开_config.yml
  2. 拉到最下面将 deploy 后面的全删掉,复制粘贴这段
  type: git
  repository:
  branch: main

注意缩进格式:每行前面都有两个空格不要删,每个冒号后面都有个空格也不要删

  1. 去 github 之前生成的仓库页面,点 code,复制 https 链接
  2. 将其粘贴到我们记事本中的 repository:后面
  3. 然后保存退出
    ## 回到博客文件夹,git bash
    安装自动部署发布工具
npm install hexo-deployer-git --save

然后在 Blog 文件夹右键打开 git bash,依次输入

hexo g(生成)
hexo d(上传)

如果是第一次使用 git 的话会需要配置

git config --global user.email "你的邮箱"
git config --global user.name "你的名字"

配置完后再 hexo d 上传

在跳出来的窗口内进行登录

https://cdn.jsdelivr.net/gh/wanwuzhishi/picx-images-hosting@master/Clip_2024-10-07_22-33-18.1025ca6otu.png

这样就成功把本地内容上传到 github 了

上传成功以后,我们就算搭建好了!上自己的网址看看吧

网址是我们之前设的仓库名:用户名.github.io

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。