文章目录
-
- 一、安装Node.js
- 1.1 下载完该安装包，直接进行安装即可。
- 1.2 打开终端，切换至root用户。
- 1.3 查看一下node的版本
- 1.4 查看npm的版本
- 二、安装hexo
- 2.1 安装cnpm
- 2.2 查看cnpm
- 2.3 查看cnpm的版本
- 2.4 利用cnpm来全局安装hexo博客框架
- 2.5 验证hexo是否安装成功了
- 三、使用hexo正式搭建博客框架
- 3.1 建立一个空的文件夹，名为：LyfdeBlog
- 3.2 进入LyfdeBlog目录
- 3.3 真正使用hexo来生成博客！
- 3.4 部署博客至GitHub上
- 四、更换博客主题
- 4.1 推荐一个主题
- 4.2 下载主题
- 4.3 查看下载好的文件
- 4.4 将yilia主题配置到自己的博客中
一、安装Node.js
1.1 下载完该安装包，直接进行安装即可。
1.2 打开终端，切换至root用户。
1.3 查看一下node的版本
1.4 查看npm的版本
因为安装hexo是需要node来支持，因此，这一步前置步骤。
二、安装hexo
在安装hexo时，是需要借助npm这个包管理器来安装，但是，国内由于镜像源的速度很慢，所以一般是在使用之前先利用npm来安装一个cnpm。
2.1 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
如图：
2.2 查看cnpm
2.3 查看cnpm的版本
这样就说明，cnpm已经安装成功了！！！
2.4 利用cnpm来全局安装hexo博客框架
命令：
cnpm install -g hexo-cli
如图：
2.5 验证hexo是否安装成功了
当看到有这些信息的存在时，就能够知道hexo已经安装好了。
三、使用hexo正式搭建博客框架
3.1 建立一个空的文件夹，名为：LyfdeBlog
3.2 进入LyfdeBlog目录
3.3 真正使用hexo来生成博客！
①初始化一个博客
sudo hexo init
如图：
②看一下，在这个文件夹生成那些文件
ls -l
如图：
③也可以在finder中看一下生成的东西：
④启动博客
hexo s
其中s为start的简写，表示启动博客。
⑤然后，在浏览器中打开 http://localhost:4000，就能够看到以下效果：
⑥按住ctrl + c来断开，然后新建一篇文章。
hexo n "我的第一篇博客"
如图：
⑦进入source/_posts/这个目录下
cd source/_posts/
如图：
然后，就会发现我们创建文件成功。
⑧在我的第一篇博客.md这个md文件中进行写博客，这里采用的是vim命令进行编写的。
⑨再回到LyfdeBlog目录下，命令如下：
cd ../..
如图：
⑩先hexo清理一下
hexo clean
如图：
⑪然后，hexo生成一下，命令如下：
命令：
hexo g
其中，g为generate的简写
如图：
⑫再重新启动一下
命令：
hexo s
如图：
⑬然后，再将 http://localhost:4000 这个地址再重新刷新一下，就会出现那篇新建的博客文章。
如图：
3.4 部署博客至GitHub上
①先打开自己的Github，然后创建一个新的仓库，步骤如下：
②创建完这个仓库后，然后再回终端上，安装一个git部署的插件，命令如下：
cnpm install --save hexo-deployer-git
如图：
如果上述出现了警告信息，不用管，继续下一步即可。
③设置_config.yml文件
命令：
vim _config.yml
如图：
修改的内容，如下图：
该链接https://github.com/Chasing987/Chasing987.github.io.git是对应你的在github上的地址链接，如下图：
④部署到远端
hexo d
如图：
注意： 如果此时需要你输入你的账户和密码，直接输入的是你的github的账户和密码即可！
⑤然后，你就会发现，你的github仓库里多了下面这些内容：
这时，可以做一个操作，将Chasing987/Chasing987.github.io这个链接拿出来直接访问。即：
然后，就会发现，我们刚刚建的hexo博客就有了我们之前编写好的博客了，如下图：
这样，你的博客就已经成功地部署到你的github上了，以后你就能够直接通过https://Chasing987.github.io该网址就能够直接访问你的个人博客网站了，就不需要再通过localhost：4000端口去访问了。
四、更换博客主题
4.1 推荐一个主题
链接为：https://github.com/litten/hexo-theme-yilia，点击该链接，你就能够进入下面这个界面：
这里提醒一下：我们所做的所有操作，都是在之前建立好的文件夹做的，比如我就在LyfdeBlog目录下做的，如果大家做的任何操作有问题，或者不喜欢这个文件夹，可以直接删除该文件夹重新再来。
4.2 下载主题
回到终端，利用下述的命令来进行下载这个主题。
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
如下图：
4.3 查看下载好的文件
因为是下载到theme这个目录下，因此，我们可以去这个目录下看一下有没有该文件。
同样，也可以去电脑上的LyfdeBlog目录中的themes目录下是否有yilia这个文件夹。
如果能够看到上述的文件，就说明下载成功了！！！
4.4 将yilia主题配置到自己的博客中
①再回到终端中来，利用，下面的命令回到上一层的目录，并显示目录下的文件。
cd ..
ls -l
如图：
②配置_config.yml这个文件
终端命令：
vim _config.yml
如图：
③然后，修改该文件，将主题由landscape改变为yilia。
④重新hexo清理一下
命令：
hexo clean
如图：
⑤然后，hexo生成一下
hexo g
如图：
⑥hexo启动一下
hexo s
如图：
然后再将这个http://localhost:4000这个本地4000端口重新刷新一下，就发现之前的搭建的博客风格变了，如图：
⑦将其推至远端
先按住ctrl+c终止之前的进程，然后下面的命令推送至远端：
hexo d
如图：
⑧然后，我们也能够通过之前的那个自己博客的链接https://chasing987.github.io/就能也能看上述博客更改后的结果。
如图：
这样，我们就完成了整个个人博客的搭建啦！
如果感觉写得还行，来个一键三连吧，嘻嘻嘻嘻！！！