由于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/
从上面这个GIF可看出,操作是不是跟PPT等工具一样,拖拖拉拉即可,非常方便,只需要略微理解下一下其各个标签的在HTML中含义;10分钟即可上手。。。
在此记录下这个工具,万一我以后还能用上呢
在NicePage设计好后,下载打包后的HTML相关文件,解压至hexo的about目录下,最后效果可见:https://www.bioinfo-scrounger.com/about/
本文出自于http://www.bioinfo-scrounger.com转载请注明出处