Skip to content

つつの订阅转换——保姆级基础教程

つつ edited this page Jul 31, 2021 · 3 revisions

主题制作完记得投稿呀~ Telegram:@Ox208

第一步 你需要有一个Github账号

如何注册Github账号?点这里进入Github注册教程

第二步 Fork本项目

进入项目页面 https://github.com/lhl77/subweb-tsutsu

如图所示点击Fork

Fork本项目

接着页面会自动跳转到这个页面(如下图)

Fork到自己的Github账户

第三步 准备工作

基础配置文件(必须修改)
/public/setting/setting.js --- 设置主题信息
/public/setting/setting.css --- 设置主题样式

首先,安装Github Desktop这个软件

官方下载地址:https://desktop.github.com/

安装后登录,然后按照图示保存将项目克隆(保存)到本地:

然后到本地的文档文件夹中,即可找到此项目。

打开设置目录:

文件管理器中的Setting文件夹

这两个文件中,setting.css是背景和颜色设置,setting.js是主题的信息设置。

第四步 编辑文件

首先,先用浏览器打开/public/index.html,这样我们可以看到这个页面:

![](效果图

先看setting.css

不用管最上面的必须设置区域,背景图片的设置,我们只需要在目录中把背景图片替换即可,注意:图片默认为png格式,请注意格式对应

替换图中background.png即可

效果图

然后setting.css中,有其他可以设置的,均有详细注释说明,大佬们可以自行设置。

在每次对setting.css更改后保存,在浏览器中刷新index.html页面即可实现预览

再看setting.css

我们发现面板中,主题的名字和作者为一长串字符

打开setting.js文件后即可对其进行设置

setting.js文件

第五步 部署

打开vercel:https://vercel.com/,然后点击右上角 Sign Up

选择Continue With Github,在弹出的页面点击下面的绿框框即可登录,最后再通过手机号验证即可登录。

然后按照下面图片操作即可:

结束页面

至此,基本教程结束。但由于本教程为保姆级教程,因此附带自定义域名的教程呀~ 主题制作完记得投稿呀~ Telegram:@Ox208

第六步 自定义域名

上面那张照片中,点击Go to Dashboard

然后解析域名,Cname,内容为:cname.vercel-dns.com,如图:

回到vercel中,在文本框中输入域名,然后点击Add添加!

大功告成啦!

成果图

Demo链接:https://demo.sub.tsutsu.cc 主题制作完记得投稿呀~ Telegram:@Ox208