Hexo的静态页面感觉比WordPress,TypeEcho 这些动态博客相比快好多,但是入门还是遇到了一些坑。
安装
npm安装npm install hexo-cli -g
新建项目
hexo init blog
cd blog
npm install
hexo server
更换主题
找到主题的Github仓库,clone到本地,修改项目配置文件_config.yml
中的theme属性和主题文件夹同名。
Hexo的主题一般是个人开发的静态网站,再上传社区,所以有些主题的国际化并没有做的很好,单纯修改language
属性并没有作用,很多单词是硬编码在模板中,需要通过全局搜索替换使其真正国际化
Markdown插入图片
使用图床,然后使用网络图片Url,用这种方式在访问的时候不会占用服务器带宽,但是管理图片的上传图片比较麻烦。
使用Base64编码字符串,也比较麻烦,需要转码工具。
使用Markdown原生语法,借助hexo-asset-image插件,设置
_config.yml
文件中的post_asset_folder
属性为true
,让每次创建的md文件都附带一个同名文件夹用以存放资源文件,然后将图片放到资源文件夹中,用md语法引入![test](xxx/test.png)
这里用了hexo-asset-image版本为1.0.0+,发现图片路径经过编译后是
/.com/xxx/test.png
其实是1.0.0版本有问题,用0.0.1旧版本后一切正常
环境
我还是习惯用JetBrain的全家桶,WebStorm写blog,加上Markdown Navigator
的JetBrain插件,方便对md文件格式化以及快速生成文本配合用jb自带的部署功能配置remote host,加上自动上传功能,能够很方便的实时更新线上网站,写前端和php挺舒服的。
其他
hexo server
这条命令能够在本地开启hexo服务端,可以监听md文件的变化,但是发现并不能监测_config.yml
文件的变化,而且在修改配置文件之后不重启server还有可能变量不存在错误- 对在md文件头部去掉的
category
,在目录页不会马上更新,不知是否是缓存的问题