{: .center-image}]({{ site.baseurl }}/)
10 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | # frozen_string_literal: true
2 |
3 | source "https://rubygems.org"
4 |
5 | gem "rake"
6 | gem "jekyll-sitemap"
7 | gem "jekyll-feed"
8 | gem "jekyll-paginate"
9 |
10 | group :jekyll_plugins do
11 | gem 'jekyll-algolia', '~> 1.0'
12 | end
13 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | #
2 | # This file contains configuration flags to customize your site
3 | #
4 |
5 | # Name of your site (displayed in the header)
6 | name: 社会项目
7 |
8 | # Short bio or description (displayed in the header)
9 | description: 开源影响力 git.io/JURni
10 |
11 | #
12 | # Flags below are optional
13 | #
14 |
15 | # URL of your avatar or profile pic (you could use your GitHub profile pic)
16 | avatar: # /images/apple-touch-icon.png #
17 |
18 | barcode: https://i.imgur.com/WebwHj5.png
19 |
20 | # Tabs in header. There are 'Blog', 'About', 'Archive', 'Tags'
21 | # and URL Link(e.g. 'Theme' tab below) tabs. If you don't need one, just delete
22 | # it from the list(Delete '- name: ' and 'url: ', too!)
23 | navigation:
24 | - name:
25 | url: /categories
26 | - name:
27 | url: https://be4.herokuapp.com/
28 | - name:
29 | url: /about
30 |
31 | # Pagination
32 | paginate: 50
33 |
34 | searchlimit: 100
35 |
36 | # Includes an icon in the footer for each username you enter
37 | footer-links:
38 | behance: # https://www.behance.net/{{ page.title }}
8 | 9 |
10 | {{ content }}
11 |
12 |
4 | {% for post in site.posts %}
5 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
105 |
106 |
140 |
--------------------------------------------------------------------------------
/_includes/analytics.html:
--------------------------------------------------------------------------------
1 | {% if site.google_analytics %}
2 |
3 |
15 |
16 | {% endif %}
17 |
18 | {% if site.clicky_analytics %}
19 |
20 |
21 |
6 | {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
7 |
8 |
9 |
17 | {% endfor %}
18 | 10 | 11 | {{ post.title | escape }} 12 | 13 |
14 | 15 |{{ post.excerpt }}
16 | 
22 | {% endif %}
23 |
--------------------------------------------------------------------------------
/_includes/back-to-top.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
--------------------------------------------------------------------------------
/_includes/copyright.html:
--------------------------------------------------------------------------------
1 | 2 | 3 | 4 | 文章版权归原作者所有。 5 | 6 | -------------------------------------------------------------------------------- /_includes/disqus.html: -------------------------------------------------------------------------------- 1 | {% if page.comments %} 2 | {% if site.disqus %} 3 | 4 |
5 |
6 |
24 |
25 |
26 |
27 | {% endif %}
28 |
29 | {% if site.intensedebate %}
30 |
35 |
36 |
37 | {% endif %}
38 |
39 | {% if site.gitalk %}
40 |
41 |
42 |
43 |
44 |
45 |
61 | {% endif %}
62 |
63 |
64 | {% endif %}
65 |
--------------------------------------------------------------------------------
/_includes/fab.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
37 |
--------------------------------------------------------------------------------
/_includes/fonts.html:
--------------------------------------------------------------------------------
1 |
2 |
16 |
--------------------------------------------------------------------------------
/_includes/footer.html:
--------------------------------------------------------------------------------
1 |
5 | {% if paginator.previous_page_path %}
6 |
7 | 上
8 |
9 | {% endif %}
10 | {% if paginator.next_page_path %}
11 |
12 | 下
13 |
14 | {% endif %}
15 | {% if page.previous %}
16 |
17 | 后
18 |
19 | {% endif %}
20 | {% if page.next %}
21 |
22 | 前
23 |
24 | {% endif %}
25 | {% if post_tag_m1 %}
26 |
27 | 左
28 |
29 | {% endif %}
30 | {% if post_tag_p1 %}
31 |
32 | 右
33 |
34 | {% endif %}
35 |
36 | {{ site.footer-text }}
9 | {% endif %} 10 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 |
2 |
34 |
35 |
--------------------------------------------------------------------------------
/_includes/simple-search.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
20 |
--------------------------------------------------------------------------------
/_includes/social-share.html:
--------------------------------------------------------------------------------
1 |
2 | {% if page.from %}
3 | {% assign shareurl = site.url | append: site.baseurl | append: page.url %}
4 | {% assign sharetitle = page.title %}
5 | {% else %}
6 | {% assign shareurl = site.url | append: site.baseurl | append: page.url %}
7 | {% assign sharetitle = site.name | append: '-' | append: site.description %}
8 | {% endif %}
9 |
20 |
--------------------------------------------------------------------------------
/_includes/svg-icons.html:
--------------------------------------------------------------------------------
1 |
2 |
68 |
--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | {% include head.html %}
4 |
5 | {% include nav.html %}
6 |
7 | {% include social-share.html %}
8 |
9 |
3 |
4 | {% if site.avatar %}
5 | 
6 | {% endif %}
7 |
8 |
30 |
31 |
32 |
33 |
9 |
12 |
13 |
28 |
29 | {{ site.name }}
10 | {{ site.description }} 11 |
10 | {{ content }}
11 |
12 |
13 | {% include back-to-top.html %}
14 |
15 |
22 |
23 | {% include analytics.html %}
24 |
25 |
26 |
--------------------------------------------------------------------------------
/_layouts/page.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 | {{ page.title }}
32 | 33 | {% assign author = site.data.authors[page.author] %} 34 | 35 |
36 |
37 | {{ page.date | date: "%Y-%m-%d" }}
38 |
39 |
40 |
41 | {% if author %}
42 |
43 |
44 | 作者: {{ author.name }}
45 |
46 | {% else %}
47 | {% if page.categories.last != page.author %}
48 |
49 |
50 | 作者: {{ page.author }}
51 |
52 | {% endif %}
53 | {% endif %}
54 |
55 |
56 |
76 |
77 | -
57 |
- 58 | 59 | {{ page.categories.last }} 60 | 61 | 62 |
78 | {% capture video_id %}{{ page.from | replace: "https://www.youtube.com/watch?v=",'' | replace: "https://youtu.be/", '' }}{% endcapture %}
79 | {% if video_id contains "http://" or video_id contains "https://" %}
80 | {% else %}
81 |
82 | {% endif %}
83 | {% if page.photo %}
84 | 
85 | {% endif %}
86 | {{ content }}
87 |
88 |
89 | {% include copyright.html %}
90 |
91 |
92 |
97 |
98 |
99 | {{ post_tag_m2.title }}
100 |
101 |
102 | {% endif %}
103 | {% if post_tag_m1.url %}
104 |
105 |
106 |
107 | {{ post_tag_m1.title }}
108 |
109 |
110 | {% endif %}
111 | {% if post_tag_p1.url %}
112 |
113 |
114 |
115 | {{ post_tag_p1.title }}
116 |
117 |
118 | {% endif %}
119 | {% if post_tag_p2.url %}
120 |
121 |
122 |
123 | {{ post_tag_p2.title }}
124 |
125 |
126 | {% endif %}
127 |
128 |
129 |
130 | #{{ page.categories.last }} 的其它文章
93 | --最新- 94 | -最早-- 95 | {% if post_tag_m2.url %} 96 |131 |
132 | {% if page.previous.url %}
133 |
134 |
135 | 前一篇：{{ page.previous.title }}
136 |
137 |
138 | {% endif %}
139 | {% if page.next.url %}
140 |
141 |
142 | 後一篇：{{ page.next.title }}
143 |
144 |
145 | {% endif %}
146 |
147 |
156 | {% include fab.html %}
157 |
158 |
159 |
160 |
161 | {% include disqus.html %}
162 | No post found
9 | {% endif %} 10 | 11 | 33 | -------------------------------------------------------------------------------- /check.js: -------------------------------------------------------------------------------- 1 | let { Octokit } = require('@octokit/rest') 2 | let { loadWikipedia, generateArticle, googlePhoto } = require('./lib') 3 | const crypto = require('crypto'); 4 | let fs = require('fs') 5 | 6 | require('dotenv').config() 7 | 8 | let TOKEN = process.env.TOKEN 9 | let REPOSITORY = process.env.REPOSITORY 10 | let [OWNER, REPO] = REPOSITORY.split('/') 11 | 12 | let octokit = new Octokit({ 13 | auth: TOKEN 14 | }) 15 | 16 | const FILE = '100644'; // commit mode 17 | const encoding = 'utf-8'; 18 | const ref = 'heads/master'; 19 | 20 | let committer = { 21 | name: 'NodeBE4', 22 | email: 'you@example.com' 23 | } 24 | 25 | async function performDoubleCheck() { 26 | let { data } = await octokit.issues.listForRepo({ 27 | owner: OWNER, 28 | repo: REPO, 29 | state: 'closed' 30 | }) 31 | 32 | let promises = data.map(async (issue) => { 33 | try { 34 | let responses = await octokit.issues.listLabelsOnIssue({ 35 | owner: OWNER, 36 | repo: REPO, 37 | issue_number: issue.number 38 | }); 39 | var labels = responses.data.map(function (item) { 40 | return item.name ; 41 | }); 42 | if (!(labels.includes('double_checked'))){ 43 | let repo = issue.body.split('\n')[0] 44 | let desc = issue.body.split('---描述---\n')[1].trim() 45 | let match = /^https:\/\/(github|gitlab).com\// 46 | let text = fs.readFileSync('./index.json', {encoding:'utf8', flag:'r'}) 47 | let json = JSON.parse(text) 48 | 49 | let hash = crypto.createHash('md5').update(repo).digest("hex") 50 | var thisperson = json.filter(function (item) { 51 | return item.repo == repo ; 52 | }); 53 | if (thisperson.length == 0){ 54 | await octokit.issues.update({ 55 | owner: OWNER, 56 | repo: REPO, 57 | issue_number: issue.number, 58 | state: 'open', 59 | title: `add_request`, 60 | labels: ['missing'] 61 | }) 62 | }else{ 63 | await octokit.issues.update({ 64 | owner: OWNER, 65 | repo: REPO, 66 | issue_number: issue.number, 67 | state: 'closed', 68 | title: issue.title, 69 | labels: labels.concat(['double_checked']) 70 | }) 71 | } 72 | } 73 | } catch(error) { 74 | await octokit.issues.createComment({ 75 | owner: OWNER, 76 | repo: REPO, 77 | issue_number: issue.number, 78 | body: `错误 ${error.toString()}` 79 | }) 80 | await octokit.issues.update({ 81 | owner: OWNER, 82 | repo: REPO, 83 | issue_number: issue.number, 84 | state: 'closed', 85 | labels: ['error'] 86 | }) 87 | throw error 88 | } 89 | 90 | }) 91 | 92 | await Promise.all(promises) 93 | } 94 | 95 | performDoubleCheck() 96 | -------------------------------------------------------------------------------- /clean.js: -------------------------------------------------------------------------------- 1 | let fs = require('fs') 2 | let urlMod = require('url') 3 | let URL = urlMod.URL 4 | let request = require ('request') 5 | 6 | 7 | function timeConverter(UNIX_timestamp){ 8 | var a = new Date(UNIX_timestamp); 9 | return a 10 | } 11 | 12 | 13 | async function cleanPosts() { 14 | let postFolder = `./_posts` 15 | let files = fs.readdirSync(postFolder) 16 | 17 | files.map(item => { 18 | let posttext = fs.readFileSync(`${postFolder}/${item}`, 'utf8') 19 | let postsplitted = posttext.split('---') 20 | let yamlheader = postsplitted[1] 21 | let timestamp = new Date() 22 | let placeholder = ' '+timestamp.toISOString()+' ' 23 | let yamltemp = yamlheader.replace(/\n/g, placeholder) 24 | yamltemp = yamltemp.replace(/[\x00-\x1F\x7F-\x9F]/g, "") 25 | yamltemp = yamltemp.replace(/[\xa0\t]/g, " ") 26 | let newyamlheader = yamltemp.split(placeholder).join('\n') 27 | postsplitted[1] = newyamlheader 28 | updatedpost = postsplitted.join('---') 29 | fs.writeFileSync(`${postFolder}/${item}`, updatedpost) 30 | console.log(item) 31 | }) 32 | // performCDT() 33 | // performSite('自由亚洲电台') 34 | } 35 | 36 | async function clean(){ 37 | // request ({ 38 | // url: 'https://nodebe4.github.io/opinion/search.json', 39 | // json: true 40 | // }, (error, response, body) => { 41 | // if(!error && response.statusCode === 200){ 42 | // console.log("search.json is healthy") 43 | // console.log(body) 44 | // }else{ 45 | // console.log(error) 46 | // cleanPosts() 47 | // } 48 | // }) 49 | 50 | cleanPosts() 51 | } 52 | 53 | 54 | clean() 55 | -------------------------------------------------------------------------------- /demo.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | permalinl: /demo 4 | --- 5 | 6 | 7 | 8 |
9 |
11 |
12 |
13 |
16 |
17 | 英雄榜
14 |
18 |
24 |
25 | 演示页
19 | 20 |最近动态
21 |说明
26 |
27 |
32 |
33 |
34 | {% include simple-search.html %}
35 |
36 |
37 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | comments: true
4 | ---
5 |
6 |
7 |
8 |
9 | 本页由js动态生成，目前僅用於功能演示。
28 |人物列表存放於https://nodebe4.github.io/hero/index.json
29 |點擊人物列表中的名字或加载按钮可展開其詳細介紹和近期相關新聞報道。人物介绍由函数loadWikipedia从预设的Wikipedia网址动态加载，最新动态里的新闻由SimpleJekyllSearch从https://nodebe4.github.io/waimei/search.json中按照人物名字搜索返回。根据你的网络情况，页面内容加载时间大概需3-8秒，如最近动态显示没找到，可刷新网页。
30 |關於本項目的規劃目標以及更多討論見這裏https://2047.name/t/7158。項目最終希望實現匿名互動功能，能對英雄點贊，甚至能留言評論，需要有人幫忙寫API，API計劃部署到vercel(參考duty-machine項目), 歡迎大家幫忙寫api網頁前端js, css.
31 |
10 |
12 |
13 |
14 |
24 |
25 | HeroBot说
15 |什么都不必说，我知道我明了
16 |他们说Javascript是万恶之源
17 |但是，真正的安全只有靠Tor, 去装个Tor Browser或双虚拟机吧
18 | 19 |缺少javascript的世界是残缺的，就像没有英雄的世界
20 |当然，你可以直接阅读原始数据或者网页代码
21 |Javascript is the most beautiful language.
22 |BITE ME
23 |
28 | "赞不会立即生效，每小时或創建新人物時更新一次。";
29 | 收录说明："必须为 GitHub/GitLab 项目，project 链接为 GitHub/GitLab 链接";
30 |
31 |
32 | 33 |
34 |
58 | {% include simple-search.html %}
59 |
60 |
63 |
64 | {% include disqus.html %}
65 |
66 |
--------------------------------------------------------------------------------
/lib.js:
--------------------------------------------------------------------------------
1 | let fs = require('fs')
2 | let querystring = require('querystring')
3 | let urlMod = require('url')
4 | const crypto = require('crypto')
5 | const https = require('https')
6 | const fetch = require('node-fetch')
7 | const jsdom = require("jsdom");
8 | const { JSDOM } = jsdom;
9 | let URL = urlMod.URL
10 |
11 | let db_news_url = 'https://nodebe4.github.io/waimei/search.json'
12 | let db_oped_url = 'https://nodebe4.github.io/opinion/search.json'
13 | const CORS_PROXY = "https://cors-anywhere.herokuapp.com/"
14 |
15 | let settings = { method: "Get" }
16 |
17 | let news = []
18 | let oped = []
19 |
20 | function getElementById(node, id) {
21 | return node.querySelector("#" + id);
22 | }
23 |
24 | async function loadWikipedia(url, id){
25 | // var div = document.getElementById('submitText');
26 | // const CORS_PROXY = "https://cors-anywhere.herokuapp.com/";
27 | // var html = document.createElement("div");
28 | // html.id = "about";
29 |
30 | const response = await fetch(url, settings);
31 | const body = await response.text();
32 |
33 | const dom = new JSDOM(body)
34 | let content = dom.window.document.querySelector("#"+id);
35 | while (content.querySelector("table")){
36 | var tables = content.querySelector("table");
37 | tables.parentNode.removeChild(tables);
38 | }
39 | // for (i=0;i
35 |
46 |
56 |
57 | 请在此处键入你喜歡的影響力項目
36 | 小二："不要问自己能否改变世界，世界从来都是这样被改变的。找到你关心的议题，参与进来；如果还没有，那就创建一个！" 37 |提示：提交或投票成功或需approve批准no script弹出的警告。
38 | 45 |No post found
8 | {% endif %} 9 | 10 | {% if paginator.page == 1 %} 11 | 23 | {% endif %} 24 | 25 |-
26 | {% for post in paginator.posts %}
27 | {% unless post.next %}
28 | {% assign today = site.time | date: '%Y年%m月' %}
29 | {% capture month %}{{ post.date | date: '%Y年%m月' }}{% endcapture %}
30 | {% if month != today %}
31 |
- 41 | {% if post.link %} 42 | 43 | {% else %} 44 | 45 | {% endif %} 46 | {{ post.title }} 47 | 48 | 49 | 50 | 51 | {% assign author = site.data.authors[post.author] %} 52 | 53 | {% if author %} 54 | 55 | 56 | 作者: {{ author.name }} 57 | 58 | {% else %} 59 | {% for tag in post.tags %} 60 | {% if tag != post.author %} 61 | 62 | 63 | 作者: {{ post.author }} 64 | 65 | {% endif %} 66 | {% endfor %} 67 | {% endif %} 68 | 69 | {% if post.categories %} 70 | 71 | {{ post.categories.last }} 72 | 73 | {% endif %} 74 | 75 | {% if post.from %} 76 | 原文 77 | {% endif %} 78 | 79 | 80 | {% endfor %} 81 | 82 |
{{ month }}
32 | {% endif %} 33 | {% else %} 34 | {% capture month %}{{ post.date | date: '%m' }}{% endcapture %} 35 | {% capture nmonth %}{{ post.next.date | date: '%m' }}{% endcapture %} 36 | {% if month != nmonth %} 37 |{{ post.date | date: '%Y年%m月' }}
38 | {% endif %} 39 | {% endunless %} 40 |
85 | {% if paginator.previous_page %}
86 |
87 |
88 | 上一页
89 |
90 |
91 | {% endif %}
92 | {% if paginator.next_page %}
93 |
94 |
95 | 下一页
96 |
97 |
98 | {% endif %}
99 |
100 | {% include fab.html %}
101 |
102 |
109 |
110 |
111 |
--------------------------------------------------------------------------------
/mirror.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
27 |
28 |
29 |
30 |
32 |
33 |
34 |
44 |
45 | HeroBot说
35 |什么都不必说，我知道我明了
36 |他们说Javascript是万恶之源
37 |但是，真正的安全只有靠Tor, 去装个Tor Browser或双虚拟机吧
38 | 39 |缺少javascript的世界是残缺的，就像没有英雄的世界
40 |当然，你可以直接阅读原始数据或者网页代码
41 |Javascript is the most beautiful language.
42 |BITE ME
43 |
48 | "赞不会立即生效，每小时或創建新人物時更新一次";
49 | 收录说明："必须为 GitHub/GitLab 项目，project 链接为 GitHub/GitLab 链接";
50 |
51 |
52 | 53 |
54 |
78 |
79 |
82 |
83 |
84 |
217 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "chinadigitaltimes-latest",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "repository": {
10 | "type": "git",
11 | "url": "git+https://github.com/duty-machine/chinadigitaltimes-latest.git"
12 | },
13 | "author": "",
14 | "license": "MIT",
15 | "bugs": {
16 | "url": "https://github.com/duty-machine/chinadigitaltimes-latest/issues"
17 | },
18 | "homepage": "https://github.com/duty-machine/chinadigitaltimes-latest#readme",
19 | "dependencies": {
20 | "@octokit/rest": "^18.0.4",
21 | "crypto": "^1.0.1",
22 | "dotenv": "^8.2.0",
23 | "fs": "0.0.1-security",
24 | "html-element": "^2.3.1",
25 | "https": "^1.0.0",
26 | "images-scraper": "^5.0.7",
27 | "jsdom": "^16.4.0",
28 | "node-fetch": "^2.6.0",
29 | "querystring": "^0.2.0",
30 | "request": "^2.88.2",
31 | "rss-parser": "^3.8.0",
32 | "url": "^0.11.0"
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/perform.js:
--------------------------------------------------------------------------------
1 | let fs = require('fs')
2 | let querystring = require('querystring')
3 | let urlMod = require('url')
4 | const crypto = require('crypto')
5 | const https = require('https')
6 | const fetch = require('node-fetch')
7 | const jsdom = require("jsdom");
8 | const { JSDOM } = jsdom;
9 | let { loadRefSites, loadWikipedia, generateArticle, googlePhoto, updateReadme } = require('./lib')
10 | let URL = urlMod.URL
11 |
12 | let db_news_url = 'https://nodebe4.github.io/waimei/search.json'
13 | let db_oped_url = 'https://nodebe4.github.io/opinion/search.json'
14 | const CORS_PROXY = "https://cors-anywhere.herokuapp.com/"
15 |
16 | let settings = { method: "Get" }
17 |
18 | async function perform() {
19 | let rawdata = fs.readFileSync('./index.json', {encoding:'utf8', flag:'r'})
20 | let heroes = JSON.parse(rawdata)
21 | // console.log(heroes)
22 |
23 | await Promise.all(heroes.map(async (item) =>{
24 | let hash = crypto.createHash('md5').update(item.repo).digest("hex")
25 | if (item.hash){
26 | console.log(item)
27 | }else{
28 | item['hash'] = hash
29 | }
30 | let votefile = `_data/votes/vote_${item.hash}`;
31 | if (fs.existsSync(votefile)) {
32 | text = fs.readFileSync(votefile)
33 | item.vote = parseInt(text)
34 | }else{
35 | item['vote'] = 1
36 | }
37 | }))
38 | let content = JSON.stringify(heroes, undefined, 4)
39 | fs.writeFileSync(`./index.json`, content)
40 |
41 | tablehtml = updateReadme(heroes)
42 | let readme = fs.readFileSync('./README.md', {encoding:'utf8', flag:'r'})
43 | let readmeParts = readme.split("##")
44 | let maintable = "# 開源社會影響力項目榜單\n\n"
45 | readmeParts[0] = maintable + tablehtml + '\n\n'
46 | readme = readmeParts.join("##")
47 | fs.writeFileSync(`./README.md`, readme)
48 |
49 | }
50 |
51 | function timeConverter(UNIX_timestamp){
52 | var a = new Date(UNIX_timestamp);
53 | return a
54 | }
55 |
56 | perform()
57 |
58 |
--------------------------------------------------------------------------------
/search.json:
--------------------------------------------------------------------------------
1 | ---
2 | layout: null
3 | ---
4 |
5 | [
6 | {% for post in site.posts %}
7 | {
8 | "title" : "{{ post.title | strip | escape }}",
9 | "author" : "{{ post.author | join: ', ' }}",
10 | "tags" : "{{ post.tags | join: ', ' }}",
11 | "url" : "{{ site.baseurl }}{{ post.url }}",
12 | "desc" : "{{ post.content | strip_html | strip_newlines | normalize_whitespace | escape | truncate: 200 }}"
13 | } {% unless forloop.last %},{% endunless %}
14 | {% endfor %}
15 | ]
16 |
--------------------------------------------------------------------------------
/style.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | //
5 | // IMPORTS
6 | //
7 |
8 | @import "reset";
9 | @import "open-color";
10 | @import "variables";
11 | // Syntax highlighting @import is at the bottom of this file
12 |
13 | /**************/
14 | /* BASE RULES */
15 | /**************/
16 |
17 | html {
18 | font-size: $base-font-size;
19 | -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
20 | }
21 |
22 | body {
23 | font-family: $base-font;
24 | color: $base-color;
25 | line-height: 1.6;
26 | }
27 |
28 | .container {
29 | margin: 0 auto;
30 | max-width: 840px;
31 | padding: 0 10px;
32 | width: 100%;
33 |
34 | /* These are technically the same, but use both */
35 | overflow-wrap: break-word;
36 | word-wrap: break-word;
37 |
38 | -ms-word-break: break-all;
39 | /* This is the dangerous one in WebKit, as it breaks things wherever */
40 | word-break: break-all;
41 | /* Instead use this non-standard one: */
42 | word-break: break-word;
43 |
44 | /* Adds a hyphen where the word breaks, if supported (No Blink) */
45 | -ms-hyphens: auto;
46 | -moz-hyphens: auto;
47 | -webkit-hyphens: auto;
48 | hyphens: auto;
49 | }
50 |
51 | h1, h2, h3, h4, h5, h6 {
52 | line-height: 1.7;
53 | margin: 1em 0 15px;
54 | padding: 0;
55 |
56 | @include mobile {
57 | line-height: 1.4;
58 | }
59 | }
60 |
61 | h1, h2, h3, h4, h5 {
62 | font-weight: bold;
63 | }
64 |
65 | h1 {
66 | font-size: 30px;
67 | a {
68 | color: inherit;
69 | }
70 | }
71 |
72 | h2 {
73 | font-size: 24px;
74 | }
75 |
76 | h3 {
77 | font-size: 20px;
78 | }
79 |
80 | h4 {
81 | font-size: 20px;
82 | }
83 |
84 | h6 {
85 | color: $base-lighten-color;
86 | }
87 |
88 | p {
89 | color: $text-color;
90 | margin: 15px 0px;
91 | text-align: justify;
92 | }
93 |
94 | a {
95 | color: $link-color;
96 | text-decoration: none;
97 | cursor: pointer;
98 | &:hover, &:active {
99 | color: $link-color;
100 | }
101 | }
102 |
103 | figcaption {
104 | text-align: center;
105 | font-size: medium;
106 | }
107 |
108 | em, i {
109 | font-style: italic;
110 | }
111 |
112 | strong, b {
113 | font-weight: bold;
114 | }
115 |
116 | sub {
117 | vertical-align: sub;
118 | font-size: smaller;
119 | }
120 |
121 | sup {
122 | vertical-align: super;
123 | font-size: smaller;
124 | }
125 |
126 | hr {
127 | border: 0;
128 | border-top: 2px solid $divider-color;
129 | margin: 1.5em auto;
130 | }
131 |
132 | // Yeun's list style
133 | // https://gist.github.com/yeun/d824fc7b04b756508f4b0143535cec30
134 |
135 | ol, ul {
136 | > li {
137 | &:before {
138 | position: absolute;
139 | width: $li-bullets-width;
140 | margin-left: -$li-bullets-width;
141 | display: inline-block;
142 | box-sizing: border-box;
143 | text-align: right;
144 | }
145 | }
146 | }
147 |
148 | ul {
149 | > li:before {
150 | content: "\2022";
151 | padding-right: $ul-bullets-right-space;
152 | font-family: $ul-bullets-font;
153 | font-size: $ul-bullets-font-size;
154 | line-height: $ul-bullets-font-line-height;
155 | }
156 | }
157 |
158 | ol {
159 | counter-reset: section;
160 |
161 | > li:before {
162 | counter-increment: section;
163 | content: counter(section) ".";
164 | padding-right: $ol-bullets-right-space;
165 | font-family: $ol-bullets-font;
166 | font-size: $ol-bullets-font-size;
167 | line-height: $ol-bullets-font-line-height;
168 | }
169 | }
170 |
171 | ol, ul {
172 | > li {
173 | margin: 0 auto $li-bottom-space $li-bullets-width;
174 | line-height: $li-line-height;
175 |
176 | > ol,
177 | > ul {
178 | margin-top: $li-bottom-space;
179 | }
180 | }
181 | }
182 |
183 | li {
184 | > ol,
185 | > ul {
186 | > li {
187 | font-size: ($li-child-size-ratio * 1em);
188 | margin: 0 auto ($li-bottom-space * $li-child-size-ratio) ($li-bullets-width * $li-child-size-ratio);
189 | }
190 | }
191 | }
192 |
193 | // Definition list
194 | dt {
195 | float: left;
196 | width: $dt-width;
197 | overflow: auto;
198 | clear: left;
199 | text-align: right;
200 | white-space: nowrap;
201 | font-weight: bold;
202 | margin-bottom: $li-bottom-space;
203 |
204 | @include mobile {
205 | width: 120px;
206 | }
207 | }
208 |
209 | dd {
210 | margin-left: $dd-position;
211 | margin-bottom: $li-bottom-space;
212 |
213 | @include mobile {
214 | margin-left: 140px;
215 | }
216 | }
217 |
218 | // Table
219 | table {
220 | margin-bottom: 1rem;
221 | width: 100%;
222 | border: 1px solid $table-border-color;
223 | border-collapse: collapse;
224 | }
225 |
226 | td, th {
227 | padding: .25rem .5rem;
228 | border: 1px solid $table-border-color;
229 | }
230 |
231 | tbody tr:nth-child(odd) td,
232 | tbody tr:nth-child(odd) th {
233 | background-color: $table-background-color;
234 | }
235 |
236 | // Blockquote
237 | blockquote {
238 | font-weight: 300;
239 | padding: 0 0 0 1.4rem;
240 | margin: 0 2.0rem 1rem 0rem;
241 | border-left: .2em solid $blockquote-border-color;
242 | text-align: justify;
243 |
244 | p {
245 | margin-bottom: 0;
246 | font-family: 'Palatino Linotype','Book Antiqua',Palatino,STKaiti,KaiTi,'楷体',
247 | SimKai,DFKai-SB,NSimSun,serif
248 | }
249 | }
250 |
251 | // Footnote
252 | a.footnote {
253 | &,
254 | .post p &,
255 | .post ol &,
256 | .post ul & {
257 | margin: 0 3px;
258 | padding: 0 2px;
259 | font-size: $small-font-size;
260 | text-align: center;
261 | border: 1px solid $footnote-link-border-color;
262 | border-radius: 2px;
263 | -webkit-text-stroke: 0.25px;
264 | -webkit-transition: 0.2s ease-out all;
265 | text-decoration: none;
266 |
267 | &:hover {
268 | background: $footnote-link-background-over-color;
269 | }
270 | }
271 | }
272 |
273 | .footnotes {
274 | border-top: 1px solid $divider-color;
275 | font-size: $small-font-size;
276 | }
277 |
278 | // Image
279 | img {
280 | display: block;
281 | max-width: 100%;
282 | margin-left: auto;
283 | margin-right: auto;
284 | border-radius: 5px;
285 | }
286 |
287 | // Fixes images in popup boxes from Google Translate
288 | .gmnoprint img {
289 | max-width: none;
290 | }
291 |
292 | // Specify the color of the selection
293 | /*
294 | ::-moz-selection {
295 | color: $selection-color;
296 | background: $selection-background-color;
297 | }
298 | ::selection {
299 | color: $selection-color;
300 | background: $selection-background-color;
301 | }
302 | */
303 |
304 | // Nicolas Gallagher's micro clearfix hack
305 | // http://nicolasgallagher.com/micro-clearfix-hack/
306 | .clearfix:before,
307 | .clearfix:after {
308 | content: " ";
309 | display: table;
310 | }
311 |
312 | .clearfix:after {
313 | clear: both;
314 | }
315 |
316 | // Alignment
317 | .center {
318 | text-align: center;
319 |
320 | &-image {
321 | margin: 0 auto;
322 | display: block;
323 | }
324 | }
325 |
326 | .right {
327 | text-align: right
328 | }
329 |
330 | /*********************/
331 | /* LAYOUT / SECTIONS */
332 | /*********************/
333 |
334 | //
335 | // .masthead
336 | //
337 |
338 | .wrapper-masthead {
339 | margin-bottom: 20px;
340 | }
341 |
342 | .masthead {
343 | padding: 5px 0;
344 |
345 | @include mobile {
346 | text-align: center;
347 | }
348 | }
349 |
350 | .site-avatar {
351 | float: left;
352 | width: 70px;
353 | height: 70px;
354 | margin-right: 15px;
355 |
356 | @include mobile {
357 | float: none;
358 | display: block;
359 | margin: 0 auto;
360 | }
361 |
362 | img {
363 | border-radius: 5px;
364 | }
365 | }
366 |
367 | .site-info {
368 | float: left;
369 |
370 | @include mobile {
371 | float: none;
372 | display: block;
373 | margin: 0 auto;
374 | }
375 | }
376 |
377 | .site-name {
378 | margin: 0;
379 | color: $darkGray;
380 | cursor: pointer;
381 | font-family: $helveticaNeue;
382 | font-weight: 300;
383 | font-size: 28px;
384 | letter-spacing: 1px;
385 | }
386 |
387 | .site-description {
388 | margin: -5px 0 0 0;
389 | color: $gray;
390 | font-size: 16px;
391 |
392 | @include mobile {
393 | margin: 3px 0;
394 | text-align: center;
395 | }
396 | }
397 |
398 | nav {
399 | float: right;
400 | margin-top: 0px; // @TODO: Vertically middle align
401 | font-family: $helveticaNeue;
402 | font-size: 18px;
403 |
404 | @include mobile {
405 | float: none;
406 | margin-top: 9px;
407 | display: block;
408 | font-size: 16px;
409 | }
410 |
411 | a {
412 | margin-left: 20px;
413 | color: $darkGray;
414 | text-align: right;
415 | font-weight: 300;
416 | letter-spacing: 1px;
417 |
418 | @include mobile {
419 | margin: 0 10px;
420 | color: $blue;
421 | }
422 | }
423 | }
424 |
425 | // Posts
426 | .posts > .post {
427 | padding-bottom: 2em;
428 | border-bottom: 1px solid $divider-color;
429 | }
430 |
431 | .posts > .post:last-child {
432 | padding-bottom: 1em;
433 | border-bottom: none;
434 | }
435 |
436 | .post {
437 | h1 {
438 | margin-bottom: .1em;
439 | }
440 |
441 | .date {
442 | font-weight: 300;
443 | font-size: $small-font-size;
444 | color: $base-lighten-color;
445 | margin-right: 3px;
446 | }
447 |
448 | .tag {
449 | display: inline;
450 | font-weight: 300;
451 | font-size: $small-font-size;
452 |
453 | li:before {
454 | content: '';
455 | }
456 |
457 | li {
458 | display: inline;
459 | margin: 0;
460 |
461 | > a {
462 | margin: 3px 3px 3px 0;
463 | padding: .5px 4px;
464 | color: $tag-index-label-color;
465 | background-color: $tag-index-label-background-color;
466 | border-radius: 3px;
467 | }
468 | }
469 | }
470 |
471 | .comments {
472 | margin-top: 10px;
473 | }
474 |
475 | .read-more {
476 | font-size: 15px;
477 | }
478 | }
479 |
480 | .pagination {
481 | font-weight: 300;
482 | padding: 0 0;
483 | width: 100%;
484 | display: inline-block;
485 |
486 | @include mobile {
487 | font-size: $small-font-size;
488 | }
489 |
490 | > .prev {
491 | float: left;
492 | width: 47%;
493 | a {
494 | color: $pagination-color;
495 | &:hover, &:focus {
496 | color: $pagination-over-color;
497 | }
498 | }
499 | }
500 |
501 | > .next {
502 | float: right;
503 | text-align: right;
504 | width: 47%;
505 | a {
506 | color: $pagination-color;
507 | &:hover, &:focus {
508 | color: $pagination-over-color;
509 | }
510 | }
511 | }
512 | }
513 |
514 | // Archive
515 | .archive {
516 | a {
517 | color: $base-color;
518 | }
519 | time {
520 | color: $base-lighten-color;
521 | font-size: $small-font-size;
522 | font-weight: 300;
523 | margin-left: 3px;
524 | }
525 | /* unvisited link */
526 | // a:link {
527 | // color: red;
528 | // }
529 |
530 | /* visited link */
531 | a:visited {
532 | color: gray;
533 | }
534 |
535 | /* mouse over link */
536 | a:hover {
537 | color: hotpink;
538 | }
539 |
540 | /* selected link */
541 | a:active {
542 | color: blue;
543 | }
544 | }
545 |
546 | .searched {
547 | a {
548 | color: $oc-blue-7;
549 | }
550 | time {
551 | color: $base-lighten-color;
552 | font-size: $small-font-size;
553 | font-weight: 300;
554 | margin-left: 3px;
555 | }
556 | /* unvisited link */
557 | // a:link {
558 | // color: red;
559 | // }
560 |
561 | /* visited link */
562 | a:visited {
563 | color: gray;
564 | }
565 |
566 | /* mouse over link */
567 | a:hover {
568 | color: hotpink;
569 | }
570 |
571 | /* selected link */
572 | a:active {
573 | color: blue;
574 | }
575 | }
576 |
577 | a.tag {
578 | display: inline-block;
579 | margin: 1px;
580 | color: $tag-index-label-color;
581 | background-color: $tag-index-label-background-color;
582 | border-radius: 3px;
583 | font-size: $small-font-size;
584 | }
585 |
586 | // Tags
587 | .tags > .label {
588 | > li:before {
589 | content: "";
590 | }
591 |
592 | > li {
593 | margin: 0;
594 | font-size: $small-font-size;
595 | font-weight: 300;
596 | display: inline;
597 |
598 | > a {
599 | display: inline-block;
600 | margin: 1px;
601 | color: $tag-index-label-color;
602 | background-color: $tag-index-label-background-color;
603 | border-radius: 3px;
604 |
605 | span {
606 | float: left;
607 | padding: .5px 5px;
608 |
609 | &.count {
610 | background-color: $tag-index-count-background-color;
611 | border-radius: 0 3px 3px 0;
612 | }
613 | }
614 | }
615 | }
616 | }
617 |
618 | .tags > .tag {
619 | a {
620 | color: $base-color;
621 | }
622 | time {
623 | color: $base-lighten-color;
624 | font-size: $small-font-size;
625 | font-weight: 300;
626 | margin-left: 3px;
627 | }
628 | }
629 |
630 | // Footer
631 | .wrapper-footer {
632 | margin-top: 50px;
633 | border-top: 1px solid $footer-border-color;
634 | border-bottom: 1px solid $footer-border-color;
635 | background-color: $footer-background-color;
636 | }
637 |
638 | footer {
639 | padding: 20px 0;
640 | text-align: center;
641 |
642 | p, div {
643 | font-size: $small-font-size;
644 | text-align: center;
645 | }
646 |
647 | .svg-icon {
648 | display: block;
649 | font-size: 0;
650 | list-style: none;
651 | margin: 0;
652 | text-align: center;
653 |
654 | li {
655 | display: inline-block;
656 | margin: 10px;
657 | }
658 |
659 | svg {
660 | height: 30px;
661 | width: 30px;
662 | }
663 |
664 | em {
665 | font-size: 18px;
666 | line-height: 1.5;
667 | margin-top: -.75em;
668 | position: absolute;
669 | text-align: center;
670 | top: 50%;
671 | right: 0;
672 | bottom: 0;
673 | left: 0;
674 | }
675 | }
676 | }
677 |
678 | .fa-m:before {
679 | font-family: Arial; /* your font family here! */
680 | font-weight: bold;
681 | content: 'M';
682 | }
683 |
684 | .thumb-post img {
685 | object-fit: cover;
686 | object-position: top;
687 | width: 40px;
688 | overflow: hidden;
689 | height: 40px;
690 | display: inline;
691 | }
692 |
693 | .help::after {
694 | font-size: 12px;
695 | display: none;
696 | }
697 |
698 | #toggle:checked ~ .help::after {
699 | font-size: 0px;
700 | display: block;
701 | }
702 |
703 | .visually-hidden {
704 | position: absolute;
705 | left: -100vw;
706 | opacity: 0%;
707 |
708 | /* Note, you may want to position the checkbox over top the label and set the opacity to zero instead. It can be better for accessibilty on some touch devices for discoverability. */
709 | }
710 |
711 | // Settled on moving the import of syntax highlighting to the bottom of the CSS
712 | // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
713 | //@import "highlights";
714 |
--------------------------------------------------------------------------------
/vote.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
55 |
66 |
76 |
77 | 请在此处键入你喜歡的影響力項目
56 | 小二："不要问自己能否改变世界，世界从来都是这样被改变的。找到你关心的议题，参与进来；如果还没有，那就创建一个！" 57 |提示：提交或投票成功或需approve批准no script弹出的警告。
58 | 65 |