用Hexo+Github+Next搭建个人博客以及遇到的各种坑

本文详述了使用Hexo构建并在GitHub上部署个人博客的全过程,包括环境配置、主题选择、文章发布及常见问题解决,适合初学者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

是根据hojun 百家号一步一步做的,花费了两天终于给整明白了,其中还遇到各种别的问题参考了别的资料,还是记录一下吧~

【比较懒,所以记录也很松散,如果后续又发现问题再继续补充吧(顶锅盖逃)】

1.下载Node.js和git for windows

(查询是否下载成功node.js:win+R→cmd→node -v)

2.创建一个新的Repositories,名字填 ××.github.io【这个名字必须是你github的名字,如果不是将会404打不开网页。】

在存储库里创建一个html文档,仓库地址打开就可以看到该文档了。

3.添加秘钥。打开git下载的目录,然后点击git-bash.exe

输入ssh-keygen -t rsa -C “github的注册邮箱地址” (英文引号)

一路回车,生成秘钥。

回到Github,点击头像+setting→SSH and GPG keys →New SSH key

找到C:\Users\用户名.ssh \id_rsa.pub

把里面的秘钥输入。

4.建立文件夹c:\blog用cmd命令进入文件夹内,安装heox(主页有安装命令,然后初始化)

5.输入 hexo s -p 5555 (端口)

6.把文件夹拽入sublime编译器(或者其他的

打开config文件,需要修改的地方有:名,介绍,关键字,作者,url(“http://用户名.github.io),保存。

复制仓库地址。

在config的最后找到deploy,输入:

deploy:
  type: git
  repo: (刚才复制的仓库地址)
  branch: master

7.安装插件。

npm install hexo-deployer-git –save

8.输入 hexo g命令。

9.修改主题(hexo官网有很多,自行配置

每次修改config以后都要执行:

hexo clean
hexo generate
hexo server

10.添加文章

hexo new "xxx"

阅读全文代码,在此之后的不会显示主页上。

<!--more-->

11.部署到GitHub上:

hexo d

附:

A:在搭建博客中的各种坑

1.config文件中每个冒号后都需要一个空格。首行缩进也要遵循,不然会报错(摊手

比如说修改title、deploy时需要注意下。

2.fatal: not a git repository (or any of the parent directories): .git

初始化一波本地仓库。

$ git init
Initialized empty Git repository in C:/Users/xxx/.git/

3.使用next主题(按照这个来:http://theme-next.iissnan.com/getting-started.html

端口被占用的话,用其他端口替代一下。(比如说本地访问http://localhost:4000/不能打开的时候(本人用的端口是5555

$ hexo s -p 5555 --debug

有关于Next主题的配置相关(标签、分类、字数统计之类),建议阅读以下文章:

https://www.jianshu.com/p/21c94eb7bcd1

https://www.jianshu.com/p/9f0e90cc32c2

https://blog.youkuaiyun.com/fanxiaobin577328725/article/details/79209975

http://theme-next.iissnan.com/getting-started.html

持续更新……

4.部署到GitHub上出现如下错误(最后一步了啊喂):

error: RPC failed; curl 56 OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054
fatal: the remote end hung up unexpectedlyB | 14.00 KiB/s

解决办法:修改Git的传输字节限制。

git config --global http.postBuffer  524288000 

B:记录几个可能会用到的目录

  • 站点配置文件config.yml(博库根目录下

  • 主题配置文件config.yml(在next主题里

  • 主题中的footer.swig :网站底部信息

  • 主题中的sidebar.swig:左/右侧个人信息栏

  • 主题中的post.swig:文章底部标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值