手把手教你搭建自己的个人博客

前言

此教程使用hexo配合github搭建

具体参考:https://xuqingsakura.github.io/2024/05/19/%E4%BD%BF%E7%94%A8hexo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/

准备工具

首先需要下载nodejs和git两个工具

[nodejs] https://nodejs.org/en/download/prebuilt-installer 

[git] https://git-scm.com/download 

点击上面链接即可下载

安装时一直点确定即可接下来检查是否安装成功

打开cmd输入npm -v(他是node附带的)

node -v

git -v

搭建仓库

成功下载工具后,进入GitHub开始搭建GitHub储存静态页面的仓库

首先注册/登录

[Github] https://github.com/ 

点击Create a new repository进入新仓库页面

仓库名输入用户名.github.io

勾选Public和Add a README file

最后点击create创建仓库

生成SSH Keys

进入任意文件夹,右击空白处点击Git bash here,输入ssh-keygen -t rsa -C "邮件地址"

然后敲4下回车

进入C:\User\用户名,找到.ssh文件夹进入

用记事本打开里面的id_rsa.pub文件,全选复制里面的内容打开GitHub

进入用户设置,找到SSH keys

新建SSH keys,名称随意,在下面粘贴刚才复制的内容

然后点击创建测试是否成功

在git bash中输入ssh -T git@github.com

回车,然后输入yes

出现successful就表示成功了

到这里前面的准备工作就结束了,下面开始进行博客的搭建开始搭建博客

首先在你想要存放博客文件的位置创建一个文件夹(名字任意)例如:blog或者boke文件夹

然后进入该文件夹打开Git bash here下载hexo

在Git bash here里面输入npm install hexo-cli -g生成本地博客内容

下载完成之后再输入hexo init

如果出现'command not find',就在前面加上npx,如:npx hexo init

然后输入hexo install

接下来一次输入hexo g

hexo s

如果不成功就重复到成功为止,因为国内与GitHub连接不稳定

成功之后可以复制生成的链接进入游览器看到生成的本地服务器

 

然后回到命令行,ctrl+c关闭本地服务器上线博客

进入之前的创建的博客文件夹,用记事本或者vscode打开_config.yml文件

拉到最下面将deploy下面的内容全部删掉,复制粘贴下面这段type: gitrepository:branch: main

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

然后到GitHub之前生成的仓库页面,点击code,复制htps链接

将其粘贴到repository: 后面保存退出

回到博客文件夹

打开Git bash here

安装自动部署发布工具npm install hexo-deployer-git --save

然后依次输入hexo g(生成)hexo d(上传)

如果是第一次使用git的话会需要配置git config --global user.email "你的邮箱"git config --global user.name "你的名字"

配置完后再使用hexo d上传

在跳出的窗口进行登录操作

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

上传成功以后就算搭建好了

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

现在就可以上网址看我们搭建的博客了网站资料

目前我们的博客标题还是默认的hexo,整个页面都是默认的样子,接下来可以对其进行修改

打开博客文件夹中的_config.yml文件

将#Site下面按照自己的需求填上# Sitetitle: 标题subtitle: 副标题description: 描述keywords: 关键字author: 站主language: 语言(可以填zh-CN)timezone: 时区(可以填Asia/Shanghai)

然后点保存上传文章

我们在博客文件夹中打开Git bash here输入hexo n 文章标题

就可以生成新的文章md文件

文章格式是.md格式在博客文件夹的/source/_posts中

推荐用Typora软件编辑.md格式文件

Typora官网:https://www.typoraio.cn/

也可以使用vscode进行编辑

然后就可以打开.md文件就可以开始写文章了

写好之后就可以上传了,打开Git bash here输入hexo ghexo d

就可以完成上传操作

到这里我们的博客搭建就基本上完成了,剩下的就是对博客的优化和美化了

有问题可以留言探讨

感谢大家观看!!!

 

  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值