摘要
基本流程,只做第一个博客,需要准备的材料有以下:
1.工具软件
1.0 Git软件
1 | 代码存储,博客文章存储,博客主题下载,Github Pages能力等 |
1.1 nodejs
1 | Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 |
1.2 npm
1 | npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways. |
1.3 hexo
1 | A fast, simple & powerful blog framework |
1 | Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。 |
部署Hexo Blog示例:
hexo 使用deploy命令就可以一键把pulic文件夹的静态页面文件提交到远程Github仓库里
在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,例如:
1 | deploy: |
1.4 nvm
2.基本技能:
2.1 MarkDown
1 | **Markdown**是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。 |
2.2 github页面支持
1 | 配置[Github Pages](https://pages.github.com/) |
2.3 创建本地hexo目录
1 | hexo init hexo目录名字 |
2.4 下载主题
1 | cd hexo目录 |
3.博文管理
所有命令,均在hexo的根目录下。
3.0 配置博客
_config.yml文件,这个文件就是整个博客的配置文件,你可以修改里面的参数来对你的博客进行个性化的设置,比如设置博客的名称、主题什么的。我现在将主题修改成刚才下载的主题的名字maupassant,然后使用下面的命令预览一下新的主题。
3.1 新建博文
1 | hexo new "博文名字" |
3.2 预览博文
1 | hexo server --watch |
3.3 生成博文静态页面
1 | hexo generate |
3.4 部署到Github Pages【1.4+2.2+3.0】
1 | -- 安装 npm install hexo-deployer-git --save |
4.hexo的目录展示
1 | _config.yml 全局配置文件。要注意的是,该文件格式要求极为严格,缺少一个空格都会导致运行错误。小提示:不要用Tab缩进,两个空格符, 冒号:后面只用一个空格即可 。 |