在mt管理器的终端中运行woff2

善始繁_克终寡

一、引言
之前有发过一个关于如何在 obsidian 中更改字体的贴子，当时用的方法是找一个相关的在线网站来处理字体并生成对应的 css 文件，这做法说起来也是相当方便快捷了。不过，在线网站还是存在着网络速度和文件大小这两个限制因素，所以，在经过一些尝试之后，找到了在手机离线的条件下也能完成更改字体的方法。

因为在 obsidian 中改字体需要做的主要工作就是压缩字体文件和对字体文件进行 base64 编码，所以，根据这两个目标，在 GitHub 上找到了对应的字体压缩工具 woff2。又因为在手机上可以运行 busybox，且 busybox 中存在 base64 命令，所以一开始并没有想太多，以为只需要得到 woff2 就可以，但后来发现 busybox 提供的 base64 好像不太行，还是得其它版本的 base64 才可以。

因为我没有电脑，也不可能花钱去网吧去做这种事，所以，就需要用到 GitHub Action 来完成编译相关的事。下面就简单地说一下整体的操作过程，文中有错误的地方希望可以提出来

二、相关理论
1. 交叉编译

1. to cross-compile is to build on one platform a binary that will run on another platform

复制代码

简单来说就是，在 Windows 上生成了在安卓上可以运行的程序的行为就属于交叉编译

2. YAML 标准
因为 GitHub Action 是读取 yaml 格式的文件来运行的，所以需要了解一下相关的标准，其中主要是去了解 Block scalar styles 和 flow scalar styles 这两方面的内容，也就是和多行文本相关的内容。

这里引用一下路过君_P的相关表达

1. 多行字符串可以用 | 保留换行

复制代码

3. NDK


三、编译
Github Action 需要一个 yaml 格式的文件才能运行，所以这里直接给出一个仅供参考的的 workflow 文件的代码，相应的部分都尽可能地提供了对应的注释，代码如下：
workflow of woff2

1. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#name
   
2. name: woff2
   
3. 
   
4. # https://docs.github.com/en/actions/learn-github-actions/variables#defining-environment-variables-for-a-single-workflow
   
5. env:
   
6.   TARGET: aarch64-linux-android
   
7.   MINSDKVERSION: 24
   
8.   API: 24
   
9.   ABI: arm64-v8a
   
10. 
    
11. on:
    
12.   watch: # https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows#watch
    
13.     type: [started]
    
14. 
    
15. jobs:
    
16.   build: # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_id
    
17.     name: Test Build # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idname
    
18.     runs-on: ubuntu-latest # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#example-specifying-an-operating-system
    
19. 
    
20. # every step must define a uses or run key
    
21. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idsteps
    
22. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsname
    
23. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsuses
    
24.     steps:
    
25. # https://github.com/marketplace/actions/checkout
    
26. #      - name: Checkout Code
    
27. #        uses: actions/checkout@v3.6.0
    
28. 
    
29. # https://github.com/marketplace/actions/setup-android-ndk
    
30. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepswith
    
31. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsid
    
32. # https://docs.github.com/en/actions/learn-github-actions/contexts#steps-context
    
33.       - name: Setup Android NDK
    
34.         uses: nttld/setup-ndk@v1.3.1
    
35.         id: setup-ndk
    
36.         with:
    
37.           ndk-version: r22b # https://github.com/android/ndk/wiki/Changelog-r22#r22b
    
38.           local-cache: true
    
39.           add-to-path: true
    
40. 
    
41. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
    
42.       - name: Build woff2 For Android
    
43.         env:
    
44.           NDK: ${{ steps.setup-ndk.outputs.ndk-path }}
    
45.           TOOLCHAIN: ${{ steps.setup-ndk.outputs.ndk-path }}/toolchains/llvm/prebuilt/linux-x86_64
    
46. # https://developer.android.com/ndk/guides/other_build_systems?hl=en#autoconf
    
47.         run: |
    
48.           export AR=$TOOLCHAIN/bin/llvm-ar
    
49.           export NM=$TOOLCHAIN/bin/llvm-nm
    
50.           export OBJCOPY=$TOOLCHAIN/bin/llvm-objcopy
    
51.           export OBJDUMP=$TOOLCHAIN/bin/llvm-objdump
    
52.           export RANLIB=$TOOLCHAIN/bin/llvm-ranlib
    
53.           export STRIP=$TOOLCHAIN/bin/llvm-strip
    
54.           export STRINGS=$TOOLCHAIN/bin/llvm-strings
    
55.           export LD=$TOOLCHAIN/bin/ld
    
56.           export CC=$TOOLCHAIN/bin/$TARGET$API-clang
    
57.           export CXX=$TOOLCHAIN/bin/$TARGET$API-clang++
    
58.           export AS=$CC
    
59.           export PATH=$TOOLCHAIN/bin:$PATH
    
60.          
    
61.           sudo mkdir $GITHUB_WORKSPACE/updir
    
62.          
    
63.          
    
64.           cd $GITHUB_WORKSPACE
    
65.           sudo git clone --recursive https://github.com/google/woff2.git
    
66.           cd woff2
    
67.           echo '--- 开始编译 ---'
    
68.           sudo make \
    
69.           CC=$CC \
    
70.           CXX=$CXX \
    
71.           AS=$AS \
    
72.           AR=$AR \
    
73.           LD=$LD \
    
74.           RANLIB=$RANLIB \
    
75.           ARFLAGS=crs \
    
76.           clean all
    
77.           echo '--- 编译结束 ---'
    
78.          
    
79.           echo '--- 复制编译后的文件 ---'
    
80.           sudo cp $(find $GITHUB_WORKSPACE -name woff2_compress) $GITHUB_WORKSPACE/updir
    
81.           sudo cp $(find $GITHUB_WORKSPACE -name woff2_decompress) $GITHUB_WORKSPACE/updir
    
82.           sudo cp $(find $TOOLCHAIN/sysroot/usr/lib/aarch64-linux-android -name libc++_shared.so) $GITHUB_WORKSPACE/updir
    
83.           echo '--- 复制结束 ---'
    
84.           echo '--- 打印文件信息 ---'
    
85.           file $(find $GITHUB_WORKSPACE -name woff2_compress -executable)
    
86.           file $(find $GITHUB_WORKSPACE -name woff2_decompress -executable)
    
87.           echo '--- 打印结束 ---'
    
88. 
    
89. 
    
90.       - name: Upload Artifact
    
91.         uses: actions/upload-artifact@v3.1.2
    
92.         with:
    
93.           name: woff2
    
94.           path: updir/
    

复制代码

大概等两分钟就可以编译好了，如下图（点击文件名 woff2 即可自动下载）



然后，把它解压到 mt 管理器的私有目录，即 /data/user/0/bin.mt.plus/files 下。为了方便，这里以 /data/user/0/bin.mt.plus/files/term/usr/bin 为例
解压可执文件到 bin 目录


解压动态库到 lib 目录


然后就可以使用这个程序了，示例如下图


然后，本想着复制贴子的做法，但是没想到出了问题
贴子的做法如下：

1. base64 -w 0 <woff2文件> | awk '{printf "@font-face {\n\tfont-family: '<font-family字段>';\n\tsrc: url('\''data:font/woff2;charset=utf-8;base64,"$0"'\'') format('\''woff2'\'');\n\tfont-weight: <字重>;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n"}' >> <样式表.css>

复制代码

busybox 提供的 base64 支持的选项有限，不支持参数 -w


所以，还得需要使用其它版本的 base64 才可以解析参数 w。然后在 termux 中看了一下，发现 termux 中的 base64 是可以用的
info of termux base64


从图中可以看到，GNU 类型的 base64 支持参数 wrap，所以，需要再额外编译一下这个版本的 base64。仅供参考的代码如下：
gnu coreutils workflow

1. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#name
   
2. name: Test
   
3. 
   
4. # https://docs.github.com/en/actions/learn-github-actions/variables#defining-environment-variables-for-a-single-workflow
   
5. env:
   
6.   TARGET: aarch64-linux-android
   
7.   MINSDKVERSION: 24
   
8.   API: 24
   
9.   ABI: arm64-v8a
   
10.   MAKETO: /data/local/tmp/gnu_coreutils
    
11.   PKGNAME: coreutils
    
12.   COREGNUVERSION: 9.4
    
13. 
    
14. on:
    
15.   watch: # https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows#watch
    
16.     type: [started]
    
17. 
    
18. jobs:
    
19.   build: # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_id
    
20.     name: Test Build # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idname
    
21.     runs-on: ubuntu-latest # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#example-specifying-an-operating-system
    
22. 
    
23. # every step must define a uses or run key
    
24. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idsteps
    
25. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsname
    
26. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsuses
    
27.     steps:
    
28. # https://github.com/marketplace/actions/checkout
    
29. #      - name: Checkout Code
    
30. #        uses: actions/checkout@v3.6.0
    
31. 
    
32. # https://github.com/marketplace/actions/setup-android-ndk
    
33. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepswith
    
34. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsid
    
35. # https://docs.github.com/en/actions/learn-github-actions/contexts#steps-context
    
36.       - name: Setup Android NDK
    
37.         uses: nttld/setup-ndk@v1.3.1
    
38.         id: setup-ndk
    
39.         with:
    
40.           ndk-version: r22b # https://github.com/android/ndk/wiki/Changelog-r22#r22b
    
41.           local-cache: true
    
42.           add-to-path: true
    
43. 
    
44. # https://docs.github.com/en/actions/learn-github-actions/variables#defining-environment-variables-for-a-single-workflow
    
45. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#env
    
46. # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
    
47. # https://developer.android.com/ndk/guides/other_build_systems?hl=en#autoconf
    
48. # https://docs.github.com/en/actions/using-workflows/workflow-commands-for-github-actions#setting-an-environment-variable
    
49.       - name: Setup Cross Compile Variable
    
50.         env:
    
51.           NDK: ${{ steps.setup-ndk.outputs.ndk-path }}
    
52.           TOOLCHAIN: ${{ steps.setup-ndk.outputs.ndk-path }}/toolchains/llvm/prebuilt/linux-x86_64
    
53.         run: |
    
54.           echo "AR=$TOOLCHAIN/bin/llvm-ar" >> "$GITHUB_ENV"
    
55.           echo "NM=$TOOLCHAIN/bin/llvm-nm" >> "$GITHUB_ENV"
    
56.           echo "OBJCOPY=$TOOLCHAIN/bin/llvm-objcopy" >> "$GITHUB_ENV"
    
57.           echo "OBJDUMP=$TOOLCHAIN/bin/llvm-objdump" >> "$GITHUB_ENV"
    
58.           echo "RANLIB=$TOOLCHAIN/bin/llvm-ranlib" >> "$GITHUB_ENV"
    
59.           echo "STRIP=$TOOLCHAIN/bin/llvm-strip" >> "$GITHUB_ENV"
    
60.           echo "STRINGS=$TOOLCHAIN/bin/llvm-strings" >> "$GITHUB_ENV"
    
61.           echo "LD=$TOOLCHAIN/bin/ld" >> "$GITHUB_ENV"
    
62.           echo "CC=$TOOLCHAIN/bin/$TARGET$API-clang" >> "$GITHUB_ENV"
    
63.           echo "CXX=$TOOLCHAIN/bin/$TARGET$API-clang++" >> "$GITHUB_ENV"
    
64.           echo "SYSROOT=$TOOLCHAIN/sysroot" >> "$GITHUB_ENV"
    
65.           echo "TOOLCHAIN=$TOOLCHAIN" >> "$GITHUB_ENV"
    
66.           echo "NDK=$NDK" >> "$GITHUB_ENV"
    
67. 
    
68. 
    
69.       - name: Build coreutils For Android
    
70.         run: |
    
71.           sudo wget https://ftp.gnu.org/gnu/coreutils/coreutils-$COREGNUVERSION.tar.gz
    
72.           sudo tar zxf coreutils-$COREGNUVERSION.tar.gz
    
73.           cd coreutils-$COREGNUVERSION
    
74.           sudo mkdir -p $MAKETO
    
75.          
    
76.           sudo ./configure \
    
77.           --host=$TARGET \
    
78.           --build=x86_64-linux-gnu \
    
79.           --prefix=$MAKETO \
    
80.           CC=$CC \
    
81.           CXX=$CXX \
    
82.           AS=$AS \
    
83.           AR=$AR \
    
84.           LD=$LD \
    
85.           RANLIB=$RANLIB
    
86.          
    
87.           echo "---------- compile begin ----------"
    
88.           sudo bash -c "make && make install"
    
89.           echo "---------- compile end ----------"
    
90.           echo "---------- 输出文件信息 ----------"
    
91.           sudo file $(find /data -name base64 -executable)
    
92.           echo "---------- 结束 ----------"
    
93.           mkdir -p $GITHUB_WORKSPACE/output
    
94.           cd $GITHUB_WORKSPACE/output
    
95.           echo "---------- tar result ----------"
    
96.           sudo bash -c "find $MAKETO \
    
97.           -printf '%P\n' \
    
98.           -type f -o \
    
99.           -type l -o \
    
100.           -type d | \
     
101.           tar -czvf $PKGNAME.tar.gz \
     
102.           --no-recursion \
     
103.           -C $MAKETO \
     
104.           -T -"
     
105.           echo "---------- tar end ----------"
     
106. 
     
107. # https://github.com/marketplace/actions/upload-a-build-artifact
     
108.       - name: Upload Artifact
     
109.         uses: actions/upload-artifact@v3.1.2
     
110.         with:
     
111.           name: coreutils
     
112.           path: ${{ github.workspace}}/output/${{ env.PKGNAME }}.tar.gz
     

复制代码

类似地，也需要把对应的文件复制到 mt 管理器的私有目录下，这里以 /data/user/0/bin.mt.plus/files/term/usr 为例，先新建一个 gnu_coreutils 目录，然后复制编译后的文件进去
复制 coreutils（因为我提前复制过了，所以两边是一样的）



给予文件权限


然后，运行刚刚的命令，发现可以正常运行了


导入到 obsidian 中也是有效果了



四、参考
这篇笔记参考的文章如下：
1. 移动端自定义字体简要说明
2. How do I break a string in YAML over multiple lines?
3. YAML多行表示

fenggod1

感谢分享，辛苦了

燎原百斩

感谢

就这样吧~

感谢分享，这么长的文章很花精力的

JustLetItBe~

感谢分享

努力的蜗牛

感谢分享

zzzz22

感谢分享

2960

感谢分享

小小白出击

路过看看

萤火.

感谢分享

丿丶灵泽

感谢分享

lin0

66666

apks33

感谢分享

wangzi

有创意的分享，赞

xiaobing66

感谢大佬分享这个方法，满篇的代码。