longxdragon's blog

Hexo+GitHub创建博客及使用技巧

发表于

上一篇我已经介绍了利用Hexo+GitHub创建博客前期的环境配置工作，这里我主要介绍如何写一片博客，并同步到GitHub上。

1、创建博客

1
$ hexo new "博客名"

此时你就会在source/_posts/目录下发现，多了一个博客名.md的文件，这就是你编辑博客内容的原始文件了。

2、编写博客
用文本编辑器格式打开.md文件后你会发现是这样的：

1
2
3
title: Hexo+GitHub创建博客及使用技巧
date: 2015-03-07 11:24:18
tags: 懒人集           # 自定义tag

编写.md文件的语言是Markdown，方便、快捷的博客编辑语言。你可以直接在文档编辑器里面编写，但成本也是蛮高的；所以我比较推荐另外一种编辑方法，利用在线编辑器，更直观！

3、生成博客网页版

1
$ hexo g   # hexo generate 的缩写

在终端执行此指令后，会在public/目录下创建对应时间的文件夹，并在其子目录下创建博客名.index的静态网页文件。

当然，你也可以启动本地服务，在本地进行预览>http://localhost:4000/

1
$ hexo s   # hexo server 的缩写

4、提交到GitHub上

1
$ hexo deploy

下面主要介绍一些使用技巧：

1、修改icon：
找到themes/yilia/layout/_partial/目录下的head.ejs文件，打开找到

1
<link rel="icon" type="image/x-icon" href="<%- config.root %>favicon.ico">

这句话，favicon.ico即为你的头像文件，对应的目录在sourcede根目录下。

2、其他属性设置，可以在_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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site
title: longxdragon          # 网站的标题
subtitle: Nothing is impossible     # 网站的副标题
description: Noting is impossible       # 网站的描述
author: Dragon XL       # 作者名
email: longxdragon@163.com      # 邮箱
language: zh-CN     # 语言
# URL    # 此域名设置对应着你本地的文件结构，可根据你本地的文件目录修改
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com        # 域名
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 # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
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，文章在首页显示时，就不会全部显示
## 2: Enable pagination
## 1: Disable pagination
## 0: Fully Disable
archive: 2
category: 2
tag: 2
# Server   ＃ 本地服务的地址
## Hexo uses Connect as a server
## You can customize the logger format as defined in
## http://www.senchalabs.org/connect/logger.html
port: 4000
server_ip: localhost
logger: false
logger_format: dev
# 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: 10
pagination_dir: page
# Disqus
disqus_shortname:
# Extensions    ＃ 主题设置，如果更换主题，需要在此处修改
## Plugins: https://github.com/hexojs/hexo/wiki/Plugins
## Themes: https://github.com/hexojs/hexo/wiki/Themes
theme: yilia
exclude_generator:
# Deployment    ＃ 站点设置，执行hexo deploy，就会把内容提交到此站点，即我们的github上的repo上
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: github
  repo: git@github.com:longxdragon/longxdragon.github.io.git
  branch: master

关于Hexo+GitHub的介绍就到此为止了，感觉动手去创建属于自己的博客世界吧！