Giter VIP home page Giter VIP logo

danxi-newyear's Introduction

树洞年终总结报告

运行

在运行 Docker 镜像时需要使用 -e--env-file 参数设置环境变量:

  • 树洞数据库凭据:DB_HOST, DB_USER, DB_PASSWORD
  • 用户数据库凭据:AUTH_DB_HOST, AUTH_DB_USER, AUTH_DB_PASSWORD
  • 登录跳转 URL:AUTH_URL,格式为 https://auth.fduhole.com/login?url=[URL Encoded Deploy Site URL]

说明

PHP 代码

connect_db.php 建立数据库连接, query.php 执行 SQL 查询并将查询结果存放在变量中。

页面结构

每个页面包含在一个 section.swiper-slide 中。

每个页面分成若干个 div.segment,为一个段落。

每个段落中分为若干句话(p),文本里的强调用 strong.keyword表示。

引用用户帖子的内容是引用卡片,在 blockquote 元素中。

前端样式说明

样式代码在 style.css 中,主要包括 通用样式、 引用卡片样式、 Swiper 样式。

前端使用的库

滑动翻页效果使用了 SwiperJS 库,可以参考 官方示例

Markdown 渲染使用了 md-block,页面中的 md-block 标签即为 Markdown 内容。

饼图使用了 ChartJS,参考 文档说明

danxi-newyear's People

Contributors

fsy2001 avatar boreas618 avatar

Watchers

 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.