摘要 基本流程,只做第一个博客,需要准备的材料有以下:
1.工具软件 1.0 Git软件1
代码存储,博客文章存储,博客主题下载,Github Pages能力等
1.1 nodejs 1
2
3
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
Node.js 的包管理器 npm,是全球最大的开源库生态系统。
1.2 npm 1
2
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.
`
安转Hexo示例
1.3 hexo 1
2
A fast, simple & powerful blog framework
提供丰富界面Theme的博客文章,用户可以傻瓜式的生成博客文章。
1.4 hexo-deployer-git 1
Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。
部署Hexo Blog示例: hexo 使用deploy命令就可以一键把pulic文件夹的静态页面文件提交到远程Github仓库里 在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,例如:1
2
3
4
deploy:
type : git
repository: https://github.com/{github账户名}/{github账户名}.github.io.git
branch: master
1.4 nvm
2.基本技能: 2.1 MarkDown 1
**Markdown**是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
2.2 github页面支持1
2
3
4
5
6
7
配置[Github Pages](https://pages.github.com/)
默认博客地址:{github账户名}.github.io
```
2.3 创建本地hexo目录
``` bash
hexo init hexo目录名字
2.4 下载主题1
2
cd hexo目录
git clone https://github.com/iissnan/hexo-theme-next themes/next
3.博文管理 所有命令,均在hexo的根目录下。
3.0 配置博客 _config.yml文件,这个文件就是整个博客的配置文件,你可以修改里面的参数来对你的博客进行个性化的设置,比如设置博客的名称、主题什么的。我现在将主题修改成刚才下载的主题的名字maupassant,然后使用下面的命令预览一下新的主题。
3.1 新建博文
3.2 预览博文
3.3 生成博文静态页面
3.4 部署到Github Pages【1.4+2.2+3.0】1
2
-- 安装 npm install hexo-deployer-git --save
-- 发布 hexo d -g
1
2
3
4
5
6
7
8
9
_config.yml 全局配置文件。要注意的是,该文件格式要求极为严格,缺少一个空格都会导致运行错误。小提示:不要用Tab缩进,两个空格符, 冒号:后面只用一个空格即可 。
themes 存放主题的文件夹
source 博客文章资源文件夹
source /_drafts 草稿文件夹
source /_posts 文章文件夹