0%

自己使用Hexo搭建博客的小经验

在搭建Hexo的过程中,我自己也遇到很多坑,看着别人写的文章做下来,其实也是会发现很多问题的。作为一名菜鸟,我花两个晚上才把它给搭,当然就是你现在看到的页面,虽然看起来有点low,但是这个过程我觉得很享受。以下内容只是我自己搭建时的过程,可能在你自己搭的时候情况会不太一样,所以此文只供参考,要相信你自己在遇到问题的时候也会完美解决的!!!

一、安装Git和Node.js

Git和Node.js的安装网上有很多教程,按照教程安装就可以了,但是在安装Node.js的时候需要配置环境,如果不配置好,后面的操作就无法成功,以下是配置环境的参考链接,按照这个配就OK了

[https://www.cnblogs.com/liuqiyun/p/8133904.htm]:

二、开始安装Hexo

在任意一个磁盘下面新建一个Hexo文件夹

鼠标放在文件夹上方右键使用Get Bash Here方式打开,输入命令

1
npm install -g hexo-cli

安装完成后可以用hexo -v 查看下版本,接着初始化hexo

1
hexo init myblog #myblog可以随便你取,这个命令相当于新建了一个文件夹,这就是你的博客站点文件夹。

进入myblog文件夹

1
2
cd myblog #进入文件夹
npm install

安装完成后,会有这些文件夹,当然可能你的会和我的不太一样,我的已经被修改过了。

用以下命令启用服务器

1
hexo server

注意上面的步骤要确保 npm install 这里是要保证成功执行的,不然后面会有问题,如果不成功,可能是你的环境配置有问题需要把bin文件的路径D:\Hexo\blog\node_modules.bin添加到电脑的系统环境变量中。

如果还是不成功,建议使用以下指令

1
2
3
4
npx hexo init blog
cd blog
npm install
npx hexo server

hexo server运行完之后,会提示你可以使用localhoat:4000访问到你的博客页面,4000是默认的访问端口,如果出现你的4000端口无法访问,可以在myblog站点文件的_config.yml(这个文件需要用编辑器打开,我用的VSCode)内加上如下代码更改端口号

1
2
3
4
server:
port: 5000 #端口号可以随你改
compress: true
header: true

再启动一遍服务器,用提示的链接打开,本地页面就搭建好了。

页面长这个样子的

三、将本地页面同步到gitHub上

刚才再本地布好的页面只能再本地看到,你在GIt Bash上按Ctr C 停止你的页面就访问不到了,所以将博客同步到gitHub上很方便访问。

首先,你得注册一个gitHub账号,登录后新建一个 repository

新建以后这个地址链接就是你博客的访问链接了。

接下来,我们需要新建SSH密钥将本地服务器和GitHub连接起来。

在git bash中,输入以下指令

1
2
3
4
5
git config --global user.name "yourname"  
#yourname要是你要对应上gitHUb的用户名

git config --global user.email "youremail"
#同样email也要和和你gitHub上的邮箱相同

然后回车,输入指令

1
ssh-keygen -t rsa -C "youremail"

这个时候它会告诉你已经生成了.ssh的文件夹。并告诉你在你的电脑中路径,找到这个文件夹打开

将里面的内容复制粘贴到key中,title随便取都行的。

添加之后,回到git bash 使用以下命令验证是否添加密钥成功

1
ssh -T git@github.com

这里还有有个步骤需要做,差点忘了,要在你的站点文件夹deploy位置修改下代码

repo的值在这里。。。。。。github上不去截不了图,难受,查看其他教程吧,不好意思我累了。。。

密钥建立成功之后,使用下面的指令

1
2
3
hexo clean
hexo generate
hexo deploy

用你对应的地址就可以访问到了,比如我的就是

[https://long-ying.github.io/]:

要保持你本地和gitHub上的内容跟新同步,还需要设置一个地方,同样也是在站点文件夹的_config.yml里面修改一下配置

好了,完结撒花,到这个站点就布好了,页面肯定是有点丑的,后续还有一些主题修改,文章发布什么的,你把这个站点布好去看那些就不怕了,重要的是这个过程,作为一只菜鸟我也在修饰我的博客嘿嘿,慢慢研究吧。