【网站搭建】2Hexo常用命令和初始网页目录结构

Hexo常用命令

安装和升级
npm install hexo -g #安装  
npm update hexo -g #升级  
hexo init #初始化

缩写
hexo n "文章名称" == hexo new "文章名称" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy#部署

服务器
hexo server #Hexo会监视文件变动并自动更新,无须重启服务器。
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存 网页正常情况下可以忽略此条命令
hexo g #生成静态网页
hexo d #开始部署

监视文件
hexo generate #使用 Hexo 生成静态文件快速而且简单
hexo generate --watch #监视文件变动

完成后部署
两个命令的作用是相同的
hexo generate --deploy
hexo deploy --generate == hexo d -g

本地部署后在系统盘的用户目录下生成Hexo文件,对其目录结构需要有一定的了解,在之后的Hexo配置和优化离不开里面的各种文件,因此需要对它的目录结构有一定了解:

|-- _config.yml
|-- node_modules
|-- scaffolds
|-- source
   |-- _posts
|-- public
|-- themes
|-- .gitignore
|-- db.json
|-- package.json
|-- package-lock.json

_config.yml:网站的全局配置文件,设置包括网站标题、副标题、作者、关键字和描述信息等。

node_modules:是nodejs库文件目录,也就是我们通过”npm install”命令安装的文件位置

scaffolds:本意是 “脚手架” 的意思,这里引申为模板文件夹。当你 hexo new <layout(布局)> <title> 的时候,Hexo 会根据该文件夹下的对应文件进行初始化构建。

source:正如其名,source 文件夹存储一些直接来自用户的文件,它很重要,如果不出意外你的文章就是保存在这个文件夹下(_posts)。_posts 目录下的md文件,会被编译成 html 文件,放到 public 文件夹下。

public:参考 source 文件夹,在初始化后是没有 public 文件夹的,除非 hexo g 编译生成静态文件后,public 文件夹会自动生成。使用 hexo clean 清除 db.json 和 public 文件夹下的所有文件。

themes:主题文件夹,存储主题。相关的主题可以在 Github 上免费采购。

.gitignore:.gitignore 文件作用是声明不被 git 记录的文件,hexo init <folder> 也会产生一个 .gitignore 文件,可以先删除或者直接编辑,对hexo不会有影响。

db.json:里面存放了一些由source目录下.md 的所有文件解析得到的数据

package.json:框架的基本参数信息和它所依赖的插件,在 npm 安装时使用 --save 保存进去。

package-lock.json:锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值