Miya

TY-LandingPagev1.0:简单的落地导航页
人类总是在重复着同样的悲剧… 上次(其实也就是昨天)弄的落地页然后被说不要玩魔法屋……于是就重做了下弄个简单点...
扫描右侧二维码阅读全文
09
2018/09

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

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

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

效果图(祖传背景)

祖传背景图

项目说明

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

GitHub 存档:GitHub

Demo 地址

Demo

包含内容

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

使用方法

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

    npm install

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

    npm start

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

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

请确认已经编译项目

复制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, 可直接使用
最后修改:2018 年 09 月 09 日 06 : 02 PM

コメントする

Home
Change
Photo
About
Hide