/Akio-SelfWebsite

Primary LanguageTypeScriptMIT LicenseMIT

Akio-SelfWebsite.

[ zh_CN | en_US ]

简介:

这是我蓄谋已久的网页项目!前项目为 PostCard - furrycreakler.github.io (现:FurryKamenomi.github.io,可在往期提交见原先版本!)

这个项目从我小学六年级写到现在,因为当时技术能力不够以至于项目重建又重建,来来回回弄了五回,现在算是我较成功的前端静态项目了。(跌跌撞撞走到现在,卑微)

这个项目我正在尝试使用模块化,减少全局变量污染问题。

项目依赖:

  1. UAParser - MIT

  2. Typescript - Apache2.0

  3. Material Design icons - Apache2.0

项目使用:

首次运行

在开发本项目时,页面文件会警示脚本文件丢失。

不用担心,在该目录下的终端里发送 tsctsc -watch 进行编译监听。

接着就解析成功正常啦。

页面插入

可在 /pages/ 目录下创建你的新页面!

在页面跳转时,主脚本会根据 location.search 以及你所定义的 <FolderName>(无大小写检查)进行导入其页面数据。

模板结构如下:

Tree - Pages
	┗ <FolderName>
		┗ index.html             /* Your pages data. */
		┗ <ScriptName>.js        /* *Optional. Wont complie ts script. */
		┗ <StyleName>.less/css   /* *Optional, Less will be complied. */

如果你想使用ts脚本,可在 /script/src/pages/<FolderName>/ 目录下编写。

在页面文件导入中使用以下格式:

<script type="module" src="/script/dist/<FolderName>/<ScriptFile>">

在 index.html 文件当中,你可不必重复声明 <doctype html>、<html>、<body> 等,直接插入<div>等。

库声明添加

若添加新的库声明,请按一下操作,否则将出现像依赖 NodeJS 警示或找不到文件。

  1. /script/def/ 当中创建文件夹以 所依赖库的名称 命名。

  2. 之后在其文件夹下导入库的声明文件

  3. 最后在 /script/def/index.d.ts 中添加以下内容:

/// <reference path="库的主声明文件(相对定位)" /> (记得替换!)

  1. 在你依赖此的脚本文件下测试!如果无法正常解析,请适当修改库声明文件。(实在没办法请提交 issue)

关于

Powered By FurryCreakler.

Thanks For GoogleFont!