搭建个人blog

第一步:环境准备

安装git

安装Node.js

安装hexo,在任意位置点击鼠标右键，选择Git bash

1
npm install hexo-cli -g

看是否安装成功

1
hexo

Image text
出现以上内容,安装成功.

第二步:创建hexo文件夹

在磁盘下创建hexo文件夹,在hexo文件夹内右键,选择Git bash,输入指令初始化

1
hexo init

安装依赖包

1
npm install

本地查看,在浏览器输入localhost:4000

1
2
hexo generate
hexo server

第三步:配置github pages

看鸿洋大神 如何利用github打造博客专属域名

第四步:全局配置 _config.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site # 站点信息
title:  #标题
subtitle:  #副标题
description:  #站点描述，给搜索引擎看的
author:  #作者
email:  #电子邮箱
language: zh-CN #语言
# URL #链接格式
url:  #网址
root: / #根目录
permalink: :year/:month/:day/:title/ #文章的链接格式
tag_dir: tags #标签目录
archive_dir: archives #存档目录
category_dir: categories #分类目录
code_dir: downloads/code
permalink_defaults:
# Directory #目录
source_dir: source #源文件目录
public_dir: public #生成的网页文件目录
# Writing #写作
new_post_name: :title.md #新文章标题
default_layout: post #默认的模板，包括 post、page、photo、draft（文章、页面、照片、草稿）
titlecase: false #标题转换成大写
external_link: true #在新选项卡中打开连接
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
highlight: #语法高亮
  enable: true #是否启用
  line_number: true #显示行号
  tab_replace:
# Category & Tag #分类和标签
default_category: uncategorized #默认分类
category_map:
tag_map:
# Archives
2: 开启分页
1: 禁用分页
0: 全部禁用
archive: 2
category: 2
tag: 2
# Server #本地服务器
port: 4000 #端口号
server_ip: localhost #IP 地址
logger: false
logger_format: dev
# Date / Time format #日期时间格式
date_format: YYYY-MM-DD #参考http://momentjs.com/docs/#/displaying/format/
time_format: H:mm:ss
# Pagination #分页
per_page: 10 #每页文章数，设置成 0 禁用分页
pagination_dir: page
# Disqus #Disqus评论，替换为多说
disqus_shortname:
# Extensions #拓展插件
theme: landscape-plus #主题
exclude_generator:
plugins: #插件，例如生成 RSS 和站点地图的
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment #部署，将 lmintlcx 改成用户名
deploy:
  type: git
  repo: 刚刚github创库地址.git
  branch: master

虽然很多,但只修改几个地方.

###注意：每一项的填写，其:后面都要保留一个空格
修改网站相关信息

1
2
3
4
5
title: FairyTail
subtitle: To pursue the fairytail
description: start from zero
author: FairyTail
language: zh-CN

配置统一资源定位符（个人域名）,没有,直接用github地址

1
https://github.com/TWBfly

对于root（根目录）、permalink（永久链接）、permalink_defaults（默认永久链接）等其他信息保持默认。

配置部署

1
2
3
4
deploy:
  type: git
  repo: https://github.com/TWBfly/TWBfly.github.io.git
  branch: master

其中repo项是之前Github上创建好的仓库的地址.

hexo命令行使用

1
2
3
4
5
6
7
8
hexo help #查看帮助
hexo init #初始化一个目录
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成网页，可以在 public 目录查看整个网站的文件
hexo server #本地预览，'Ctrl+C'关闭
hexo deploy #部署.deploy目录
hexo clean #清除缓存，**强烈建议每次执行命令前先清理缓存，每次部署前先删除 .deploy 文件夹**

简写：

1
2
3
4
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

新建文章

1
hexo new "标题"

博客文件夹source->_post文件夹下看到我们新建的markdown文件,打开编辑完后保存.

1
hexo server

在浏览器输入localhost:4000,可以预览,成功会出现在md中写的内容,但这都是在本地.

部署步骤

每次部署的步骤，可按以下三步来进行。

1
2
3
hexo clean
hexo generate
hexo deploy

以下提示说明部署成功

1
[info] Deploy done: git