1、安装Hexo

Hexo就是我们的个人博客网站的框架, 这里需要自己在电脑常里创建一个文件夹,可以命名为MyBlog,Hexo框架与以后你自己发布的网页都在这个文件夹中。

这里以在D:/Code/MyBlog目录下安装Hexo为例,首先在命令行中进入目录:

d: & cd D:/Code/MyBlog

使用npm命令安装Hexo,输入:

npm install -g hexo-cli 

安装完成后,初始化我们的博客,输入:

hexo init 

初始化完成后,目录结构如下:

_config.yml
用来配置博客相关的参数,初始化时自动创建。具体参数设置,可参照 Hexo配置 文档。

2、启动Hexo

输入hexo s启动Hexo服务:

hexo s

根据启动提示,在浏览器中输入 http://localhost:4000 即可访问博客。

hexo命令详解:

hexo n "我的博客" == hexo new "我的博客" #新建一篇文章
hexo g == hexo generate #生成html
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署

hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP,一般用不到
hexo clean #清除缓存,若是网页正常情况下可以忽略这条命令

3、编辑并发布第一篇文章

根据上文,新建博客命令为 hexo n, 新建一篇名为 HelloWorld!的博客:

hexo n "HelloWorld!"

命令行中会提示:

D:\Code\MyBlog>hexo n "HelloWorld!"
INFO Validating config
INFO Created: D:\Code\MyBlog\source\_posts\HelloWorld.md

我们会看到Hexo会在 \source_posts\ 目录下新建一个HelloWorld.md 文件,md文件也就是 Markdown 文件,它会被编译成 html 文件,放到 public 文件夹下。

md同样也支持中文命名,文件名也就是博客的标题,如下:

D:\Code\MyBlog>hexo n "第一篇博客"
INFO Validating config
INFO Created: D:\Code\MyBlog\source\_posts\第一篇博客.md

编辑完博客后,即可执行hexo g命令生成html文件

然后再启动Hexo服务即可。
hexo s
再次在浏览器中访问博客页面,新建的博客已经出现在首页博客列表中。

至此,Hexo的安装和初步使用已完成。