TY-LandingPagev1.0:简单的落地导航页

人类总是在重复着同样的悲剧…

上次(其实也就是昨天)弄的落地页然后被说不要玩魔法屋……于是就重做了下弄个简单点的
应该是通用版本,仅保留必要的东西,其他隐藏的东西全部取消了
TY 是什么意思呢,这个是禁止事项

效果图(祖传背景)

祖传背景图

项目说明

一个静态的可供做为导航页面使用的落地页

GitHub 存档:GitHub

Demo 地址

Demo

包含内容

  1. 随机变换的背景(自带全网 CDN ,可自定义)
  2. 主副标题
  3. 自定义链接
  4. 自带一言

使用方法

  1. Clone 这个项目或 Download ZIP 的方式下载压缩包
  2. 在命令行窗口中定位项目根目录,然后输入以下命令以安装所需要的模块

npm install

  1. 使用以下命令运行项目

npm start

  1. TY V1.0版本已自带修改即时编译即时刷新浏览器功能

如何上传到个人服务器或虚拟主机中

请确认已经编译项目

复制index.html,style.css,main.js,Chelsea.ttf(可选)

将文件粘贴到 public_html 或根目录中,即可使用 yourname.site 的方式进行访问

将文件粘贴到 public_html 或根目录下的二级目录中,即可使用 yourname.site/你的二级目录你的二级目录.yourname.site 的方式进行访问

修改方法

TY V1.0

所有可修改部分均位于 option.js不要问我为什么不是图形化界面
能用 npm 的人应该不用多说了,看注释就行了

可修改部分

  • 标题栏标题
  • 页面内主标题
  • 页面内副标题
  • 链接按钮
    内置 Font-Awesome, 可直接使用
Last modification:September 9th, 2018 at 06:02 pm

Leave a Comment