Back to Hellogithub

《HelloGitHub》第 02 期

content/HelloGitHub02.md

latest8.8 KB
Original Source

《HelloGitHub》第 02 期

兴趣是最好的老师,HelloGitHub 让你对开源感兴趣!

<p align="center"> </img> </p>

目录

点击右上角的 「目录」 图标打开目录,获得更好的阅读体验。

Tips:如果遇到图片刷不出来的情况,点击 换一种浏览方式。

<p align="center"> </img>

关注「HelloGitHub」公众号,第一时间收到推送

</p>

内容

以下为本期内容|每月 28 号更新

CSS 项目

1、github-markdown-css:仿 GitHub 的 Markdown 的样式,就是使用了这个 CSS 后,Markdown 展示效果和 GitHub 的大致一样。示例

<p align="center"></img></p>

JavaScript 项目

2、ant-motion:阿里开源的项目,一套 React 框架动效解决方案,可以帮助开发者,更容易的在项目中使用动效。同时可以方便快捷地制作一个公司的介绍页,在线演示

3、jquery-weui:可能是最好用 WeUI 版本,展示效果如下:

<p align="center"></img></p>

4、listen1_desktop:Listen 1 让你用一个网页就能听到多个网站的在线音乐,支持各种平台。如图:

<p align="center"></img></p>

5、ssbc:Python Django 写的种子搜索网站——手撕包菜,如图:

<p align="center"></img></p>

6、waitForImages:背景加载完事件,示例代码:

html
<script type="text/javascript" src="http://catmull.uk/downloads/bg-loaded/bg-loaded.js"></script>
<script type="text/javascript">
   $('body').bgLoaded({
      afterLoaded : function() {
         alert('Background image done loading');
      }
   });
</script>

7、wechat-h5-boilerplate:为腾讯微信优化的 HTML5 动效模板,帮助你快速构建全屏滚动型 HTML5 页面,示例

<p align="center"></img></p>

Python 项目

8、algorithm:老齐的 Python 算法教程

9、mincss:Python 写的用来找到 CSS 中没有用到的代码片段,并删除。适用于:想要做一个页面,但是不会写 CSS 人。示例代码如下:

python
#coding:utf-8
#!/usr/bin/env python
from __future__ import print_function
import sys, os
sys.path.insert(0, os.path.abspath('.'))
from mincss.processor import Processor

# 这里改成想要参考的页面
URL = 'http://localhost:9000/page.html'

def run():
    p = Processor()
    p.process(URL)

    # 输出INlink的css的简化前和简化后的css代码
    print("INLINES ".ljust(79, '-'))
    for each in p.inlines:
        print("On line %s" % each.line)
        print('- ' * 40)
        print("BEFORE")
        print(each.before)
        print('- ' * 40)
        print("AFTER:")
        print(each.after)

    # 输出link引用的css的简化前和简化后的css代码
    print("LINKS ".ljust(79, '-'))
    for each in p.links:
        print("On href %s" % each.href)
        print('- ' * 40)
        print("BEFORE")
        print(each.before)
        print('- ' * 40)
        print("AFTER:")
        print(each.after)

if __name__ == '__main__':
    run()

10、python-gems:有趣的 Pyhton 代码片段集合

11、python-goose:Goose 用于文章提取器,提取中文内容的示例代码:

python
>>> from goose import Goose
>>> from goose.text import StopWordsChinese
>>> url  = 'http://www.bbc.co.uk/zhongwen/simp/chinese_news/2012/12/121210_hongkong_politics.shtml'
>>> g = Goose({'stopwords_class': StopWordsChinese})
>>> article = g.extract(url=url)
>>> print article.cleaned_text[:150]
香港行政长官梁振英在各方压力下就其大宅的违章建筑(僭建)问题到立法会接受质询,并向香港民众道歉。

梁振英在星期二(1210日)的答问大会开始之际在其演说中道歉,但强调他在违章建筑问题上没有隐瞒的意图和动机。

一些亲北京阵营议员欢迎梁振英道歉,且认为应能获得香港民众接受,但这些议员也质问梁振英有

其它

12、leetcode-solutions:Leetcode OJ 的 Python 算法实现

<p align="center"> <a href="https://github.com/521xueweihan/HelloGitHub/blob/master/content/HelloGitHub01.md">『上一期』</a> | <a href='https://github.com/521xueweihan/HelloGitHub/issues/899'>反馈和建议</a> | <a href="https://github.com/521xueweihan/HelloGitHub/blob/master/content/HelloGitHub03.md">『下一期』</a> </p>
<p align="center"> 👉 <a href='https://hellogithub.com/periodical'>来!推荐开源项目</a> 👈
微信中搜:<strong>HelloGitHub</strong> 关注公众号

不仅能第一时间收到推送,还有回馈粉丝的活动

如果文中的图刷不出来,可以点击 <a href='https://hellogithub.com/periodical/volume/02'>这里</a>。
</p>

赞助

<table> <thead> <tr> <th align="center" style="width: 80px;"> <a href="https://www.compshare.cn/?utm_term=logo&utm_campaign=hellogithub&utm_source=otherdsp&utm_medium=display&ytag=logo_hellogithub_otherdsp_display">
      <sub>UCloud</sub>

      <sub>超值的GPU云服务</sub>
    </a>
  </th>
  <th align="center" style="width: 80px;">
    <a href="https://www.upyun.com/?from=hellogithub">
      

      <sub>CDN</sub>

      <sub>开启全网加速</sub>
    </a>
  </th>
  <th align="center" style="width: 80px;">
    <a href="https://github.com/OpenIMSDK/Open-IM-Server">
      

      <sub>OpenIM</sub>

      <sub>开源IM力争No.1</sub>
    </a>
  </th>
  <th align="center" style="width: 80px;">
    <a href="https://www.qiniu.com/products/ai-token-api?utm_source=hello">
      

      <sub>七牛云</sub>

      <sub>百万 Token 免费体验</sub>
    </a>
  </th>
</tr>
</thead> </table>

声明

<a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.zh"></a> 本作品采用 <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.zh">署名-非商业性使用-禁止演绎 4.0 国际</a> 进行许可。