Hexo
Hexo是一款快速、简洁且高校的博客框架,有以下亮点:
Markdown 编辑模式;
静态,可以使用
GitPage
部署;基于
CLI
优雅的管理模式;1
hexo clean && hexo s
主题酷炫。
为什么选择Butterlfy
主题
看图:Never put off till tomorrow what you can do today
一语胜千言,警醒自己。
博客图片管理
本人使用的是VSCode
文本编辑器,改编辑器插件体系丰富,同时对VIM
的兼容良好。Paste Image
这款插件能够过从系统剪切板(clipboard)复制图片到Markdown
或其他类型文件。
VsCode
下载Paste Image
插件设置插件
"pasteImage.path": "${currentFileDir}/${currentFileNameWithoutExt}"
图片文件保存到和博文处于同一级目录的同名目录中"pasteImage.insertPattern": "${imageSyntaxPrefix}https://cdn.jsdelivr.net/gh/donggangcj/CDN/image/${currentFileDir}/${imageFileName}${imageSyntaxSuffix}"
拷贝的图片链接路径为 jsdeliver 链接路径
hexo
设置新建文章时同时创建资源目录1
post_asset_folder: true
-
缩略图
缩略图测试使用路径应用不生效,使用jsdelivr+github
方案解决。后期优化统一管理。
不足:
维护比较麻烦,也就是分布式开发中
一致性
的问题使用
Paste Image
插件的复制命令默认使用的是Markdown
语法。而Hexo
设置post_asset_folder
为true
后,Markdown
中不能使用原引用图片语法,必须使用标签插件引用相对路径。(安装插件npm install https://github.com/CodeFalling/hexo-asset-image --save
)1
2
3{% asset_path slug %}
{% asset_img slug [title] %}
{% asset_link slug [title] %}