新模板页搭建心得

Hexo

开始尝试搭建新的模板页,分别是“作品集”与“相册”。

问题点

  1. 怎么搭建新的模板页手动or命令
  2. 怎么关联相关文章

过程

因为网络上并没有直接教授怎么搭建一个新的布局的模板页,涉猎当相关问题的文章有“怎么新建自己的hexo主题”,“HEXO命令”,“HEXO模板”。所以只能参照现成的分类模板页,归档模板页进行研究、修改、创造。没办法,折腾呗。(#‵′)凸

每一个模板文件对应的是一种布局,当你使用hexo new <title>的时候,其实忽略了一个参数,完整的命令是hexo new [layout] <title>,这个layout就决定了文章使用何种方式布局,比如创建一个自己简介的About页面,hexo new page “about”其实就是使用了page布局。每种布局对应到我们的模板文件上就是index.ejs(首页),post.ejs(文章),archive.ejs(归档),tag.ejs(标签归档),page.ejs(分页)。

————引用自写一个自己的Hexo主题

按照我的理解就是新建博文的过程中,调用的命令的作用是声明文章运用的布局模板是哪个,文章名称是什么,以及自动生成的文章创建时间。所以可与确认我得先有一个布局模板页,看来就算写新文章时声明一个不存在的布局文件也不会自动生成对应的布局文件,所以第一个问题的答案只能是自己手动新建一个模板页。


正字苦苦研究怎么搭一个相册的模板页,突然随手搜了“Hexo 相册”的关键字,结果蹦出了好几篇关于怎么在hexo上搭建一个自己的相册页的文章,真是被自己蠢哭了,原来早有前行者踏出了一条前进的路。在此顺带整理汇总下给有幸看到此处的后来者。

参考文章:

  1. Hexo+Next+阿里云OSS实现相册功能
  2. Hexo+Github实现相册功能
  3. hexo主题中添加相册功能
  4. hexo的Next主题添加相册
  5. Hexo 相册实践

结果

磨磨蹭蹭,东翻西凑,总算完成了搭建一个相册页的想法,参考的是第一篇文章的Hexo+Next+阿里云OSS实现相册功能(文中教程index.md代码中a链接要替换成自己网站网址)实现的相册功能,虽然教程涉及的东西很多都不甚了解,不知道它到底是怎么发挥作用实现相册功能的,但结局总是圆满的,不仅完成了相册页的搭建,而且对于hexo的结构框架有了更深的了解,学会了Swig,ejs的基本语法,也掌握了利用stylus写更便利简洁的css样式的方法,并且,对于Markdown写博客文章更得心应手了。总算是收获满满,继续努力。

End



-------------本文结束 感谢您的阅读-------------

0%
Title - Artist
0:00