title: hexo学习(一)
date: 2019-09-18 17:21:53
tags:
- Node.js
- Git
- Hexo
categories: 博客
本文章将介绍hexo环境搭建以及如何初始化一篇博客。
基于B站视频,感谢UP主Neko提供的教程!
什么是Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
01.安装Node.js
Hexo需用通过npm安装,而npm需要node,现在只要安装node 就自带 npm了
进入官方网站,选择箭头所指的长期且稳定的版本进行下载。
安装目录最好不要选择C盘,安装过程一直next就行。
02.安装Git
进入官方网站,选择对应版本进行下载。
安装也是一直下一步,安装路径最好不要选择C盘。
在开始菜单可以找到git相关组件。
tips:之后我们都用Git Bash来打开终端进行操作。
03.安装hexo
在桌面新建一个MyBlog文件夹
进入文件夹,空白处点击鼠标右键,点击Git Bash进入终端。
先检查node和npm是否安装成功,如下图:
网上很多教程提到需要安装cnpm提高速度,我的电脑试了一下用cnpm下载会报错,所以我们跳过这一步,不使用淘宝镜像,直接用npm下载hexo。
在终端中输入npm install -g hexo-cli
再输入hexo -v
检验是否安装成功。
最后我们建立整个项目
终端中输入hexo init
结果如下:
可以看到在MyBlog中生成了很多文件,其中source文件夹将用来存放博客文件,_config.iml将用来进行相关配置。
04.运行测试
hexo经常用到的四个命令:
1. hexo clean #用来清理缓存文件
2. hexo g #生成文件
3. hexo s #运行本地服务器
4. hexo d #上传到服务器
最后一步,我们在终端中输入hexo s
,结果如下:
打开浏览器,输入localhost:4000
,hexo的初步搭建就已经完成了。
tips:切记不要在终端中选中
localhost:4000
再按ctrl+v,不然会停止。
05.初始化博客
在终端中输入hexo n "hexo学习(一)"
,即可自定义一篇自己的博客。
可以看到在source_posts目录下生成了对应的.md文件,使用markdown即可编写自己的博客,同理最后在终端输入hexo s
即可在localhost:4000
看到自己的博客。
来源:CSDN
作者:什么值得,什么难舍
链接:https://blog.csdn.net/qq_43605986/article/details/104627789