简介
Hexo 是一个高效简洁的静态博客框架,支持 Markdown 写作语法,插件丰富,主题优雅,部署方便。目前已成为多数人博客建站的选择。
官网:Hexo
安装 Hexo
安装Node和npm:
Node.js
是一个基于Chrome V8
引擎的JavaScript
运行环境,了解更多这里
npm是Node的包管理器
Node官网下载地址:Download | Node.js
根据系统下载相应的安装包进行安装
Node.js会包含node.js和npm两部分,安装node所需的npm会随node一同安装
安装好了之后在命令行中运行相关的命令查看版本信息确认环境变量也配置好了
npm --version
node --version
运行npm命令安装Hexo
npm install -g hexo-cli #推荐新手
or
npm install -g hexo
运行hexo命令
Hexo就成功安装了
初始化Hexo
在命令行中操作
hexo help #查看帮助信息
hexo init blog #创建一个新的名为blog的文件夹
执行 hexo init
过程中自动安装好了项目依赖,执行完成后会在blog文件夹下生成以下文件结构:
. ├── node_modules //依赖安装目录 ├── scaffolds //模板文件夹,新建的文章将会从此目录下的文件中继承格式 | ├── draft.md //草稿模板 | ├── page.md //页面模板 | └── post.md //文章模板 ├── source //资源文件夹,用于放置图片、数据、文章等资源 | └── _posts //文章目录 ├── themes //主题文件夹 | └── landscape //默认主题 ├── .gitignore //指定不纳入git版本控制的文件 ├── _config.yml //站点配置文件 ├── db.json ├── package.json └── package-lock.json
生成静态文件运行Hexo服务
生成静态文件 (hexo 后的指令可以只使用第一个字母代替)
hexo generate #生成静态文件
or
hexo g
生成静态页面文件到public目录
运行hexo服务
hexo server #启动hexo服务
or
hexo s
然后访问4000端口即可看到搭建成功
也可以加上--debug
参数,如果运行中出错可以看到相关的错误信息
hexo s --debug
默认监听 4000 端口,可以使用 -p 参数指定端口
例如:
hexo s -p 8000 #在8000端口启动hexo服务
页面是hexo给的默认配置,可以自己进行修改;往里面增加一些文章,以及接入评论系统,统计文章阅读量,代码高亮,图床等功能。
路径在 ‘source\_posts\’ 文件夹下 ,md文档
Hexo常用命令
hexo generate # 生成静态页面至public目录
hexo server # 启动服务器(默认端口4000,'ctrl+c'关闭server)
hexo deploy # 项目部署
hexo help # 查看帮助
hexo new "Name" #新建文章
hexo new page "Name" # 新建页面
hexo version # 查看Hexo的版本
hexo clean # 清除Hexo的缓存
新建测试文章
hexo new test
这是 post 模板自动生成的 YAML 文件头,title 是这篇 post 的标题,date 是创建的日期, tags标签
添加一下信息进去
运行命令
hexo clean #
清除缓存
hexo g #重新生成静态文件
运行服务
hexo s
访问4000端口查看
'hexo g
' 该命令用来生成静态页面文件到public目录,Hexo会将source文件夹中除posts文件夹之外和以下划线'_
'开头命名的文件或文件夹及隐藏的文件将会被忽略。Markdown文件 和 HTML 文件会被解析并放到 public 文件夹,其他文件夹也会被拷贝过去。
声明
提供的技术仅供学习参考测试,利用本文提供的信息造成的直接或间接损失由使用者自行承担。
结语
不开心的时候就去跑个几千米,去疯狂的背单词,去刷各种题,去看几遍地理地图,慢慢的就冷静下来了, 总之记住一句话,即使难过到了极点,也别去做傻事。