Hexo-theme-next日常操作

图片不知道放哪?

  对爬坑不感兴趣的,可直接跳过分析直接看总结。

  主题自带一个文件目录( 项目名/public/images ),但为了导致手欠造成破坏,所以在public目录下新建pic文件夹,然后在<image/>使用src="/pic/xxxx.jpg"(由文章的URL可以知道pulic这货才是站点根目录)。
  且慢,此处有坑!!!当运行hexo clean的 时候会发生什么?

1
2
3
D:blog> hexo clean
INFO Deleted database.
INFO Deleted public floder.

So what ?运行这个命令导致public文件被删除。。。
那么问题来了,/public只是临时文件,那上面的做法就是滚犊子。

  好了,开始正文。从上面的情况来看,我们只是修改了临时文件而已,那临时文件是怎么产生的呢?
找到/public里一个识别性较高的文件,全局搜索,啊哈!在/hexo-theme-next里有一个/source,内容和/public里的内容简直一模一样,在/source里添加一个pic目录? 然后执行hexo clean? 再执行完hexo cleanhexo g后,/public下果然出现了一个pic目录,再放点其他东西进去??? 完全可行

  总结:在主题目录/hexo-theme-next/source下的内容都会以复制的方式放入临时公共资源public目录下。所以样式,图片自定义操作基本可以靠操作这个文件来实现。

自定义样式?

  主题内容的样式太单一?想使用主题内部样式又没有文档?每次缩进还要 &emsp;?

  太苦了!强迫症、懒人基因、程序思维、职业修养。。。不能自定义的都是耍流氓。

  打开主题目录(themems/hexo-theme-next),进入css目录,再看看main.styl末尾~,我靠!竟然是custom~ custom~ custom~ ,别告诉我你一点想法也没有,再进入@import "_custom/custom";所指向的文件>>>>空的<<<<,没错这就是留给你自定义样式的。

  别急,还有!!!怎么自定义它解析的MarkDown标签?
  打开你的丑到不能直视的网页(你用MarkDown写的那种,别打开首页,然后告诉我都是泡沫!!),按下F12,偷偷喵喵一眼你写的标签被加了那些class,再custom.styl中重写样式即可。还记得_custom\custom是最后import的么?哪如果没意外的话_custom\custom中自定义的样式就会覆盖主题原来的样式。