Miya

Nekomimi:ACG风落地导航页
这是一个坑,说不准就可能挖坑不填了|´・ω・)ノ 2018-08-11 15:33 我填坑了|´・ω・)ノ ...
扫描右侧二维码阅读全文
11
2018/08

Nekomimi:ACG风落地导航页

这是一个坑,说不准就可能挖坑不填了|´・ω・)ノ

  • 2018-08-11 15:33

我填坑了|´・ω・)ノ

说明

这是你没有挽过的船新版本……那是不可能的
这个项目名字叫 Nekomimi ,翻译过来就是猫耳的意思,然而默认的几张背景图里一张猫耳娘都没,可以说是非常不切实际了
总之呢,这个项目是一个月前的坑,近日才想起来应该好好填掉了
由于使用了 npm ,所以想使用的话,请先点击下面的 Demo 链接访问下,然后再决定是否下载部署
Demo 地址:https://Miya-Yukarin.github.io/JS-Nekomimi/

部署方法

  1. 请先确认计算机内已安装 Node.jsnpm ,如果没有以及不知道怎么安装请参考这里:Node.js 安装 | 菜鸟教程
  2. 在 GitHub 中 Clone 这个项目,或 Download Zip 这个项目
  3. 解压压缩包,在命令行Command-line窗口中,定位到项目根目录,输入以下命令安装所需的模块

    npm install

  4. 若需修改内部内容,请使用文本编辑器或 IDE 打开根目录的 option.js ,根据注释修改内容
  5. 修改完毕后使用以下命令打包

    npm start

注:在本地服务Services器启动的情况下,所有修改都会重新部署并自动刷新浏览器

  1. 如果想将本项目放置到服务器中,请在本地部署完毕后,将 index.htmlstyle.cssapp.js 三个文件放置到你的服务器或虚拟主机Host中,即可使用个人域名来访问

许可

MIT License

功能

首页

6个可自定义社交按钮

文章页

TODO:拉取Pull你位于 Wordpress 或 Typecho 的博客最近6篇文章
自定义设置你喜欢的4~8篇文章
力不足です、ごめんなさい

游戏页

可以自定义自己玩的4~12个游戏(邀请码哇 ID 求好友哇之类的)

关于页

自己写点什么吧

一言

底端一言区,文字来自hitokoto

背景

可自定义随机Random变换1080P壁纸,全网 CDN 加速

最终效果

PC
移动端

实现

我绝对不会告诉你这东西居然是用 JS 渲染弄出来的

地址

如果可以,请在右上角点击一下赠予一个 Star
https://github.com/Miya-Yukarin/Nekomimi

更新日志

v1.2.2

  • 将 font-awesome 与 animate.css 的 CDN 库更新为七牛云(可自行更改为 BootCDN )

v1.2.0

  • 修改 options.js 里的部分位置,使其更加人性化

  • 精简项目结构以及调整资源存储位置

v1.1.2

  • 修改标题及地址栏处自定义 avatar 不生效问题

  • 修改加载各组件时显示的部分内容

v1.1.0

  • 增加对移动端适配 为啥连这个都要写,明明现在响应式是主流吧

许可

MIT License

最后修改:2018 年 11 月 08 日 01 : 42 AM

3 コメント

  1. 记磊  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)

    很不错为,支持

  2. 2B  Mac OS X(Mac OS X) / Safari 12.0(Safari 12.0)

    第一幅图配色很舒服

    1. Miya  Mac OS X 10.13.6(Mac OS X 10.13.6) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)
      @2B

      其实是可变的,刷新一下就换个

コメントする

Home
Change
Photo
About
Hide