1 项目结构
1.1 _config.yml
网站的配置信息,在这边配置网站的大部分信息
1.2 scaffolds
模板文件夹,新建文件会根据里面的模板创建新的文件
1.3 source
资源文件夹是存放用户资源的地方,然后 _posts
是存放 markdown 文章的地方
1.4 themes
主题文件夹,hexo 会根据主题生成静态文件夹。本次我们使用的主题是 Next 主题
主题网站
2 _config.yml 的配置
2.1 网站
我们可以在 _config.yml
文件 中修改大部分的配置,具体咋配置,我就偷个懒了。直接贴中文文档的图了。
其中,language
就设置为 zh-Hans
啦,毕竟咱还是用中文写博客的,当然如果有大佬想搞个国际化的全英博客的话就另当别论了。 description
主要用于SEO,告诉搜索引擎一个关于我们站点的简单描述,官方是推荐在里面写我们站点的关键字,主题啥的,但是个人咧还是比较喜欢直接写个个人签名╭(╯^╰)╮ author
参数就是来说这个博客的是谁家的孩子啦。
2.2 网址
如果你的网站存放在子目录中,例如 http://yoursite.com/blog
,则请将你的 url 设为 http://yoursite.com/blog
并把 root 设为 /blog/
。
2.3 目录
这里是高端局,我这种菜鸡就老老实实跟着官方走,不乱改了。
2.4 文章
默认情况下,Hexo 生成的超链接都是绝对地址。例如,如果您的网站域名为 example.com
,您有一篇文章名为 hello,那么绝对链接可能像这样:http://example.com/hello.html
,它是绝对于域名的。相对链接像这样:/hello.html
,也就是说,无论用什么域名访问该站点,都没有关系,这在进行反向代理时可能用到。通常情况下,建议使用绝对地址。
2.5 其他
3 其他配置
3.1 标签、分类、关于设置
仔细看了一下上面关于目录的配置,然后又看了其他人的 hexo 博客,心头是不是一阵疑惑,咦,咋感觉自己少了那么多目录结构咧。咋整啊?自己装呗。1
2
3hexo new page "tags"
hexo new page "categories"
hexo new page "about"
执行完这三条命令后,在站点的source 的目录下就生成了 tags,about,categories 三个文件夹然后就分别到 source 文件夹中新生成的 about 文件夹里面的 index.md 中添加下面的代码
type: “tags”
重新运行之后是不是就出来了,什么?出不来?好吧,我错了,这样的话就要去看你选择的 theme 里面的配置了,把 menu 里面对这三个菜单项的注释去掉,就可以了。再不行的话,那就那就,百度吧。
3.2 关联到 github pages
- 修改 _config.yml, 在文件最底部添加如下代码
1 | # Deployment |
- 安装一个 hexo 插件
1 | npm install hexo-deployer-git --save |
- 部署项目,就直接运行下面三条命令就行了
1 | hexo clean // 清除原来打包的项目 |
最后的最后,让我们打开浏览器,输入 https://你的github用户名.github.io
,例如我的 https://lijiayuan365.github.io
\
4 真正的最后
强烈推荐下面这位大佬的博客
Hexo 博客主题的设置与完善,可以说是相当的全面与仔细了,快速配置好你的博客。