原来的 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(图片懒加载)