继续!

既然我们已经完成了Hexo的安装,那么就是开始使用了。请确保以下步骤在你正确安装完Hexo之后进行。

创建一个blog文件夹

打开终端,输入mkdir blog。这里的blog可以是你想要的名字,这个文件夹将会作为你今后的Hexo博客的根目录。你的主题设置、博客文章等都会保存在这里。

使用cd blog进入目录。记住这个代码,这将是你以后的常用指令(在你执行Hexo来更新、部署你的博客时,需要进入你的博客文件夹操作,否则会报错)。

开启本地服务

既然配置完了Hexo,我们就可以开启本地服务了。进入文件夹,输入hexo s开启本地服务。接下来,你可以看到这个

把网址复制下来,输入到浏览器里打开,就可以看到类似于这样子的界面:这个

到这里说明你的环境以及没有问题了,成功了搭建起了博客框架。

注:hexo s这个命令其实挺有用的,可以看到编辑后博客的样子(不是网页!别人如果登陆这个本地网址也看不到你的博客),但用时比发布时间短,可以快速知道blog的样子。

GitHub Page关联

GitHub简介,就是一个代码托管平台。有个功能叫做GitHub Page,用于静态页面的项目托管,Hexo博客一般会先选择将它托管在这里。先来注册一下:GitHub官网。可以看到这样:这个

输入username,注意一下,这里的名字将关联到你博客网址(GitHub版)的名称,慎重!我原来把residual打错了于是又折腾了一个23333!第二行输入邮箱、第三行输入密码。密码只输一次,小心一点。

题外话

由于GitHub网站是纯英文的,没有翻译有些人可能看得难受。在这里推荐使用Chrome谷歌浏览器。它在浏览纯英文网页时会有一个网页翻译的功能,方便理解。这个

建立仓库

注册完后显示的界面就是你的仪表盘。右上角找到新建图标,点击New repository,如图:这个

跳出该界面:这个

这里的owner就是你当前的用户名。创建仓库的名字必须为username.github.io(就是那个name的输入框里填写的内容),我的用户名为ResidualNight,因此我创建的仓库名就是ResidualNight.github.io,这是很关键的一点,很重要。输入名字后,直接点最下面绿色的按钮,创建新仓库。切记用户名的正确与否

关联博客

打开blog根目录。这里有一个文件叫做”_config.yml”,打开。如果有好的编辑器可以用,如:visual studio code等,正常情况下直接用文本编辑可以打开。这个

找到如图所示的代码段,输入和我一样的内容。至于我的ResidualNight,替换成你自己的GitHub用户名。然后保存文件。

回到终端进入目录,输入命令(“#”为注释内容,不用输):

# 产生静态网页
hexo g
# 部署到GitHub page上
hexo d

以后,我们在更新文章、主题设置时都会运用到这两个命令,注意顺序,先g后d。在hexo d后,会要求输入GitHub的账户名称和密码。

hexo g正常:hexo g

hexo d输入用户名&密码图示:hexo d这里注意一下,输入密码时一般是不显示你的密码的。

部署完了网页,就可以登陆网页了!浏览器输入username.github.io,就可以看到你的博客了。

参考文献

欢迎提出意见!