不會用git也沒關係，使用七牛云+hexo

2017-07-25

利用七牛云提供的免费空间部署 hexo 博客。

因为很多同学不会用github来着，所以就用国内的空间提供商七牛来搭建hexo博客
———部分内容转载于实验楼
一点自己的体会理解

hexo

hexo 是一个快速、简洁且高效的博客框架。hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

静态内容本身由一些文件组成，并不需要动态的读写数据库。因此将它存储在云端，是非常好的选择。

七牛云

七牛云存储提供免费的存储空间 10GB，每月下载流量 10GB，每月 PUT/DELETE 10 万次请求，每月 GET 100 万次请求。

另外，七牛在国内以及海外有多个 CDN，将博客部署到七牛的好处是显而易见的。由于国内环境，七牛自定义域名需要已备案域名才能使用。现在七牛的空间已经取消了二级域名，给出的是五级域名。如果你有已备案域名，那么部署到七牛是个极好的选择，或者你不介意五级域名的话也可以。

知识点

node.js 的编译安装
hexo 的配置
markdown 语法

环境要求

可以翻翻以前博客，有提到过的 node.js的安装 hexo的安装

再有就是qrbox的安装

七牛云账户：需要在个人中心获取 `AccessKey` 和 `SecretKey`。

备案过的域名（可选）

七牛云平台余额有10元（可选）

安装操作（就复杂点的吧）

创建一个blog文件夹用来放置 hexo

在blog里面启用gitbash(上一篇环境搭建里面说过关于git的安装和使用)

3.2 下载node.js

直接从官网下载 node.js:node下载安装好之后检查
键盘上操作win+R输入cmd，在控制台模式下输入node -v查看版本号

安装 `hexo`

在blog目录下鼠标右键进入git bash命令行模式输入

1	sudo npm install -g hexo-cli

如果网络不好的话，可能要等待很久。
执行命令初始化 hexo 博客

1	$ hexo init

安装一下 npm 依赖

1	$ sudo npm install

生成静态文件

$ hexo g

本地预览

$ hexo s

然后就可以在本地的浏览器地址栏输入 localhost:4000 来查看啦啦啦啦啦

使用七牛云平台

在七牛云官网（http://www.qiniu.com/）注册一个账户。

然后在个人中心，创建一个空间用于存放 hexo 博客的静态文件。

然后在个人面板->密钥管理，获取AccessKey 和 SecretKey。

安装`qrsbox`

从七牛官方下载 qrsbox 软件：http://developer.qiniu.com/code/v6/tool/qrsbox.html。

配置 qrsbox:

下载 qrsbox 命令行工具后，对获得的可执行 .bin 文件重命名为 qrsboxcli：

之后在该目录下右键打开 gitbash 终端，执行以下命令进行初始化：

1	$ ./qrsboxcli init <AccessKey> <SecretKey> <SyncDir> <Bucket> [<KeyPrefix>]

此时如果 qrsboxcli 无法执行，可以使用 $ sudo chmod +x qrsboxcli 命令，赋予执行权限。

参数名称说明

SyncDir 本地的同步目录，该目录下的文件会随时同步上传至七牛云存储

Bucket 保存同步文件的资源空间名

KeyPrefix 文件前缀，可选。如果设置了该参数，那么上传的文件名前都会加上前缀。这个前缀主要用于在空间

中区分不同上传来源的文件

例如，此时的本地同步目录就是之前我们创建的 /blog/public/。
最后，用户可以使用以下命令开始文件同步：

1	$ ./qrsboxcli sync &

这里使用了 & 符号，让同步客户端进程运行在后台。如果退出终端后程序中断，请使用以下命令代替：

1	$ nohup ./qrsboxcli sync >/dev/null 2>&1 &

用户可以通过以下命令查看同步过程：

1	$ ./qrsboxcli log

如果需要停止后台运行的 qrsboxcli，可以使用如下命令：

1	$ ./qrsboxcli stop

如果希望改变同步目录、bucket 等运行参数，需要先用 stop 命令停止 qrsboxcli 的后台程序，重新用新的参数运行初始化命令，然后再次启动同步程序，qrsboxcli 会立刻按新的配置将新目录的文件同步至七牛云存储。
注意：一定要记得在七牛云->个人中心->空间设置里面把默认首页设置开启：

配置 `hexo`

hexo 目录

├── _config.yml   //网站的 配置 信息，您可以在此配置大部分的参数。
|—— public       //生成的静态文件
├── package.json
├── scaffolds    //模版 文件夹。当您新建文章时，hexo 会根据 scaffold 来建立文件。
├── source       //资源文件夹是存放用户资源的地方。
|   ├── _drafts
|   └── _posts
└── themes       //主题 文件夹，hexo 会根据主题来生成静态页面

编辑 _config.yml:

# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site 
title: HEXO #站点名，站点左上角
subtitle: 一个博客。 #副标题，站点左上角
description: hexo #给搜索引擎看的，对站点的描述，可以自定义
author: shiyanlolu #默认在站点左下角可以看到
email: shiyanlou@qq.com #邮箱
language: zh-Hans #语言包设置。

# URL #访问地址等信息设置，可根据需要自己修改。
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http:/shiyanlou.com #访问域名，可以修改为你的七牛云空间域名
root: /
permalink: :year/:month/:day/:title/ #具体内容页的存储路径结构
tag_dir: tags #标签目录名
archive_dir: archives #归档目录名
category_dir: categories #分类目录名
# Directory #默认文章和生成目录设置
source_dir: source
public_dir: public
# Writing 文章布局、写作格式的定义
new_post_name: :title.md # File name of new posts
default_layout: post
auto_spacing: false # Add spaces between asian characters and western characters
titlecase: false # Transform title into titlecase
max_open_file: 100
filename_case: 0
highlight:
  enable: true
  backtick_code_block: true
  line_number: true
  tab_replace:
# Category & Tag 分类和标签设置
default_category: uncategorized
category_map:
tag_map:
# Date / Time format 日期格式
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: MMM D YYYY
time_format: H:mm:ss
# Pagination 每页显示文章数，可以自定义
## Set per_page to 0 to disable pagination
per_page: 5
pagination_dir: page

# Extensions 这里配置站点所用主题和插件
## Plugins: https://github.com/hexojs/hexo/wiki/Plugins
## Themes: https://github.com/hexojs/hexo/wiki/Themes
theme: landscape

命令

1
2
3

hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate  #生成博客
hexo s == hexo server    #启动服务预览

执行 hexo n "blog name" 命令创建一篇文章后，使用 hexo g 命令生成静态文件到 public 目录下，之前配置好的 qrsbox 会自动把新的文件上传到七牛云的空间。

Next 主题

使用 Next 主题让站点更酷炫，Next 是一款简约而不简单的 hexo 主题，功能特性多样；响应式设计，电脑手机访问体验好。

使用

1 2	$ cd shiyanlou_hexo $ git clone https://github.com/iissnan/hexo-theme-next themes/next

开启

需要修改 /shiyanlou_hexo/_config.yml 配置项 theme：

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: next

Next 官网

总结

主要是如何在七牛云上部署hexo博客，主要就是一些配置工作，可以在博客里面写写生活的感悟，也是也是不错的选择。寻找一个良好的markdown对博客的书写也是有着很大的帮助。祝大家学习生活愉快。