博客发布流程

解决jekyll本地和服务器图片显示冲突问题

Posted by YiBo on October 23, 2020

mac + typora + jekyll

1. 如果我要发布一篇文章,我会怎么做

  1. 打开typora

  2. Command + t 新建页

  3. 开始编写文章

  4. 配置头部文件,把下面的内容粘贴到开头,否则无效

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    ---
    layout: post
    title: "Spring IOC 容器源码分析(二)- 创建单例 bean 的过程"
    subtitle: ''
    author: "YiBo"
    header-style: text
    tags:
      - Spring
      - IOC
    typora-root-url: ../../../yibo.github.io
    ---	
    
  5. Snipaste软件截图,粘贴过来的截图保存到 /Users/yibo/Documents/html/github/MyPro/blog/yibo.github.io/imgs 保证本地和github编写路径一致,且都可以正常显示

  6. 保存文件到 /Users/yibo/Documents/html/github/MyPro/blog/yibo.github.io/_posts/ 且文件名格式为 2020-10-23-essay-title.md

  7. jekyll server 可以进行本地测试 localhost:4000

  8. 最后会用压缩图片的软件把图片压缩一遍,直接拖过去就好了,软件名:图压

  9. 测试完成直接推上去就好了