超详细、超简单的个人博客搭建教程,带你搭建一个属于自己的免费的个人博客!

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

这学期开了一门关于web开发的课程,我就想建立一个个人博客,于是就在上网查阅相关视频,使用Node.js+Git+Hexo搭建出了一个简易的个人博客。下面是搭建教程(小白选手,一些说法可能有误,望包涵)。


一、安装Node.js

我们需要安装node.js才能使用和安装hexo博客。下载地址:
link
在安装时记得勾选 Add to PATH
忘记勾选导致后面环境变量配置失败可以在安装Nide.js的文件夹中找到安装包选择重新安装。

二、安装Git工具

下载地址:link
如果下载较慢可以直接在浏览器中搜索Git下载,选择较新版本下载即可。

三、下载[hexo-script]的安装脚本

[hexo-script]脚本使用文档链接:
link
跟着步骤一步一步操作即可。

四、补充说明

1、自己手动创建一个放置博客的文件夹

2、在git bash中复制粘贴都要使用鼠标右键来进行选择,而不能通过CTRL+C或者CTRL+V。

3、在一键生成密匙操作中,有一个提示生成秘钥后别忘记将秘钥添加到账号里,否则秘钥不会配置成功但是文档中并没有给出具体操作,这里附上过程。
这句话中的账号是指你的Github账号(如果没有你需要注册一个Github账号,如果无法科学上网,也可以使用Gitee代替)。
进入账户->击个人头像->选择Your repositorise->new->输入Repository name(格式为:账号名称.github.io)->Create repositorise。

创建好个人仓库后需要将上面生成的SSH密钥添加入账户中。流程如下:
击个人头像->选择Settings->找到SSH keys将生成的密匙进行添加。

五、选择想要的Hexo主题

Hexo官网内就有很多主题可以选择,link,可以自行选择。以下是具体步骤:
1、打开上述链接进入官网
在这里插入图片描述

2、点击自己想要设置的主题
在这里插入图片描述
3、往下拉找到下载主题(标题都不一样,找到 git clone https://…)
在这里插入图片描述
在hexo根目录下右键打开git bash,将代码复制进去即可。

4、找到hexoblog目录下的_config.yml文件使用VSCode打开,将里面的theme改为 theme:tree

六、部署到Github仓库中

1、在hexoblog目录下右键打开git bash,输入

hexo clean

清除缓存(如果之后过程中你发现Github仓库没有部署成功,可以尝试清除缓存再进行部署)

2、然后输入

hexo g

会生成一个public文件(这就是我们要上传部署的文件内容)。

3、接下来你可以在本地先进行查看个人博客(可以一边修改一边看哦),输入

hexo s

会提示在这里插入图片描述
将地址复制下来在浏览器打开,即可以查看本地的个人博客。

如果无法打开可能是端口被占用,可以更改hexo运行的端口,输入代码

hexo server -p 3000

之后再浏览器打开即可。

4、在本地查看个人博客无误后就可以部署到Github了

hexo d

5、到这里就完成了个人博客的搭建,在浏览器输入你的仓库名即:账号.github.io 即可查看自己的个人博客啦。

七、细节修改

1、下载的主题放在hexoblog目录下的themes文件夹中。

2、打开下载好的主题,里面有一个_config.yml文件,使用VSCode打开,根据里面提示可以更改成自己想要的布局。

八、博客书写和发布

可以看@只爱一莲QAQ 的文章
link

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值