Code Monkey home page Code Monkey logo

fortuneupup's Introduction

FortuneUpUp

今天会是什么样的一天呢

✨简介✨

​ 一个今日运势占卜工具,设计的初衷是为了取代博客在用的程序员老黄历,旨在给你的生活增添一些乐趣,设计启发和素材来自于《公主连结 Re:Dive》的一次新年占卜活动。

Demo页面

占卜结果

FortuneUpUp里边的推荐你去做/不要做的事件大多都是基于业余程序员(也就是我)的一些日常生活而写出来的,有代码,博客,UP主,视频,游戏,应用,社交,网站,日常等这几大类,如果您有一些想法,欢迎您提出PR。

关于特性与近期更新目标:FortuneUpUp To Do List

​ 温馨提示: FortuneUpUp生成的内容仅供娱乐,请在面对占卜结果的时候慎重考虑到底要不要做还是不做,由此产生的后果作者概不负责。

🪄使用🪄

添加以下代码到您的网页中

<script src="https://cdn.jsdelivr.net/gh/Moemu/FortuneUpUp/FortuneUpUp.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Moemu/FortuneUpUp/FortuneUpUp.css"></link>

绑定事件

<div id="StartFortuneUpUp" onclick="StartFortuneUpUp()"></div>

或者

window.onload = function(){
  StartFortuneUpUp();
}

⚒️自定义⚒️

我们鼓励用户folk此repo以自定义自己的FourtuneUpUp页面。

如果您对JavaScript不熟悉,那么本内容可能对您有所帮助。

1. 自定义字体

FortuneUpUp允许用户自定义自己的字体,在FortuneUpUp.js首行的设置项中找到CustomFont变量,将其中的内容换成你自己的字体即可。

温馨提示:您需要提前在您的CSS/HTML文件中加入您字体的CDN链接,并确保它在FortuneUpUp之前加载,不然会显示默认的微软雅黑。

2. 自定义事件

按照这个格式配置你的自定义事件。

对于Events中的普通事件,格式如下:

{name:"(事件名/标题)",good:"(若这个事件被选为宜事件,下方显示的注释。)",bad:"(若这个事件被选为忌事件,下方显示的注释。输入null则不会被选为忌事件)",tag:"(事件标签,通常是职位或者是兴趣爱好名,在未来引入该特性)"}

对于SpecialFestivalEvents中的特别日事件,格式如下:

{Date:"(触发日期。日期格式: (L)MM.DD 若日期前含有L,则为农历)",name:"(事件名/标题)",good:"(若这个事件被选为宜事件,下方显示的注释。)",bad:"(若这个事件被选为忌事件,下方显示的注释。输入null则不会被选为忌事件)"}

对于NormalFestivalEvents中的普通节假日事件,格式与Events一致(注意:NormalFestivalDateList不支持农历)

🎉示例🎉

博客示例页面: 运势UpUp

博客示例页面

⚒️关于⚒️

使用GPL v3.0协议

使用了 https://github.com/jjonline/calendar.js 中的部分源代码并移植

作者: Moemu (muspace.top)

fortuneupup's People

Contributors

moemu avatar web-flow avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

kjzh001

fortuneupup's Issues

加载外部推荐字体

本来想用Github Action制作字体子集的,但不知道为什么就是没办法推送更改,报了个403错误给我整不会了。

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.