hexo学习(一)

点点圈 提交于 2020-03-05 08:21:54

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了

进入官方网站,选择箭头所指的长期且稳定的版本进行下载。
nodejs
安装目录最好不要选择C盘,安装过程一直next就行。

02.安装Git

进入官方网站,选择对应版本进行下载。
Git
安装也是一直下一步,安装路径最好不要选择C盘。
在开始菜单可以找到git相关组件。
Git

tips:之后我们都用Git Bash来打开终端进行操作。

03.安装hexo

在桌面新建一个MyBlog文件夹
进入文件夹,空白处点击鼠标右键,点击Git Bash进入终端。
先检查node和npm是否安装成功,如下图:
hexo

网上很多教程提到需要安装cnpm提高速度,我的电脑试了一下用cnpm下载会报错,所以我们跳过这一步,不使用淘宝镜像,直接用npm下载hexo。

在终端中输入npm install -g hexo-cli
hexo
再输入hexo -v检验是否安装成功。
最后我们建立整个项目
终端中输入hexo init
结果如下:hexo
hexo
可以看到在MyBlog中生成了很多文件,其中source文件夹将用来存放博客文件,_config.iml将用来进行相关配置。

04.运行测试

hexo经常用到的四个命令:

1. hexo clean #用来清理缓存文件
2. hexo g      #生成文件
3. hexo  s     #运行本地服务器
4. hexo  d   #上传到服务器  

最后一步,我们在终端中输入hexo s,结果如下:
hexo
打开浏览器,输入localhost:4000,hexo的初步搭建就已经完成了。
hexo

tips:切记不要在终端中选中localhost:4000再按ctrl+v,不然会停止。

05.初始化博客

在终端中输入hexo n "hexo学习(一)",即可自定义一篇自己的博客。
blog
blog
可以看到在source_posts目录下生成了对应的.md文件,使用markdown即可编写自己的博客,同理最后在终端输入hexo s即可在localhost:4000看到自己的博客。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!