《HelloGithub》第02期

发表于 更新于 分类于 阅读次数： Waline： 本文字数： 3k

简介

 分享 GitHub 上有趣、入门级的开源项目。

 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊，月刊的内容包括：各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等，这些开源项目大多都是非常容易上手，而且非常 Cool。主要是希望大家能动手用起来，加入到开源社区中。会编程的可以贡献代码，不会编程的可以反馈使用这些工具中的 Bug，帮着宣传你觉得优秀的项目Star 项目⭐️

 在浏览、参与这些项目的过程中，你将学习到更多编程知识、提高编程技巧、找到编程的乐趣。

 最后 HelloGitHub 这个项目就诞生了。

兴趣是最好的老师，HelloGitHub 就是帮你找到兴趣！

Tips：如果文中的图获取刷不出来，可以点击这里更好的阅读体验。

内容

以下为本期内容

1 CSS项目

1.1 github-markdown-css

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

2 JavaScript项目

2.1 listen1_desktop

 listen1_desktop：Listen1让你用一个网页就能听到多个网站的在线音乐，支持各种平台。如图：

Listen1主界面

2.2 jquery-weui

 jquery-weui：可能是最好用 WeUI 版本，展示效果如下：

jquery-weui主界面

2.3 ant-motion

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

2.4 wechat-h5-boilerplate

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

2.5 waitForlmages

 waitForImages：背景加载完事件，示例代码：

1
2
3
4
5
6
7
8
<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>

3 Python项目

3.1 luokr.com

 luokr.com：Python Tornado 写的开源网站——螺壳网，访问，如图：

螺壳网

3.2 ssbc

 ssbc：Python Django 写的种子搜索网站——手撕包菜，如图：

手撕包菜

3.3 python-gems

 python-gems：有趣的Pyhton代码片段集合。

3.4 algorithm

 algorithm：老齐的 Python 算法教程。

3.5 python-goose

 python-goose：Goose 用于文章提取器，提取中文内容的示例代码：

1
2
3
4
5
6
7
8
9
10
11
>>> 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]
香港行政长官梁振英在各方压力下就其大宅的违章建筑（僭建）问题到立法会接受质询，并向香港民众道歉。

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

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

3.6 mincss

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
#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()

声明

如果你发现了好玩、有意义的开源项目 点击这里 分享你觉得有意思的项目。

❤️❤️❤️

本文转自Github，点击《HelloGithub》查看原文。

------ 本文结束 感谢您的阅读------