Code Monkey home page Code Monkey logo

homepage's Introduction

🎁Present

Present is presented by Zapic:gift_heart:.
一个简洁的个人主页,支持显示博客文章/随机背景图片/随机语句.
即时预览 preview.png

Browser support:

IE Chrome Firefox Other
11+(Partial Support) 49+ 52+ (?)

Setting-up:

随机背景图片

  1. 将图片放入static/img/内.
  2. 建议放入一个图片的缩略图优化加载体验.
  3. index.html内找到var bgArr = [...
  4. 按以下格式添加一个对象:
{
	"url": "static/img/background.jpg",
	"thumb": "static/img/background-thumb.jpg" // 如果没有缩略图,可以留空.
}
  1. 如果不会可以简单的学一下JavaScript语法.

随机语句

  1. index.html内找到var senArr = [...
  2. 按照 Typinyin.js 的文档添加语句.
  3. 如果不会可以简单的学一下JavaScript语法.

博客文章输出

JSON模式

此模式无需设置跨域,仅需提供PHP支持,由后端解析XML文档,传输数据量较少,推荐使用.
注意: 使用本功能,你的服务器必须支持PHP 5.6+,并启用XML拓展.

  1. index.html内找到var feedType=...,修改为json.
  2. feed.php内找到$feed_url;
  3. $feed_url修改为你的博客RSS订阅地址.
  4. 如果不会可以简单的学一下PHP语法.

XML模式

此模式 需设置 跨域,无需提供PHP支持,由前端解析XML文档,传输数据量较多,在无PHP环境情况下推荐使用.
此处不提供跨域教程,请自行搜索.

  1. index.html内找到var feedType=...,修改为xml,
  2. index.html内找到var feedPath=...,修改为你的博客RSS地址,如https://blog.me/feed;
  3. 如果不会可以简单的学一下JavaScript语法.

链接图标

链接图标列表: Font Awesome

  1. 在列表里找到心仪的图标
  2. 点击复制按钮
  3. 找到需要修改的图标(图标元素均为i,拥有fa类)
  4. 删除原有的图标class(fa-*),将新的粘贴进去.

homepage's People

Contributors

45gfg9 avatar kawaiizapic avatar mcxiaolan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.