全平台博客书写解决方案

重点：使用 markdown 格式书写博客

优势：一次书写，全平台适用

工具推荐

qiniu-cli--图床服务

链接：https://github.com/jaronnie/qiniu-cli

按照文档配置即可

图床服务，当然不仅仅限于图片，包括音频，视频等。

asciinema--终端录屏

链接：终端录屏配置

markdown 中插入视频

先将视频复制到 markdown 中，发现是这样的显示，达不到全平台使用的效果

<video src="/Users/jaronnie/Desktop/%E5%B1%8F%E5%B9%95%E5%BD%95%E5%88%B62022-08-26%20%E4%B8%8A%E5%8D%8810.51.31.mov"></video>

使用 qn 小工具上传到七牛图床服务中

修改为如下

<iframe 
    width="800" 
    height="450" 
    src="https://oss.jaronnie.com/2022.08.26.10.51.31.mp4"
    frameborder="0" 
    allowfullscreen>
</iframe>

<iframe
width="800"
height="450"
src="https://oss.jaronnie.com/2022.08.26.10.51.31.mp4"
frameborder="0"
allowfullscreen>

ci/cd

搭配 vue 编写的一站式稳定服务 vuepress 并使用 github 的 workflows 自动生成静态文件并部署。

name: Deploy

on: [push]

jobs:
  build:

    runs-on: ubuntu-latest

    steps:
      - name: Download Source file
        uses: actions/checkout@v2
        with:
          ref: main

      - name: Setup Node
        uses: actions/setup-node@v1
        with:
          node-version: "12.x"

      - name: Build Vuepress
        run: |
          npm i
          npm run docs:build
          cp -r docs/.vuepress/dist .
      - name: copy file via ssh password
        uses: appleboy/scp-action@master
        with:
          host: ${{ secrets.DOMAIN }}
          username: ${{ secrets.USERNAME }}
          password: ${{ secrets.PASSWORD }}  
          source: "dist/*"
          target: ${{ secrets.SITEPATH }}
          strip_components: 1

vuepress 模板仓库，一键搭建

ci/cd 流程

附录

微信公众号

如何将 markdown 格式转换为微信公众号格式？

使用在线网站工具