使用Hexo建立一个轻量、简易、高逼格的博客

简介: 在之前的一篇文章中,介绍了如何使用Hugo在[三分钟之内建立一个简单的个人博客系统](https://v3u.cn/a_id_81),它是基于go lang的,其实,市面上还有一款类似的静态页生成器,就是Hexo 读音/hækso/ ,它是基于node.js的,和Hugo一样,Hexo 正常来说,不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具。

在之前的一篇文章中,介绍了如何使用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

没有问题,搞定收工

相关文章
另辟蹊径,利用宝塔快速搭建一个VuePress博客
另辟蹊径,利用宝塔快速搭建一个VuePress博客
1699 0
另辟蹊径,利用宝塔快速搭建一个VuePress博客
|
11月前
|
资源调度 JavaScript
十分钟教会你如何使用VitePress搭建及部署个人博客站点
十分钟教会你如何使用VitePress搭建及部署个人博客站点
623 0
|
域名解析 网络协议 关系型数据库
使用阿里云轻量服务器安装WordPress博客网站三步走
阿里云轻量应用服务器镜像可选WordPress应用,应用镜像可以自动安装WordPress程序及WP所依赖的Web安装环境,轻量服务器网来详细说下轻量服务器选择WordPress应用镜像创建成功后的操作流程使用方法:
605 0
|
缓存 搜索推荐 Shell
Hexo 博客主题更换和基础配置
Hexo 博客主题更换和基础配置
241 0
|
搜索推荐 Shell 开发工具
github + hexo 小白超快搭建功能强大的个人博客网站(2)
github + hexo 小白超快搭建功能强大的个人博客网站(2)
129 0
github + hexo 小白超快搭建功能强大的个人博客网站(2)
|
应用服务中间件 Shell 网络安全
服务器搭建Hexo博客流程
使用服务器部署hexo博客
205 0
服务器搭建Hexo博客流程
|
缓存 JavaScript 前端开发
手把手教你从0开始搭建个人博客,东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站
手把手教你从0开始搭建个人博客,东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站
手把手教你从0开始搭建个人博客,东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站
|
JavaScript 安全 Shell
教你如何快速打造个人专属博客(轻量、简易、高逼格)
教你如何快速打造个人专属博客(轻量、简易、高逼格)
377 0
教你如何快速打造个人专属博客(轻量、简易、高逼格)
比hexo更好用的轻量级博客,5分钟部署上线!
比hexo更好用的轻量级博客,5分钟部署上线!
比hexo更好用的轻量级博客,5分钟部署上线!
半小时教你使用hexo建立一个漂亮的个人博客
半小时教你使用hexo建立一个漂亮的个人博客
半小时教你使用hexo建立一个漂亮的个人博客