Hexo博客开源框架的使用

Hexo介绍

Hexo是一款基于Node.js的开源博客框架。你可以用MarkDown(或者其他标记语言)来书写自己的博客,然后通过Hexo快速生成静态的博客站点,还可将其托管到GitHub上,使用起来十分方便。当然,Hexo也允许你应用许多漂亮的主题来装饰自己的站点,你可以通过Hexo主题市场来获取你感兴趣的主题。

Hexo博客站点搭建

环境准备

需要先安装配置以下两个环境,如已安装请忽略此步

这里建议均安装最新版本,因为Hexo是在不断更新的,需要依赖最新的环境。
安装完后注意检查环境变量的配置,在CMD中通过以下命令来检查是否配置成功:
node -v 
npm -v
git --version

安装Hexo

当以上环境都安装好后,就可以利用npm来安装Hexo了。新建一个文件夹,进入该文件夹然后右键Git Bash Here,在命令窗口输入以下命令安装Hexo:

npm install -g hexo-cli

接着输入初始化Hexo命令,该命令会在该文件夹下新生成一个blog文件夹,放置Hexo主要的工作文件:

hexo init blog

进入blog文件夹,安装Hexo依赖的插件:

cd blog
npm install

此时该文件夹的目录结构变为:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

启动Hexo站点:

hexo server

http://localhost:4000/中查看Hexo生成的默认站点,Hexo安装就大功告成了。

配置Hexo

这里介绍一些比较重要的配置
打开blog文件夹下的_config.yml文件,可对Hexo站点进行一些基本的配置

在这里插入图片描述
title:站点显示名称
description:站点描述
author:作者
在这里插入图片描述
post_asset_folder:站点部署的时候允许上传资源文件夹(如果要上传图片则设为true)在这里插入图片描述
theme:设置主题的名称
在这里插入图片描述

deploy:远程部署站点的相关设置

Hexo基本操作

初始化站点

hexo init [folder]

folder为你指定的文件夹名称,没有则自动创建
新建文章

hexo new [layout] <title>

如果没有指定layout,则会使用_config.yml中定义的默认layout;title为生成的.md文件兼文章的标题,文章标题也可到具体的文件中去修改,生成的文件位于/source/_posts/目录下

清理缓存和生成的文件

hexo clean

清理缓存文件(db.json)和生成的文件(public)

生成网站的静态文件

hexo generate 或 hexo g

启动一个本地站点

hexo server 或 hexo s

默认地址为http://localhost:4000/,一般用于调试和查看效果
部署站点

hexo deploy

需配合_config.yml中配置的deploy使用,将自己的本地站点文件部署到远程服务器或仓库。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值