文章目录
- 一、安装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/
就能也能看上述博客更改后的结果。
如图:
这样,我们就完成了整个个人博客的搭建啦!
如果感觉写得还行,来个一键三连吧,嘻嘻嘻嘻!!!