Hexo的搭建使用

2017-12-26

× 文章目录

1. 一、环境搭建
2. 二、安装Hexo
3. 三、部署到github
4. 四、Hexo 基本命令
5. 五、其他(技术点)
1. 5.0.1. 5.1 小技巧
2. 5.0.2. 5.2 实现目录显示、照片、视频功能

6. 相关链接

一、环境搭建

安装 Node.js, Hexo是通过 .js 来实现的，因此必须配置 JS 环境
Git, 因为我要部署到 github ，因此 git 必不可少。(git的安装使用)
申请 github 账号并进行相关配置
二、安装Hexo

NPM ：npm是随同 NodeJS 一起安装的包管理工具，可以下载和上传程序和第三方包
1
$ npm install -g hexo

养成良好的习惯，安装过程序检查一下是否安装成功
输入命令 hexo -v
输出 hexo的版本号即为安装成功

2.初始化

hexo init

3.安装ejs,把package.json文件所定义的所有依赖项全部安装。否则无法解析模版

1	npm install

三、部署到github

1.更改 hexo 的根目录下的 _config.yml 配置

deploy:
  type: git
  repository: https://github.com/github的用户名/仓库名.github.io.git
  branch: master

2.安装 hexo 的提交代码的扩展

1	npm install hexo-deployer-git --save

3.部署,可用组合命令

1	hexo clean && hexo g && hexo d

四、Hexo 基本命令

hexo new "postName" == hexo n "name"       # 新建文章
hexo new page"pageName"                    # 新建页面
hexo generate == hexo g	                   # 生成静态页面至public目录
hexo server == hexo s                      # 开启预览访问端口
hexo deploy == hexo d                      # 将 .deploy 目录部署到 GitHub
hexo clean                                 # 清除缓存文件 (db.json) 和已生成的静态文件 (public)。

五、其他(技术点)

5.1 小技巧

让主页博文列表不显示全部内容,在合适的位置加上  即可,上下最好贴着文字，否则可能会出现不起作用的情况

一、环境搭建

二、安装Hexo

三、部署到github

四、Hexo 基本命令

五、其他(技术点)

5.1 小技巧

5.2 实现目录显示、照片、视频功能

相关链接