下载与安装git与node.js
安装hexo
以上皆可参考网站: https://blog.csdn.net/ainuser/article/details/77609180
里面都有详细的记载
说一些出现的问题
1.hexo server
在启动服务那里,一般修改主题后都要经过下列三个步骤
–>hexo clean –>hexo generate –>hexo server
而hexo server就是启动本地服务器(http://localhost:4000),点击可预览博客页面
1
2
3
4 林泽坚@DESKTOP-BP2UH3E MINGW64 /d/Hexo
$ hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
像上面这样,此时不能关闭这里,才能启动
等到调试完毕,要上传时再ctrl+c停止,然后 hexo deploy上传
2.购买域名
这里因为git有免费的域名,所以这里不用这么麻烦,自行跳过。。。。。
3、其它
紧跟网站教程就OK了
进阶–开始使用hexo
1.更改主题
1、hexo主题官网
在这里寻找喜欢的主题排版样式,复制压缩包网址,在根目录那里启动 git bash here 手动输入1
2$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
下载完毕
接着在根目录那里修改_config.yml文件1
theme: next
下面介绍一下主题yilia
将主题配置到个人博客中,在根目录的全局配置文件中修改此变量(主题项目中也有_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
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# Header,主题页面显示链接
menu:
主页: /
所有文章: /archives
# Content
# 文章太长,截断按钮文字
excerpt_link: more
# 文章卡片右下角常驻链接,不需要请设置为false
show_all_link: '展开全文'
# 数学公式
mathjax: false
# 是否在新窗口打开链接
open_in_new: false
# 打赏
# 打赏type设定:0-关闭打赏; 1-文章对应的md文件里有reward:true属性,才有打赏; 2-所有文章均有打赏
reward_type: 1
# 打赏wording
reward_wording: 老板大气,谢谢老板!
# 支付宝二维码图片地址,跟你设置头像的方式一样。比如:/assets/img/alipay.jpg
alipay: http://ou36vgj5u.bkt.clouddn.com/image/blog/alipay.JPG
# 微信二维码图片地址
weixin: http://ou36vgj5u.bkt.clouddn.com/image/blog/wechatpay.JPG
# 目录
# 目录设定:0-不显示目录; 1-文章对应的md文件里有toc:true属性,才有目录; 2-所有文章均显示目录
toc: 1
# 根据自己的习惯来设置,如果你的目录标题习惯有标号,置为true即可隐藏hexo重复的序号;否则置为false
toc_hide_index: true
# 目录为空时的提示
toc_empty_wording: '目录,不存在的…'
# 是否有快速回到顶部的按钮
top: true
# Miscellaneous,网站统计
baidu_analytics: '24451a8b853bb443019686be21dfdff4'
google_analytics: ''
favicon: http://ou36vgj5u.bkt.clouddn.com/image/blog/fav.ico
#你的头像url
avatar: http://ou36vgj5u.bkt.clouddn.com/image/blog/head.jpg
#是否开启分享
share_jia: true
#评论:1、多说;2、网易云跟帖;3、畅言;4、Disqus 不需要使用某项,直接设置值为false,或注释掉
#具体请参考wiki:https://github.com/litten/hexo-theme-yilia/wiki/
#1、多说
duoshuo: false
#2、网易云跟帖
wangyiyun: false
#3、畅言
changyan_appid: false
changyan_conf: false
#4、Disqus 在hexo根目录的config里也有disqus_shortname字段,优先使用yilia的
disqus: false
#disqus_shortname: halomelody
# slider的设置
slider:
# 是否默认展开tags板块
showTags: true
# 智能菜单
# 如不需要,将该对应项置为false
# 比如
#smart_menu:
# friends: false
smart_menu:
innerArchive: '文章查找'
friends: '友链'
aboutme: '关于我'
#tagcloud: '标签'
#friends:
aboutme: little dragon
# 页面统计 true为开启
#page_count: false
# 站点统计 true为开启
#site_count: true
将 next(原主题) 修改为相对应的主题就行
最后三部曲( –>hexo clean –>hexo generate –>hexo deploy)搞定
2.修改头像
在对应的主题文件夹内进行修改,较简单
参考网址https://jingyan.baidu.com/album/c85b7a64b6a68c003bac9509.html?picindex=6
注意: 这里要特别说明两点
a : 网页中用到的图片都是放在这里指出的文件夹内
b : 图片地址都是: [/img/图片名]
3.内容编辑(写博客)
开启git bash here
hexo new page “name” #新建一个博客主页面
hexo new “name” #新建文章
接着这些东西放在哪里呢?这是最重要的,这样才能进行编写
下面流程:1
根目录下的 source--> _post(没自己命名的)(或自己hexo new page "name"的name)-->....md(这些md文件就是文章了)
了解md==markdowm语法编写请参考之前的博客文章原文档–Markdowm语法
4.问题解决
1.静态博客的搭建
2.主题的修改
3.修改头像
4.内容编辑
5.问题待解决
1.在这里,但我们已经建立了一个 hexo new page “name” #新建一个博客主 后再次新建一个hexo new page “name2” 这时博客主页不显示name2的文件内容?????求大神指点!!!
2.如何隐藏过长的文章(hexo搭建个人博客总结(二)已解决)
3.如果文章数量多了,如何实现换页(hexo搭建个人博客总结(二)已解决)
4.相册的实现
5.云储存搭建
6.评论功能的插入
7.统计功能