hexo小白搭建

Hexo小白

hexo 是一个快速、简介、高效的博客框架，支持Markdown，拥有丰富的插件系统，常与GitHub等代码托管平台一起搭建个人博客网站。

安装及使用

---

安装前：

需安装好Git、Node.js(6.9以上)
Git（https://git-scm.com/downloads）
Node.js（https://nodejs.org/en/download/）

一、安装

会在npm中创建好hexo-cli

$ npm install hexo-cli -g//安装hexo

建站

1.在Git下运行,建博客

$ cd <项目文件夹>//先进入到你要建项目的文件夹
$ hexo init <目录名>//初始化博客项目
$ cd <目录名>//进入博客
$ npm install//安装依赖

2.或在 https://github.com/hexojs/hexo-starter 中下载压缩包,解压到<项目文件夹下>
建好后的目录如下:

文件夹用途:

|-- demo//项目跟目录名
    |-- .gitignore//git时忽略的文件或目录
    |-- package-lock.json
    |-- package.json//应用程序的信息
    |-- _config.yml//网站的配置信息
    |-- scaffolds//模板文件夹，Hexo的模板是指在新建的markdown文件中默认填充的内容。
    |   |-- draft.md
    |   |-- page.md
    |   |-- post.md//博文模板
    |-- source//资源文件夹，存放用户资源
    |   |-- _posts//博文目录
    |       |-- hello-world.md//博文
    |-- themes//主题文件夹，Hexo 会根据主题来生成静态页面
        |-- landscape.//默认主题
            ...

运行

$ hexo server//运行本地服务

会在浏览器中打开http://localhost:4000

小站就建起来了.

二、使用

1.新建博文

hexo new <博文name>//有逗号必须使用引号括起来

在source/_posts/下生成文件name.md

这里使用—分割的区域叫做“Front-matter”，用于指定这篇博文的变量,可在它下面编辑内容

此时如果运行了hexo server,刷新浏览器时可看到新建的博文：

2. 生成静态文件

hexo generate//简写hexo g 
hexo g -d//文件生成后立即部署网站
hexo g -w//监视文件变动

3.发表草稿

hexo publish <name>

4.写法
斜体和粗体

*这是斜体* 或 _这也是斜体_ 
**这是粗体**
***这是加粗斜体***
~~这是删除线~~

分级标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

超链接

行内形式：[我的博客](http://yoursite.com/)
参考形式：[我的博客][1]，有一个很好的平台-[简书][2]
自动链接：我的博客地址<http://yoursite.com>

列表
无序列表:

* 无序列表项1
+ 无序列表项2
- 无序列表项3

有序列表:

1.有序列表项1
2.有序列表项2
3.有序列表项3

插入图片
在中Hexo插入图片，首先需要将图片放在 source/images/ 文件夹下，然后如下方式进行插入：

![](/images/insert_image.jpg) //或
{%asset_img example.jpg examplename}

表格

| 表头1|表头2|表头3|表头4
|-| :- | :-: | -: |
|默认左对齐|左对齐|居中对其|右对齐|
|默认左对齐|左对齐|居中对其|右对齐|
|默认左对齐|左对齐|居中对其|右对齐|

4.修改样式
更改背景
找到博客目录下\themes\landscape\source\css\，加上以下代码：

 body {
    background-image:url(/images/background.png);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
	background-size: 100% 100%;
    }