v2:with使用React构建的简单,可访问且交互式的个人网站!-源码

上传者: 42144366 | 上传时间: 2021-02-02 20:36:04 | 文件大小: 413KB | 文件类型: ZIP
亚当斯顿.com· 使用构建托管的的第二次迭代。 先前的版本: 该网站的设计既简单又易于访问。 动态粒子创造了一种互动且视觉上引人入胜的体验。 该站点通过切换,暗模式(默认)和亮模式提供了两个主题。 切换后,所选主题应在选项卡,窗口和页面重新加载之间保持不变。 该站点的移动支持范围从4英寸显示器到6.7英寸,一直到13英寸平板电脑。 开源的 我在假定其他人将使用该代码创建自己的网站的前提下将该网站开源。 我只要求将此代码与归因一起使用,因为花费了大量时间来编写和优化它。 请通过链接回到给予适当的信誉。 谢谢! 安装与设置 克隆此存储库 安装软件包/依赖项: npm install 启动开发服务器: npm start 随意更改图标或颗粒颜色之类的任何内容 建设与部署 创建网站的生产版本: npm run build 文档详细介绍了如何部署到gh-pages ,Netlify和许多其他服务 图示 字体真棒图标 利用 图标 短代码 暗模式 fas moon 灯光模式 fas sun 的GitHub fab github 领英 fab linkedin 恢复

文件下载

资源详情

[{"title":"( 37 个子文件 413KB ) v2:with使用React构建的简单,可访问且交互式的个人网站!-源码","children":[{"title":"v2-master","children":[{"title":"public","children":[{"title":"manifest.json <span style='color:#111;'> 301B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 1.60KB </span>","children":null,"spread":false},{"title":"favicon.svg <span style='color:#111;'> 2.32KB </span>","children":null,"spread":false}],"spread":true},{"title":"yarn.lock <span style='color:#111;'> 490.10KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"icons","children":[{"title":"Email.jsx <span style='color:#111;'> 485B </span>","children":null,"spread":false},{"title":"Moon.jsx <span style='color:#111;'> 517B </span>","children":null,"spread":false},{"title":"GitHub.jsx <span style='color:#111;'> 1.78KB </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 268B </span>","children":null,"spread":false},{"title":"Sun.jsx <span style='color:#111;'> 857B </span>","children":null,"spread":false},{"title":"LinkedIn.jsx <span style='color:#111;'> 704B </span>","children":null,"spread":false},{"title":"Resume.jsx <span style='color:#111;'> 687B </span>","children":null,"spread":false}],"spread":true},{"title":"index.scss <span style='color:#111;'> 22B </span>","children":null,"spread":false},{"title":"stylesheets","children":[{"title":"content.scss <span style='color:#111;'> 550B </span>","children":null,"spread":false},{"title":"_index.scss <span style='color:#111;'> 70B </span>","children":null,"spread":false},{"title":"particles.scss <span style='color:#111;'> 267B </span>","children":null,"spread":false},{"title":"toggle.scss <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false},{"title":"buttons.scss <span style='color:#111;'> 1.32KB </span>","children":null,"spread":false},{"title":"footer.scss <span style='color:#111;'> 362B </span>","children":null,"spread":false},{"title":"app.scss <span style='color:#111;'> 486B </span>","children":null,"spread":false}],"spread":true},{"title":"Index.test.jsx <span style='color:#111;'> 1.20KB </span>","children":null,"spread":false},{"title":"components","children":[{"title":"Toggle.jsx <span style='color:#111;'> 945B </span>","children":null,"spread":false},{"title":"Footer.jsx <span style='color:#111;'> 746B </span>","children":null,"spread":false},{"title":"Content.jsx <span style='color:#111;'> 400B </span>","children":null,"spread":false},{"title":"Particles.jsx <span style='color:#111;'> 3.36KB </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 240B </span>","children":null,"spread":false},{"title":"Buttons.jsx <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false}],"spread":true},{"title":"assets","children":[{"title":"desktop.png <span style='color:#111;'> 85.34KB </span>","children":null,"spread":false},{"title":"mobile.png <span style='color:#111;'> 162.87KB </span>","children":null,"spread":false}],"spread":true},{"title":"__mocks__","children":[{"title":"matchMedia.jsx <span style='color:#111;'> 407B </span>","children":null,"spread":false}],"spread":true},{"title":"index.jsx <span style='color:#111;'> 431B </span>","children":null,"spread":false},{"title":"setupTests.jsx <span style='color:#111;'> 282B </span>","children":null,"spread":false},{"title":"hooks","children":[{"title":"PersistentState.jsx <span style='color:#111;'> 436B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".circleci","children":[{"title":"config.yml <span style='color:#111;'> 306B </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 4.52KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 296B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.32KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明