0%

Hexo-自定义about页面

由于Hexo博客中的about页面默认是通过markdown渲染的,假如想用自定义的页面,比如HTML/CSS方式,那么该如何实现呢?

修改配置文件

在Hexo的根目录下修改_config.yml文件

skip_render: "about/*"

如上所示,表示skip about目录下的所有所有文件

生成HTML/CSS/JS文件

接着只要把你已生成的HTML/CSS/JS文件放置到about目录下,然后更新下hexo

hexo clean
hexo g -d

这里有个问题,如何生成HTML等文件?

我初期的想法是找个好看的HTML模板,然后自己修改模板的HTML/CSS

但是!我发现这样有点费时,因为自身HTML编写能力不足;用google搜了一圈,发现有个非常好用的工具:https://nicepage.com/

nicepage

从上面这个GIF可看出,操作是不是跟PPT等工具一样,拖拖拉拉即可,非常方便,只需要略微理解下一下其各个标签的在HTML中含义;10分钟即可上手。。。

在此记录下这个工具,万一我以后还能用上呢

在NicePage设计好后,下载打包后的HTML相关文件,解压至hexo的about目录下,最后效果可见:https://www.bioinfo-scrounger.com/about/

本文出自于http://www.bioinfo-scrounger.com转载请注明出处