万物之始

创建属于自己的博客,基于hexo,部署在Github pages空间,加上自己的个性域名,一个属于自己的博客。

用到的工具和一些平台:

核心:Hexo,一个简单地、轻量地、静态博客框架

基础:hexo基于Nodejs

空间:Github(存放博客)

花生壳:购买自己的域名(可选)

七牛:博客的图片、文件等存放

一、配置Github

Github作为空间服务器。一开始想用自己的笔记本作为服务器,这样不是更简单嘛?

但是如果使用自己的电脑作为网站服务器,必须24小时开机并开启域名服务别人才可以正常的访问你的主页,而且解析速度并不一定很快,自己的电脑做为服务器也不是十分安全。
再者Github提供免费的的300M空间,做为个人博客来使用是绰绰有余的,一些其他的文件可以挂在七牛云存储上。

详见另一篇博客:Github配置

二、安装nodejs

十分简单,点击链接https://nodejs.org/en/访问nodejs官网,或复制链接到浏览器访问。

  • 下载的是.msi安装文件。直接双击打开即可安装,由于系统是win10,在安装时报了一个错误!

  • 这是由于权限不够,不是安装包的问题。使用管理员权限安装即可。安装过程十分简单不再赘述。

三、安装hexo

1.安装

在命令提示符(CMD)中输入命令:

1
2
npm install hexo -g  
npm install hexo-deployer-git  --save

等待即可完成安装。

2.初始化

在电脑中新建一个文件夹用来存放博客,例如blog。cd进入blog文件夹,执行hexo init

3.常用hexo命令

1
2
3
4
5
6
7
hexo new "test" #生成名为test的一篇博客(注意引号为英文的)

hexo g # generate 生成博客 就像编译

hexo s #server 启动hexo服务,访问 http://localhost:4000 即可看到博客效果

hexo d #deploy 部署博客 即将博客上传至网络空间

4.更换和安装Next主题

关于next主题在线预览 Preview
导入next主题:(在hexo初始化目录下右键Git Bash Here)
git clone https://github.com/iissnan/hexo-theme-next themes/next
其他更多主题 https://github.com/hexojs/hexo/wiki/Themes,导入方法都是相同的
主题的安装详见: http://theme-next.iissnan.com/getting-started.html

5.认识hexo配置文件 /_config.yml

该文件在 hexo init 的目录下,可用写字板打开查看编辑。

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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
# Hexo Configuration

## Docs: http://hexo.io/docs/configuration.html

## Source: https://github.com/hexojs/hexo/

# Site // 站点相关配置

title: Hexo // 网站名称

subtitle: // 小标题

description: // 站点描述

author: John Doe // 站点作者

email:

language:

# 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: 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 // 本地端口、ip等设置(不用改)

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: landscape

exclude_generator:

# Deployment

## Docs: http://hexo.io/docs/deployment.html

deploy: // 博客部署设置

type:

6.部署设置

打开hexo 初始化的目录,找到_config.yml,使用写字板打开,最下方找到

1
2
deploy:
type:

改成如下

1
2
3
4
5

deploy:
type: git
repo: https://github.com/your_user_name/your_user_name.github.io.git
branch: master
  • 注意将repo中的your_user_name 替换成你的github用户名

  • 此时已完成博客搭建工作,在hexo 初始化目录下右键打开Git Bash,输入
    hexo g,然后hexo d,在浏览器打开your_user_name.github.io即可看到你的博客。

四、购买自己的个性域名

购买个性域名可以方便自己使用,即将your_user_name.github.io和你的个性域名绑定在一起,访问your_user_name.github.io相当于访问你的域名。这样更酷嘛。

因为我是在花生壳买的域名所以说这个,大家可以在其他的平台购买都是一样的。

输入自己想要的域名查询是否被注册,然后购买,一年大概是50-70RMB左右的价格,各平台价格不一,根据域名等级类型不同也不同。然后在域名解析中设置A记录。

记录值填的是github提供的IP:192.30.252.153 & 192.30.252.154

在hexo init(hexo 初始化)的目录下新建CNAME文件,里面写上购买的域名,如:lovexing.cn将github主页与自己的域名绑定在一起。

再次分别执行 hexo ghexo d,访问你的域名,即可看到自己的博客。

五、博客使用

详见:“博客使用”

坚持原创技术分享,您的支持将鼓励我继续创作!