新聞中心
LiveTerm 可以用來(lái)在幾分鐘時(shí)間內(nèi)構(gòu)建一個(gè)終端風(fēng)格的網(wǎng)站,由 Next.js 開(kāi)發(fā)的高度可定制、易于使用和最小的終端樣式網(wǎng)站模板。

創(chuàng)新互聯(lián)致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營(yíng)銷(xiāo),包括網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、SEO優(yōu)化、網(wǎng)絡(luò)推廣、整站優(yōu)化營(yíng)銷(xiāo)策劃推廣、電子商務(wù)、移動(dòng)互聯(lián)網(wǎng)營(yíng)銷(xiāo)等。創(chuàng)新互聯(lián)為不同類(lèi)型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制及解決方案,創(chuàng)新互聯(lián)核心團(tuán)隊(duì)十多年專(zhuān)注互聯(lián)網(wǎng)開(kāi)發(fā),積累了豐富的網(wǎng)站經(jīng)驗(yàn),為廣大企業(yè)客戶提供一站式企業(yè)網(wǎng)站建設(shè)服務(wù),在網(wǎng)站建設(shè)行業(yè)內(nèi)樹(shù)立了良好口碑。
使用 LiveTerm 構(gòu)建一個(gè)簡(jiǎn)單的網(wǎng)站只需幾分鐘,而且你只需要使用一個(gè) config.json 文件即可??寺№?xiàng)目代碼倉(cāng)庫(kù)后,只需運(yùn)行 yarn install && yarn dev 并開(kāi)始編輯 config.json 即可構(gòu)建你的網(wǎng)站了!LiveTerm 可以被用來(lái)構(gòu)建各種類(lèi)型的網(wǎng)站:個(gè)人網(wǎng)站、啟動(dòng)頁(yè)、項(xiàng)目頁(yè)等等,如下所示:
構(gòu)建網(wǎng)站
LiveTerm 需要使用 yarn 包管理器,所以需要提前安裝,然后直接在終端中執(zhí)行下面的命令:
sh -c "$(curl -fsSL https://raw.github.com/Cveinnt/LiveTerm/main/install/install.sh)"
這會(huì)將 LiveTerm 安裝到當(dāng)前目錄,然后就可以通過(guò)以下方式開(kāi)始構(gòu)建你的網(wǎng)站:
cd LiveTerm && yarn dev
然后開(kāi)始編輯 config.json 文件并保存查看更改結(jié)果!此外也可以將此存儲(chǔ)庫(kù)克隆到你選擇的位置:
git clone https://github.com/Cveinnt/LiveTerm.git && cd LiveTerm
然后安裝依賴(lài)并開(kāi)始構(gòu)建:
yarn install && yarn dev
就是這么簡(jiǎn)單!
如果你習(xí)慣使用 Docker 的話,那么同樣可以使用 Docker 來(lái)進(jìn)行構(gòu)建網(wǎng)站,同樣克隆項(xiàng)目代碼然后根據(jù)自己的需求編輯 config.json 文件,然后執(zhí)行下面的命令啟動(dòng)容器即可:
docker-compose up -d
配置
基本配置
LiveTerm 90% 的配置都是通過(guò) config.json 文件完成的,該文件的內(nèi)容如下所示:
{
"readmeUrl": // create a Github README and link it here!
"title": // title of the website
"name": // your name, included in 'about' command
"ascii": // ascii art to display
"social": {
"github": // your handle
"linkedin": // your handle
},
"email": // your email
"ps1_hostname": "liveterm" // hostname in prompt
"ps1_username": "visitor", // username in prompt
"resume_url": "../resume.pdf", // path to your resume
"non_terminal_url": "W",
"colors": {
"light": {
...
},
"dark": {
... // you can use existing templates in themes.json or use your own!
}
}
}可以按照自己的想法隨意修改該文件即可。
主題
你可以在 themes.json 文件中找到幾個(gè)預(yù)先配置好的主題,可以將 config.json 中的顏色替換為你喜歡的主題顏色!主題基于網(wǎng)站 https://glitchbone.github.io/vscode-base16-term/#/ 上配置的。
我們可以查看 demo 目錄中的圖片來(lái)預(yù)覽這些主題。
Favicons
網(wǎng)站圖標(biāo)與要上傳到網(wǎng)站的其他文件一起位于 public/ 中,推薦大家使用 https://www.favicon-generator.org/ 這個(gè)網(wǎng)站來(lái)生成網(wǎng)站圖標(biāo)。
Banner
你可能還想更改 Banner,只需將生成的 Banner 粘貼到 src/utils/bin/commands.ts 中即可,推薦使用 https://manytools.org/hacker-tools/ascii-banner/ 這個(gè)網(wǎng)站來(lái)生成Banner。
部署到 Vercel
部署 Next.js 應(yīng)用程序的最簡(jiǎn)單方法是使用 Next.js 創(chuàng)建者提供的 Vercel(https://vercel.com/) 平臺(tái)。你可以將你的 github 帳戶連接到 vercel,并讓 vercel 自動(dòng)為你部署 github 代碼倉(cāng)庫(kù)。
Git 倉(cāng)庫(kù):https://github.com/Cveinnt/LiveTerm。
網(wǎng)頁(yè)題目:有意思,這個(gè)工具幾分鐘幫你構(gòu)建一個(gè)終端風(fēng)格的網(wǎng)站
當(dāng)前鏈接:http://m.fisionsoft.com.cn/article/cdogejo.html


咨詢(xún)
建站咨詢(xún)
