hexo

Posted on

hexo的简单使用

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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
我只会简单的使用，毕竟英语不好也是个大问题，所以不要嫌弃它哦！

搭建Hexo

首先就是搭建Hexo

由于网上教程很多所以我就不讲啦，直接给个链接就OK啦

www.jianshu.com/p/06c0fb6f8b4d

搭建完成以后，就是开始编写啦，编写也有一些工具，这里我用的是MacDown，就是下面那个

MacDown logo

编辑文章

下面就讲编辑文章的故事

文章题目的写法（文章题目会变成网站的一个目录列表，最好好好取名方便阅读）

(3个-)
title: 你的文章题目
(3个-)

文章目录-这里的目录自己生成你只要编辑你目录的内容就可以了（这里是每篇文章的目录，相当于文章的结构块）


(3个#) 你的目录1
内容1

(3个#) 你的目录2
内容2

(3个#) 你的目录3
内容3

你的目录1
内容1

你的目录2
内容2

你的目录3
内容3

需要注意的是 (3个#) 和 你的目录1 中间要空格，否则页面输出
(3个#)你的目录1

注：title是标题，(3个#) 是二级标题，(4个#) 三级标题 

(1个*)相当于强调(注：多少*开头就多少*结尾)，效果如下

(1个*)我是谁(1个*)
我是谁

(2个*)我是谁(2个*)
我是谁

(3个*)我是谁(3个*)
我是谁

这里需要注意的是，在编辑的时候直接输*号，在页面里是看不见的，解决办法就是

\*
输出*

超链接的加入

<你的链接地址>
如

<http://www.jianshu.com/p/06c0fb6f8b4d>

代码框

（3个`）+html
<html>
    <head></head>
    <body></body>
</html>
（3个`）+
输出

<html>
	<head></head>
	<body></body>
</html>
（3个`）+css
.a{
    width:100px;
}
（3个`）
输出

.a{
	width:100px;
}
（3个`）+js
window.onload = function(){
}
（3个`）
输出

window.onload = function (){	
}
文本框
（3个`）
文本框
（3个`）
输出

文本框

注：当该行存在一个文本缩进时，同样有文本框的效果

页面风格的改变

首先先找到一个你喜欢的样式风格

推荐看这个：https://www.zhihu.com/question/24422335

找到喜欢的样式风格，先要克隆到你的目录中，样式的存放一般在你的hexo文件夹里的themes，所以我们只需找你的hexo文件夹就可以克隆进去

打开终端，进入你的hexo文件夹

终端输入 cd 你的hexo文件夹存放目录 ,然后回车(Enter)

例（我的hexo文件夹命名为hexo，放在桌面）

$ cd desktop/hexo

进入目录以后就克隆

终端输入 git clone <你的库> themes/<样式名> ,然后回车(Enter)

如下（这里我使用的是网上别人的库，你也可以参考使用）

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

$ cd themes/next

$ git pull

注：
https://github.com/iissnan/hexo-theme-next--next的库
next–样式名

编译

文档编辑完成后，就是编译啦~

编译还是在终端，还是在你的hexo文件夹目录下编译

$ hexo g

编译完成

如果想要根据IP打开页面，则需要打开服务器，hexo自带有在终端输入

$hexo s

即可

还有一种就是上传到github（github是什么就自己扒，我就不讲了）
上传到github只需上传你的hexo文件夹里的public文件夹下所有的文件就可以了，每一次更新就上传替换一次，这样简单的个人博客就完成啦！
鼓掌！！！！