当前位置: 首页 > 科技观察

有意思,这个工具帮你分分钟搭建一个终端式的网站

时间:2023-03-18 23:20:45 科技观察

LiveTerm可以用来分分钟搭建一个终端式的网站,Next开发的高度可定制、简单易用的极简终端风格.js网站模板。使用LiveTerm构建一个简单的网站只需几分钟,您只需要一个config.json文件。克隆项目代码库后,只需运行yarninstall&&yarndev并开始编辑config.json来构建您的网站!LiveTerm可以用来搭建各种类型的网站:个人网站、启动页、项目页等,如下图:LiveTerm搭建网站需要用到yarnpackagemanager,所以需要提前安装好,然后直接在终端执行以下命令:sh-c"$(curl-fsSLhttps://raw.github.com/Cveinnt/LiveTerm/main/install/install.sh)"这会将LiveTerm安装到当前目录,然后你可以通过以下方式开始构建你的网站:cdLiveTerm&&yarndev然后开始编辑config.json文件并保存以查看更改!或者将此存储库克隆到您选择的位置:gitclonehttps://github.com/Cveinnt/LiveTerm.git&&cdLiveTerm然后安装依赖项并开始构建:yarninstall&&yarndev就这么简单!如果习惯使用Docker的话,也可以使用Docker搭建网站,clone项目代码并根据需要编辑config.json文件,然后执行如下命令启动容器:docker-composeup-d配置基本配置LiveTerm90%的配置是通过config.json文件完成的,其内容如下:{"readmeUrl"://创建一个GithubREADME并链接到这里!"title"://网站标题"name"://你的名字,包含在'about'命令中“://你的句柄},“电子邮件”://你的电子邮件“ps1_hostname":"liveterm"//提示中的主机名"ps1_username":"visitor",//提示中的用户名"resume_url":"../resume.pdf",//简历路径"non_terminal_url":"W","colors":{"light":{...},"dark":{...//你可以使用themes.json中已有的模板,也可以使用你自己的!}}}你可以随意修改这个文件就是主题,你可以在themes.json文件中找到几个预先配置好的主题,你可以将config.json中的颜色替换成你喜欢的主题颜色!主题取自网站https://glitchbone.github.io配置在/vscode-base16-term/#/上,我们可以在demo目录下查看图片来预览这些主题,Favicons网站图标位于public/和其他要上传到网站的文件,它是推荐大家使用https://www.favicon-generator.org/这个网站来生成网站图标Banner你可能还想更改Banner,把生成的Banner粘贴到src/utils/bin/commands.ts中,就可以了建议使用https://manytools.org/hacker-tools/ascii-banner/这个网站生成Banner。部署到Vercel部署Next.js应用程序的最简单方法是使用Next.js创建者(https://vercel.com/)平台提供的Vercel。你可以将你的github账号连接到vercel,让vercel自动为你部署github代码库。Git存储库:https://github.com/Cveinnt/LiveTerm。