利用hexo构建个人博客

hexo构建个人博客

hexo是什么

Hexo 是一个快速、简洁且高效的博客框架。

Hexo 是基于Node.js的一个静态博客框架，使用 Markdown（或其他渲染引擎）解析文章。

在几秒内，即可利用靓丽的主题生成静态网页。

欢迎访问老李的博客：HEI_LAIOLI

前期准备

1. 安装Node.js

   (版本需不低于10.13，建议使用Node.js 12.0及以上版本)

2. 安装git bash工具

如果以前没装过，点击蓝色链接进入官网下载，然后直接next下去就好。

已经安装过Node.js和Git的，可以直接跳过上两步。

1. 安装hexo

   • 先新建一个存放hexo文件的文件夹(以下称blog文件夹)，位置随意，想必不会有人放进系统盘。

   • 在 blog文件夹内 右击空白处，点击弹出菜单的git bash here

     

   • 在界面中输入以下命令，使用npm安装Hexo

     npm install -g hexo-cli

   • 输入hexo -v 查看版本号

     

Hexo建站

1. 初始化hexo

   • 在blog文件夹内，右击 git bash here 打开的命令框中输入 hexo init

   • 初始化可能会花费一些时间，稍安勿躁，暂时别离开，应该不够你泡杯茶。

     

   • 命令执行后的blog根目录，会发现多出很多文件，暂时不管他。

     

     • node_modules：hexo的插件目录，作用是利用此目录的插件生成对应功能的静态HTML等代码。

     • scaffolds：模板文件夹。新建文章时，Hexo会根据scaffolds里的模板文件来新建文章。

     • source：存放用户资源，文章图片之类。该文件夹内除 _posts 文件夹之外，其他开头为 _ 的文件/文件夹将被忽略。

     • themes：主题文件夹，hexo会根据主题来生成静态页面，这个我们后面会用到。

     • _config.yml：配置文件，在这里可以配置hexo的大部分参数。

2. 查看hexo

   • 到这里基本就算完成了，可以输入 hexo server 或偷懒直接输 hexo s 启动服务

     

   • 打开浏览器，输入localhost:4000 就可以看到博客的页面了。

     默认是这个样式：

     

     

   • Ctrl + C 关闭服务器

     下次开启还是 blog 文件夹 => 右键菜单 => git bash here => hexo s

Hexo主题

1. hexo有个官方的样式网站 themes

   

2. 选择自己喜欢的主题

   • 点击图片可以查看主题，点击标题进入GitHub仓库