我的第一篇博文

摘要

基本流程,只做第一个博客,需要准备的材料有以下:

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
npm install -g hexo-cli

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 新建博文

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
2
-- 安装 npm install hexo-deployer-git --save
-- 发布 hexo d -g

4.hexo的目录展示

1
2
3
4
5
6
7
8
9
_config.yml 全局配置文件。要注意的是,该文件格式要求极为严格,缺少一个空格都会导致运行错误。小提示:不要用Tab缩进,两个空格符, 冒号:后面只用一个空格即可 。
themes 存放主题的文件夹
source 博客文章资源文件夹
source/_drafts 草稿文件夹
source/_posts 文章文件夹