使用Hexo+Github搭建属于自己的博客

前言

前几天,我尝试用Hexo+Github搭建了属于我自己的博客。几经波折,当最后我成功搭建之后,喜悦感、成就感、自豪感油然而生。接下来我给大家分享一下搭建博客的经验。
我的电脑系统为Windows 10家庭中文版,系统类型为64位操作系统,基于x64的处理器。

相关步骤

Step 1:安装Node.js和配置Node.js环境

我们进入Node.js的官网,下载这个12.13.0版本的Node.js并安装它。
安装好之后,我们来检测一下PATH环境变量是否配置了Node.js。
打开cmd,输入命令path之后,输出了如下结果:
使用Hexo+Github搭建属于自己的博客
可以看出,环境变量中已经包含了D:\nodejs。
打开cmd,输入命令node -vnpm -v,我们可以看到版本号。这说明我们已经安装成功了。

Step 2:安装Git和配置Git环境

我们进入Git官网,下载最新的Git 2.23.0版本。
进入安装向导,选择安装位置之后,安装向导会让我们选择组件。在这里我选择的是Additional iconsWindows Explorer integrationGit LFS(Large File Support)Associate .git* configuration files with the default text editor以及Associate .sh files to be run with Bash。接下来,一路Next之后,点击Install,我们成功安装好了Git。
这里不得不提的是,我们如何判断自己是否安装成功了呢?其实,安装成功之后有一个典型的象征,就是在电脑上任何位置单击鼠标右键之后,都能够出现这两个选项:Git GUI HereGit Bash Here。不妨动手试一试,一旦出现上述两个选项,恭喜你,你已经成功安装了Git。

Step 3:Github账户注册和新建Repository

这个没什么好说的。只有一点需要注意:
在新建Repository的时候,Repository name必须遵守账户名.github.io的格式,否则接下来很可能会出现棘手的问题。我们还需要勾选下方的“Initialize this repository with a README”。

Step 4:安装Hexo

首先,你需要在自己认为合适的地方新建一个文件夹。我是在D盘新建了一个名为blog的文件夹。接下来,在cmd中进入该文件夹。
1.输入npm install hexo -g,开始安装Hexo。
2.在安装好之后,输入hexo -v如果出现了一串版本号,说明Hexo已经安装成功了。
3.输入hexo init,初始化该文件夹。需要说明的是,这一步所花费的时间可能会有些长,保持耐心。
4.当看到Start blogging with Hexo!的时候,你距离成功完成这一个Step已经很近了。输入npm install,安装所需组件。
5.输入hexo g,开始你的首次体验吧!
6.输入hexo s,开启服务器,访问该网址。有些电脑可能会遇到这样一个问题:在访问网址的时候,页面一直无法跳转。这可能是因为端口被占用了。遇到这种问题该怎么办呢?我们按Ctrl+C键停止服务器。【注意!!!这里的Ctrl+C并不是复制的意思!!!】接着,我们输入hexo server -p 端口号来改变端口号。试着访问一下这个新的网址吧!

Step 5:将Hexo和Github联系起来

1.如果是第一次的话,我们需要先设置Git的user name和user email。 单击右键,选择“Git Bash Here”。输入git config --global user.name "用户名"来设置user name。输入git config --global user.email "邮箱号"来设置user email。
2.输入cd ~/.ssh,检查是否有.ssh文件夹。这里我要偷偷说一句,其实没有也没什么关系的。
3.输入ls,列出该文件下的内容。
4.输入ssh-****** -t rsa -C "邮箱号"连按三次Enter键,生成**。最后我们得到了id_rsa和id_rsa.pub两个文件。
5.输入eval "$(ssh-agent -s)",添加**到ssh-agent。
6.输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent。
7.登录Github,在头像下找到Settings,添加SSH。我们点击“New SSH key”,新建一个SSH key。在“Title”栏写blog,“Key”栏中将id_rsa.pub里面的内容复制粘贴上去。【id_rsa.pub文件的存储路径为C:\Users\Administrator\.ssh,右键选择打开方式,选择用记事本打开即可。】
8.输入ssh -T [email protected],测试是否成功添加了SSH。如果你看到了“Hi 用户名! ”,那么恭喜你,你已经成功将Hexo和Github联系起来了!

Step 6:配置Deployment

在blog文件夹中,我们找到_config.yml文件,在末尾修改Repository值。Repository值是Github的Repository中的SSH。**我们该如何找到它呢?**在Repository右侧有一个绿色的框框,里面写着“Clone or download”,单击,再点击“Use SSH”就可以了。怎么样,很简单吧?

Step 7:新建一篇博客,生成并部署文章

打开cmd,输入hexo new post "Hello Hexo",我们可以看到,这时候在D:\blog\source\_posts目录下已经创建了Hello-Hexo.md文件。
在生成并部署文章之前,我们还需要在cmd中输入npm install hexo-deployer-git --save,安装一个扩展。
使用编辑器编辑好文章之后,在cmd中输入hexo d -g,生成并部署文章。部署成功后访问http://用户名.github.io,我们就能看到我们写的文章了!

写在最后

看完这篇教程之后,你是不是也觉得使用Hexo+Github搭建属于自己的博客是一件很容易的事情呢?赶快动手试一试吧!
第一次写博客,如果有什么意见和建议想对我这个小白提的话,请联系我哟!
我的邮箱:[email protected]