Hexo博客建立梳理

Posted by 陈陈君 on 2021-01-10
Estimated Reading Time 2 Minutes
Words 541 In Total
Viewed Times

原来的 Typecho 博客有些问题,现在重新搭建了一个全新的博客。之前的文章和笔记打算进行一个梳理然后再发布。这次使用的是基于 Node.js 的博客框架 Hexo,这个框架的好处在于不需要数据库。成本低,可托管在 GitHub 或 Gitee 等这些平台。Hexo 的文章数据是通过 md 文件解析成网页,在需要备份数据的时候特别方便只需要拷贝 md 文件即可。js 生成 静态的网页文件速度较快且有利于 SEO 优化。不过因为是js 生成的网页,缺点就是文章发布较麻烦,每次更新文章都需要重新提交代码至服务器。

Hexo 环境搭建

Hexo 的的搭建非常简单,几乎由命令行完成。前提是需要安装 Node.js。如果已经有了 Node.js 可以通过 npm 命令安装 Hexo 环境

1
npm install hexo-cli -g

Hexo 初始化博客

使用命令行 cd 到你想存放博客源码的一个目录使用命令建立基础 Hexo 框架 (myBlog是你的博客名称) 此时会建立一个博客文件夹

1
hexo init myBlog

Hexo 安装博客依赖

cd 进刚创建的博客文件夹使用命令安装依赖模块

1
npm install

在本地运行Hexo博客

默认会在 localhost:4000 下运行。

1
hexo server

生成静态文件

如果需要部署在 GitHub 或 Gitee 、服务器上。可以生成静态文件。生成的静态文件在博客工程的 public 文件夹下。

1
hexo g

清除静态文件

因为 hexo 是纯静态的,如果在大更新博客之后可以使用命令清楚静态文件再重新生成

1
hexo clean

主题

我使用的是 Live My Life 主题,如果想了解更多关于该主题的内容可以前往作者 https://v-vincen.life/2020/04/17/Hexo-Theme-LiveMyLife/ 了解

GitHub :https://github.com/V-Vincen/hexo-theme-livemylife

Gitee :https://gitee.com/V_Vincen/hexo-theme-livemylife

插件

  • valine (评论系统)
  • hexo-steam-games (steam游戏)
  • hexo-douban (豆瓣/书记/电影)
  • hexo-lazyload-image(图片懒加载)