继续!
既然我们已经完成了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用户名。然后保存文件。
回到终端进入目录,输入命令(“#”为注释内容,不用输):
# 产生静态网页 |
以后,我们在更新文章、主题设置时都会运用到这两个命令,注意顺序,先g后d。在hexo d
后,会要求输入GitHub的账户名称和密码。
hexo g
正常:
hexo d
输入用户名&密码图示:这里注意一下,输入密码时一般是不显示你的密码的。
部署完了网页,就可以登陆网页了!浏览器输入username.github.io,就可以看到你的博客了。
参考文献
- https://www.jianshu.com/p/77db3862595c
- 想知道根目录文件夹里的文件做什么的看这里:https://hexo.io/zh-cn/docs/setup
欢迎提出意见!