每年炸电脑好几次,导致自己培养了一手绝佳的 Windows 重装技巧,尽管如此,每次重装系统仍是一项浩大的工程,首先就是与微软斗智斗勇,然后是与各种广告、同步系统缠斗,但最复杂的,莫过于每次 WSL 环境的搭建,每次都累个半死。思来想去倒是手机常年被毒瘤占据,万万不可重装,不如就把这些东西塞到手机里,好不美哉。

不同于 ssh,code-server 提供了一个 web 界面的 VS Code,只需一个现代浏览器便可随处使用,这样一来,连最基本的软件都不用安装,可谓是完美符合我的需求。当然也可以使用 VS Code 直接连接,但那不在本文的讨论范围。

离上次折腾 Termux 过去了许久,又发现 Termux 进化了好多,好强!

安装

Termux

目前可从 F-DroidGithub 获取 Termux 安装包,不同来源的 Termux 本体和插件不可通用并且仅推荐从 F-Droid 获取。安装 Termux 之后,请使用以下命令打开图形界面并按需切换镜像以获得更快的访问速度。

termux-change-repo

然后升级一下有的没的,再安装自己要的工具就行。虽然一直没咋动 Termux,但基础的工具还留着,本文跳过这一部分,请根据报错或手册自行安装。

code-server

直接按照官方文档运行以下命令即可安装并运行 code-server,安装时请保证必要的网络条件

pkg install tur-repo

pkg install code-server

code-server

第一次运行 code-server 时会在 ~/.config/code-server/config.yaml 生成如下配置文件。

bind-addr: <ip>:<port>
auth: password
password: <password>
cert: false

ip 设为 0.0.0.0 便于局域网内访问,选个喜欢的端口和密码之后再次运行code-server,即可在浏览器地址栏输入 <手机的 IP 地址>:<端口> 打开 code-server。Termux 查 ip 怪麻烦的?所以直接打开手机设置里的 WiFi 详情查看本机的局域网地址即可。

登录界面

Termux 上的 code-server 无法安装部分插件,比如 VS Code 的简体中文语言包,解决方法也很简单(注意:使用此方法安装的 code-server 可能不是最新版本,下载语言包时请选择对应的版本。请依次点击左上的三条横线、Help、About 查看 Code 版本):

  1. 打开简体中文语言包的市场链接并将其下载到电脑
  2. 打开拓展(Extensions)界面 / Ctrl+Shift+X
  3. 点击展开右上角 View and More Actions 的三个圆点并选择 Install from VSIX
  4. 在弹出的窗口中选择最右侧的 Show Local
  5. 在弹出的窗口中选择最右侧的 Open Files
  6. 选择之前下载的文件并重启即可

Hugo

code-server 安装好之后自然是要,折腾博客!曾几何时,在 Termux 上使用 Hugo 还得折腾一大堆东西,而现在只需要一行命令即可安装,时代在进步.webp

pkg install hugo

Hugo 的使用可以查看 Hugo 快速开始文档,在配置好主题之后,自然要试一试:

hugo server

然而我们却看到输出的信息显示:Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)

点击这个链接后,会打开形如 http://192.168.0.42:8081/proxy/1313/ 的网址,Hugo 和 PaperMod 可不知道 /proxy/1313/ 是什么意思,只会告诉你,css全都没啦!于是只好使用以下命令,把网址设置为手机的局域网地址并使局域网可以访问。

hugo server -b http://192.168.0.42/ --bind="0.0.0.0"

在 code-server 中,Markdown 文件的预览暂时不可用,也只好开着 hugo server 来预览了。

hugo server 预览