Ubuntu中搭建Hexo博客记录(下篇)

本文最后修改于 104 天前,部分内容可能已经过时!

上一篇是正式安装Hexo博客框架之前的环境准备,需要Git、Nodejs和npm。接下来,继续讲叙Hexo博客搭建的后续过程。

2.正式安装Hexo程序

环境准备好后,安装Hexo非常简单,只要一条命令即可:npm install npm-cli -g

请输入图片描述

具体详细介绍参考官方文档: https://hexo.io/zh-cn/docs/ (中文的,不怕不认识洋文😌)

安装过程不到一分钟吧,感觉不太慢,如果安装速度不行的话,就是npm在国内网络环境中不好使,我们可以切换成淘宝 npm镜像(在淘宝的npm镜像站上还看见了nodejs的镜像,其实也可以从这上面安装最新版),使用淘宝的cnpm工具来代替npm。

安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org

请输入图片描述

安装了这么多东西,感觉挺乱的,现在整理一下哈,我的npm在哪里呀:which npm一下;我的cnpm在哪里呀,which cnpm一下;我的node在哪里呀,which node一下。。。感觉自己是个强迫症 🙂

请输入图片描述

好啦,好啦,都到位啦~接下来,就是创建网站项目了。

3.创建网站搞事情:-)

(1)我要创建个目录来存放我的网站项目,那就在我的家目录里面mkdir 一个blog文件夹吧:

请输入图片描述

(2)然后初始化我的blog目录, 执行hexo init [你创建的项目目录或路径]命令,Hexo 将会在指定文件夹中新建所需要的文件。

请输入图片描述

第一次克隆连接失败,哎,国内的网络环境一点都不友好…不过第二次成功了,3分钟左右吧,有点慢…

(3) 切换到我的这个blog目录,先来看看有些啥玩意儿:

请输入图片描述

要详细了解这些目录的含义,多扒拉官方文档吧 🙃 ,接下来需要在当前目录(我的是在blog下)执行 cnpm install,官方是 npm install,咱们要速度,就用 cnpm 来代替npm。

请输入图片描述

(4) 执行命令 hexo g 或者 hexo generate 生成静态文件:

请输入图片描述

(5) 执行命令 hexo s 或者 hexo server 开启服务,在浏览器输入 localhost:4000 来访问本地部署的静态网站:

请输入图片描述

请输入图片描述

这样一个本地通过Hexo部署生成的一个静态网站就完成了,后续的工作就是修改网站的信息、写文章、换主题,把它弄得漂漂亮亮的啦~

Tags:博客搭建Hexo
上一篇
下一篇

添加新评论