hexo搭建blog(3)

美化篇

1. 下载主题:

可在Github上任意挑选一款你喜欢的主题,这一次我就按照参考文章里面的主题进行下载
进入我们创立的文件夹下(Hexo/),右键Git Bash here:

#从github上下载主题
git clone https://github.com/iissnan/hexo-theme-next themes/next

切记要下载到theme这个文件夹下,不记得的同学复习下我第一推送
这个过程要点时间:

image.png

下载完毕后是这样的
那么我们进入theme这个文件夹下:

image.png

next已经下载进去了

2.配置_config.yml

我们在Hexo/文件夹下找到_config.yml文件,并且编辑它
打开_config.yml文件,找到如下字段

image.png

然后改成:

image.png

保存

3.本地测试

进入我们创立的文件夹下(Hexo/),右键Git Bash here,输入:

hexo clean

结果

然后再输入:

hexo s -g 

结果

然后打开本地:http://localhost:4000/
焕然一新:

image.png

4.一些小改动

凡是要改动,记得进入我们创立的文件夹下(Hexo/)_config.yml文件,

image.png

找到site模块:
改这几个参数中文字符:zh-CN
时间:Asia/Shanghai

如果要改主题画风,我们进入theme/next这个文件夹下的_config.yml文件
打开它,找到scheme模块,想要哪个主题就把前面的#去掉,再保存

image.png

修改完之后进入我们创立的文件夹下(Hexo/),右键Git Bash here:

hexo clean  #清空内存
hexo s -g

这时候,我们的画面就变了

image.png

5.新建tag,page,categories

hexo new page tags
hexo new page categories
hexo new page about

image.png

我们可以明显看到,这些功能的index装到了 D:\hexo\blog\Hexo\source\about\index.md这个路径下
我们进去:

image.png

这里就有三个文件夹
那么我要添加tags和categories怎么办？
首先进入theme/next下的_config.yml文件，找到menu

将前面注释删除，注意：/和 | | 之间的空格也要删除
然后进入theme/next的layout文件夹
我们可以到swig结尾的文件

现在进入刚才我们建立D:\hexo\blog\Hexo\source\这个文件夹下，打开相应文件夹进行修改
对于tags

对于categories

即可

6.添加社交链接

进入hexo\themes\next\ _config.yml 这个文件
找到Sidebar Settings这个模块:

image.png

解除注释后，依次填入你的社交链接然后:

hexo clean  #清空内存
hexo s -g

即可

7.上传头像

在themes/next/source/images/这个文件夹下,将你的图片保存成avatar.gif格式
然后在themes/next/下打开_config.yml
找到avatar模块,把你的图片路径附上去

image.png

hexo c  #清空内存
hexo s -g

即可
这样基本就可以了
finally,我们把项目托管到GitHub上:

hexo d -g

如果我们要新建blog，我们在blog那个文件夹下（有source文件夹那一级）右键选择Git Bash
输入hexo n + 文件名
然后进入source文件夹，进入_posts文件夹就可以看到新建文件了
参考:
https://blog.csdn.net/baidu_35145586/article/details/89033631
https://jingyan.baidu.com/article/d5a880ebeb42f113f147cce5.html