DEV Community
·
在HAX中创建自定义主题
💡
原文英文，约1000词，阅读约需4分钟。
📝
内容提要
本文介绍了如何在HAX中创建自定义主题，包括安装hax命令行工具、运行hax start创建项目、使用VSCode编辑主题文件、监控更改并启动网站，最后手动编辑index.html以在surge.sh上发布主题。
🎯
关键要点
- 本文介绍了在HAX中创建自定义主题的过程。
- 首先安装hax命令行工具。
- 运行hax start创建项目并选择'创建HAXsite'。
- 输入项目名称、作者并选择'创建自定义主题'。
- 建议使用Vanilla主题作为模板。
- 使用VSCode编辑主题文件并监控更改。
- 手动编辑index.html以在surge.sh上发布主题。
- 需要将特定行更改为CDN链接以使主题在surge.sh上工作。
- 发布后需将index.html中的行恢复原状。
- 提供了主题开发的文档链接以供参考。
❓
延伸问答
如何在HAX中安装命令行工具？
可以通过运行命令npm install --global @haxtheweb/create来安装hax命令行工具。
创建HAX项目的步骤是什么？
运行hax start，选择'创建HAXsite'，输入项目名称和作者，然后选择'创建自定义主题'。
使用哪个主题作为模板比较好？
建议使用Vanilla主题作为模板，特别是第一次创建主题时。
如何在VSCode中编辑主题文件？
打开VSCode，导航到项目位置，编辑custom/src/custom-tutorial-theme.js文件以进行自定义。
如何将主题发布到surge.sh？
手动编辑index.html中的特定行，将本地路径更改为CDN链接，然后运行surge命令进行发布。
发布后需要对index.html做什么？
发布后需要将index.html中的CDN链接行恢复为原来的本地路径。
➡️
