在之前的一篇文章中,介绍了如何使用Hugo在三分钟之内建立一个简单的个人博客系统,它是基于go lang的,其实,市面上还有一款类似的静态页生成器,就是Hexo 读音/hækso/ ,它是基于node.js的,和Hugo一样,Hexo 正常来说,不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具。
首先安装Hexo,在此之前,请确保电脑里已经安装好新版的node.js
npm install -g hexo-cli
如果感觉安装速度比较慢,可以为npm指定国内的源
npm config set registry https://registry.npm.taobao.org
安装完成后,创建博客项目
hexo init blog
这样,就建立起了一个blog文件夹,进入到blog目录下 cd blog,建立第一篇文章
hexo new myfirst
然后运行hexo服务
hexo server
就可以在本地访问你的博客网站了,默认端口号是4000
那么如何将博客网站打包呢?直接运行打包命令,这样就能使用 Hexo 引擎将 Markdown 格式的文件解析成可以使用浏览器查看的 HTML 文件,HTML 文件存储在 blog/public 目录下
hexo generate
下面我们可以配置一下hexo主题,Hexo 提供了默认主题 landscape,主题的位置在 blog ->themes 文件夹下。主题根据自己喜好可以在网上找到:https://hexo.io/themes/
主题都放在blog/themes文件夹下面,这我们下载一个新的主题
mkdir themes/next
git clone --branch v5.1.2 https://github.com/iissnan/hexo-theme-next themes/next
然后在修改 /blog/config.yml 文件,将其中的 theme 改成 next
最后,将打包好的public目录上传到服务器,使用nginx代理访问就可以了,具体配置请移步:https://v3u.cn/a_id_81
如果没有自己的域名和服务器怎么办?没关系,可以申请 Github 免费静态内容空间,在github.com注册一个账号,然后创建一个新的仓库
仓库名称一定要定义成 账号名.github.io,这种形式,注意账号名一定要和你的github当前登录的账号吻合
这样你的静态内容空间就已经创建好了,在浏览器输入你的 https://你的账号.github.io/ 就可以访问了。
将之前打包好的public中的文件push到刚刚创建好的github仓库中去
访问静态空间网址https://zcxey2911.github.io
没有问题,搞定收工