资讯专栏INFORMATION COLUMN

Hexo博客框架&Butterfly主题&Vscode&Paste Image插件

社区管理员 / 815人阅读

Hexo

Hexo是一款快速、简洁且高校的博客框架,有以下亮点:

  1. Markdown编辑模式;

  2. 静态,可以使用GitPage部署;

  3. 基于CLI优雅的管理模式;

  4. 主题酷炫。

为什么选择Butterlfy主题

看图:Never put off till tomorrow what you can do today一语胜千言,警醒自己。

博客图片管理

本人使用的是VSCode文本编辑器,改编辑器插件体系丰富,同时对VIM的兼容良好。Paste Image这款插件能够过从系统剪切板(clipboard)复制图片到Markdown或其他类型文件。

  • VsCode下载插件

  • 打开VsCode设置页面,设置插件,${currentFileDir}/${currentFileNameWithoutExt},该变量与hexo生成的文件夹保持统一

  • hexo设置新建文章时同时创建资源目录


缩略图

缩略图测试使用路径应用不生效,使用jsdelivr+github方案解决。后期优化统一管理。

不足:

  1. 维护比较麻烦,也就是分布式开发中一致性的问题

  2. 使用Paste Image插件的复制命令默认使用的是Markdown语法。而Hexo设置post_asset_foldertrue后,Markdown中不能使用原引用图片语法,必须使用标签插件引用相对路径。(安装插件npm install https://github.com/CodeFalling/hexo-asset-image --save)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/127921.html

相关文章

  • Hexo主题高级自定义

    有一段时间没怎么倒腾博客了,这几天收拾了一下博客,同时将最近阅读和记录的有趣的内容整理一番,分享给大家。主要包括在博客 写作时遇到的一些问题及解决方法,即我是如何构建自己的博客写作工作流的。同时也有一些在博文写作的中一些感悟。hexo 及 Butterfly 主题升级首先,最近升级了 hexo 版本,升级到最新版本3.1.0,同时也更新了主题的版本。当然,升级完就出现问题????,定位错误是之前复...

    社区管理员 评论0 收藏0
  • 从 0 开始搭建一个技术博客,私藏干货~

    摘要:下面贴上栈长博客的地址,也是技术栈的官方博客地址今天分享一下,如何从开始搭建一个自己的技术博客,基于栈长的博客。的国内访问不是很快,这里推荐使用自己搭建国内的云服务器,使用搭建静态服务。 技术博客的选型有很多种,如:博客园、CSDN、开源中国、简书、知乎等……都可以用来写文章,形成自己的技术博客。 上面的博客都是第三方的,有没有方式搭建自己的服务器、自己的域名的博客呢?栈长知道的成熟方...

    Zhuxy 评论0 收藏0
  • 使用Hexo+Github搭建属于自己的博客

    摘要:工具技术创建项目账户注册和新建项目,项目必须要遵守格式账户名,不然接下来会有很多麻烦。安装在自己认为合适的地方创个文件夹,我是在盘建了一个文件夹。 工具:Visual Studio Code/MarkdownPad技术:Hexo+Github 创建Github项目 Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选In...

    tangr206 评论0 收藏0
  • 使用Hexo+Github搭建属于自己的博客

    摘要:工具技术创建项目账户注册和新建项目,项目必须要遵守格式账户名,不然接下来会有很多麻烦。安装在自己认为合适的地方创个文件夹,我是在盘建了一个文件夹。 工具:Visual Studio Code/MarkdownPad技术:Hexo+Github 创建Github项目 Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选In...

    tangr206 评论0 收藏0

发表评论

0条评论

社区管理员

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<