Hexo + GitHub Pages + NexT在win10上搭建个性化个人博客

刚刚搭好自己的个人博客,现在总结一下


注册Github账号及创建仓库

访问网址:https://github.com/
这里写图片描述

注册好账号之后,点击下图中的Start Project

这里写图片描述

这里写图片描述

在Repository name中输入新建仓库的名称,如果我们只是想要在这个仓库里面放一些个人项目的话,这个名称随便取,但是我们现在是要搭建自己的个人博客,Repository name是有固定格式的:yourname.github.io,其中yourname可以随便填,一般是用自己的名字,点击Create Repository


安装Git for Windows

下载地址:https://gitforwindows.org/

{% asset_img  %}

下载之后,双击安装,一路默认即可


配置Git

为了把本地的仓库中的内容传输到GitHub上,需要配置ssh key,无论是上传自己的博客还是上传其他的仓库都需要连接Github,ssh key是一个token,作用是身份验证。
为了在本地创建ssh key,打开Git Bash,输入命令:

ssh-keygen -t rsa -C "email"

email是我们在注册Github时使用的邮箱

输入上面的命令后按Enter键,Git Bash会提示:

Enter file in which to save the key (/c/Users/sun/.ssh/id_rsa):_

直接按Enter,Git Bash会在默认路径C:\users\sun\.ssh下生成几个文件。

然后Git Bash又给出提示:

Enter passphrase <empty for no passphrase>:_

这是在提示我们输入密码,直接回车表示不设置密码,这里我直接回车,然后Git Bash要求我们重复密码,也直接回车,然后就会提示ssh key已经生成。
我们进入到默认的地址中查看ssh key文件

{% asset_img  %}

在windows10中直接打开的话,默认使用了MicroSoft的Publisher,但是打不开,经尝试,利用word可以打开,复制里面的key。

回到Github的网页上面,在账号头像上面点一下,选择Your repositories

这里写图片描述

找到自己的博客的仓库

{这里写图片描述}

点击进入,然后点击Settings

这里写图片描述

在页面左侧找到Deploy keys并点击

这里写图片描述

点击右侧的Add deploy key按钮,title填什么都可以,Key中粘贴我们刚刚在ssh key文件中复制的key

这里写图片描述

点击Add Key,保存ssh key

在本地验证ssh key设置是否成功,打开Git Bash,输入命令:

ssh -T git@github.com

回车后,如果看到

You’ve successfully authenticated, but GitHub does not provide shell access

表示当前已经成功地连接上了自己的GitHub账户

接下来,设置一下自己的用户名和邮箱

git config --global user.name "my name"
git config --global user.email "my email"

到此为止,我们已经成功地将个人电脑和Github账号连接。


安装node.js

下载地址:https://nodejs.org/en/

这里写图片描述

按照需要选择不同的版本,下载到本地之后,直接双击安装,一路默认(不懂node.js,所以whatever),node.js安装后,会自动配置环境变量,打开windows的控制台,输入命令:

node -v

电脑会显示当前安装的node.js的版本

这里写图片描述


安装Hexo

在电脑的磁盘里找到新建一个空文件夹,在我的电脑上是D:\GIT\hexotext,用于存放本地仓库,和Github上的yourname.github.io是对应的

接下来Hexo的安装,我个人建议在windows的控制台中完成,因为我在Git Bash中安装Hexo后,运行Hexo服务时总是报找不到hexo的错
在windows控制台中出入命令,跳转至D:\GIT\hexotext

C:\Users\sun> D:
D:\> cd GIT\hexotext

安装Hexo,输入命令:

npm install hexo -g

经过漫长的等待后,提示安装成功
检查Hexo是否安装成功,输入命令:

hexo -v

这里写图片描述


本地测试

初始化D:\GIT\hexotext这个文件夹,打开Git Bash进入此目录,输入命令:

hexo init

漫长的等待,安装Hexo所需要的组件,输入命令:

npm install

产生webapp文件,输入命令:

hexo g

开启服务器,输入命令:

hexo s

此时控制台提示:

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值