又添加了搜索功能，能搜内容。

把这个帖子移出水区啊？ @小二

@小二 真心推荐你的端点星用这个搜索框，代码你diff一下就知道，操作流程都写在这里了。

https://github.com/diymysite/blog/blob/master/_posts/2020-01-20-add-algolia-search.md

@小二 #13 Tor Browser的白边其实就是为了将窗口大小标准化，这样可以减少浏览器指纹的独特性

在隔壁论坛听说的

Demo （非务必在Tor环境下打开）

https://diymysite.github.io/analytics/

其实理论上回到顶部只需要一个

<div style="z-index=2;" class="go-to-top"><a href="#top">▲</a></div>

然后在css加上两个样式定义

#go-to-top{
  display:none;
  position:fixed;
  right:30px;
  bottom:30px;
  padding:10px;
  color:red;
  background:#ddd;
  font:24px/12px Helvetica,Arial,Verdana,sans-serif;
  opacity:.7;
  outline:0;
  text-decoration:none;
  text-shadow:0 0 1px #ddd;
  vertical-align:baseline;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px
}

我现在也把自己的网站上的社交分享按钮设置成了sticky模式了，其实html语言就能实现。所以时间线网站目前用的是真正的no javascript社交按钮。

@小二 #9 看来你对网页的基本概念不清楚啊，responsive web design的css样式表，服务器根本不需要获取任何信息，所有不同平台的浏览器获取的静态页面文件都是一样的，浏览器在本地根据css里头的定义自己去渲染网页。github page就是连服务器都没有的静态网页。

@小二 #7 jquery不是回到首页的，jquery是那个社交分享按钮的。你看我自己的网站 https://chinatimeline.github.io 恢复了之前圆形的回到首页按钮。你看看有没有用jquery

再说了，jquery social share没有任何东西被uBlock Origin屏蔽，说明是安全的

@小二 #9 你打开我的网站，把网断了，颠倒你的手机或者平板或者拖动你的浏览器窗口尺寸，你窗口里的页面自动调整大小，所有的渲染都是浏览器自己根据下载下来的静态文件实现的。

@小二 #5 其实你这个回到顶部功能还不是用javascript实现的，跟我之前那个没什么区别。

@小二 #2 跟踪脚本是social share的，有跟踪脚本说明这个插件不行，换一个就是了。

https://chinatimeline.github.io/tiananmen/

那你把你自己满意的分享和回到顶部都弄上去啊。

我刚刚把这里的go to top抄到我的网站上了。分享按钮还是有人用的，以前我用shareaholic的时候总计有54个分享，而且后台统计每周都有几个分享。

最开始有几天每日访问量破两千也是因为有twitter大V分享

更正一下2楼，代码没有框起来消失了

然后你的三栏可以参考 我的首页样式（画廊）

https://github.com/chinatimeline/chinatimeline.github.io/blob/master/index.html

比方说定义 <div class="col-3 col-s-6"> 就定义了每个项目的橱窗图片在电脑下是25%宽度，平板上50%宽度。

而橱窗图片在手机下默认是100%宽度。注意，这里的宽度是container的宽度，而不是屏幕宽度。而我的container定义了最大宽度1440px，container宽度在浏览器窗口小于1440px的时候会自动100%。而你现在这样是固定宽度。

.container {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 10px;
  width: 100%;
}

你可以用chrome浏览器打开 https://chinatimeline.github.io/ 然后拖动改变浏览器窗口宽度，就能看到三种不同的样式去response不同的浏览器窗口宽度。

@小二 #1 我跟楼主有同样的抱怨，因为最近改版时间线发布网站刚好学了一下css，现学现卖：

你这个点击按钮切换屏幕宽度的模式可以在css中用responsive website design来自动化实现：

具体介绍在这里，这里还有现成的css模板或者说模块可以直接添加到你的css文件里

• CSS样式设计: https://www.w3schools.com/css/css_rwd_intro.asp

简单来说，你要在css里定义N个break points，一般来说N=2，这样自动适应电脑、平板、手机三种屏幕。

这个break points就是屏幕的像素宽度，比如768px，600px，然后根据这两个break points定义三种列宽

手机（<600px)模式下，所有col都是100%屏宽，平板模式下（600-768px）定义列宽为col-s-*系列，大于768px的屏幕为col-*系列。

具体见319-376行

https://github.com/chinatimeline/chinatimeline.github.io/blob/master/style.scss

可以直接copy到你的css中。

然后你的三栏可以参考 我的首页样式（画廊）

https://github.com/chinatimeline/chinatimeline.github.io/blob/master/index.html

比方说定义 <div class="col-3 col-s-6"> 就定义了每个项目的橱窗图片在电脑下是25%宽度，平板上50%宽度。

@小二 #8 有点别扭，建议用responsive web design 照顾800像素的窄窗口。

工具栏还是放到最左边吧，一般人的习惯是从左到右更新频率越来越低。

既有想法、又能把一个项目从头做到尾，还懂得推广和制造影响力的人，少！

作为一个social impact项目的开发者，我说两句。

要让更多的人发展social impact, 开发者和用户体验都十分重要，一般人看到一个网站使用起来很麻烦或者不稳定的话，99%的人就直接关了窗口看别的东西去了。开发者也是一样，绝大部分开发者折腾一下搞不出什么东西的话，热情就消退了。而这些折腾绝大部分都是重复造轮子。

站长要推广social impact项目的话，要注意社会分工，你们这类资深互联网程序员首先要为普通爱好者提供基础代码和基础设施，维护这么一个基础模板，可以大大减少大家重复造轮子的时间，让绝大部分有心人能够一上来就享受到成就感，而不是在一个自己不熟悉的领域重复造轮子带来的挫折感，绝大部分人可能就退却了。你们这类互联网高手应该作为大公司的基础平台研发部门，专门帮助不同背景的爱好者解决这些基础问题，尤其是解决网络安全、建立简单网站、提高普通用户体验这三个环节。

你们提供基础设施，比如论坛、staticman或RSS自建服务器之类，我们这种有想法但不太懂互联网的人用这些设施做项目，搞出一两个明星项目之后，就会有更多人效仿。但关键还是要有方便的基础设施，开一个项目的难度最好跟普通人去wordpress开个博客差不多，这样才会发扬光大。

@维基 #3 这个一定要支持，希望站长搞个 https://staticman.2049bbs.xyz/ 出来，staticman提交好几次才会成功，严重影响用户体验。

@GNOCN2 #26 @小二 #22 @维基 #27 我们这种半灌水用第三方插件很方便啊，Google一下谁提供功能，注册第三方模块的网站，copy & paste 第三方网站自动生成的代码到制定的位置就OK了，5分钟搞定。自己DIY的话花几个小时搞懂各种东西，东找西找，调试。

我建议 @小二 发起一个 github的组，专门建立和维护一个基于github pages的模板仓库，把平时常用的功能都提交进去，免得其他人重复造轮子。我不知道达摩俱乐部花了多少时间，反正光是因为你说第三方js安全性的问题，我就为了这么一个社交分享按钮跟流量统计功能来来回回花了好几天的时间重复造轮子。

@该干嘛继续干 #8 香港的时间线主要是记录比较大的事件，如果是香港人当然算作香港抗争的部分。如果是大陆人，这应该是属于“迫害自由派社群”，一般需要有新闻链接，因为新闻机构会fact check一下能保证准确度，一般的个人事件影响力在1-2之间，知名人士根据受迫害力度3-5之间。

@懦夫斯基 #24 我觉得作者好像做这个DIY的东西是为了跟LOFTER竞争？或者认为其业务模式有违极客精神而进行的极客式抗议？

@懦夫斯基 #14 我很久以前star了这个博客项目，作为个人博客模板还不错，尤其是说明中的安装配置步骤非常详细，每一步都有gif动画，适合小白。

https://github.com/FromEndWorld/LOFFER

https://policychangeindex.org/pdf/Reading_China.pdf

国内版权保护很差，所以网站都专门设计这种延迟就是为了防止爬虫和搜索引擎。

Chrome上有一可以将网页保存成PNG或PDF文件的插件，保存的内容就是浏览器里显示的网页内容。

https://www.printfriendly.com/extensions/chrome

https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg

@小二 #8 大赞！

@无名 #18 @大大咧咧 #12 看来得好好搜集一下那些方便架设个人网站的方案。

@懦夫斯基 #10 像小二这种精通php go的高手怎么能理解普通人的一头雾水，他们以为人人都像他们那么懂网页的每个元素每个插件，我这种非互联网行业人士要不是因为抄别人的代码被人说是钓鱼，也不会狠心去学jekyll这种最简单的静态网站和所谓liquid template language之类，我当然是无比理解外行的痛苦了。

@大大咧咧 #6 谢谢提醒这个细节，已添加注释。没想到还真有人看，小激动一番。

@小二 #9 @小二 #8 这个生日报的课堂作业不错，是资深新闻工作者教晚辈如何读懂人民日报。这些历史还真的细细的去挖。最近在整理时间线这样粗糙的工作也发现一些规律，很多事件的细节从来没有出现在教科书，另外我们平时在教科书和媒体所看到的历史人物，都是那些已经翻案的，比如刘少奇在历史课本上还能见到，但高岗、陈伯达、康生、再早的博古等人基本上都很罕见，即便后人看得到他们的名字，也对他们在当时的地位和作用完全无知，基本会认为无足轻重的角色。近一点的赵紫阳和胡耀邦就是最好的例子，很多90后根本没听说过这两个人。

虽然用机器学习取得的结果跟个人阅读的感受差不多，但是机器相比人类具有以下优势：

第一，能排除个人情绪、日程安排等因素带来的判断起伏，一致性很好。

第二，输出统一参考点的量化数据，而个人在较长时间尺度上的会因为自己的定锚点变化，而判断起伏很大。

第三，机器能始终如一的勤奋，人类要长期保持最佳状态很难。

建议弄一个端点星简化版的分支，方便大家直接fork建个人博客。

@该干嘛继续干 #3 @张书记 #1 谢谢两位添加事件，数据已更新。

@小二 #4 如果你知道如何不需要手机号或者任何跟手机号挂钩的实名邮箱的前提下能注册一个全新的Google账户的方法，请赐教。

这个早就不新鲜了，蜻蜓项目不是因为强大压力已经进入中国了，中共实际上自从Google退出中国后一直都在根Google接触希望它们回去，简单说就是统战Google.

所以你提倡social impact项目用Google Analytics作流量分析的时候我在issue里明确表示反对。且不说Google本来目前的内部员工的意识形态严重左，很多得势的势力已经超过白左，变成共产主义那种左了，这种土壤里本身就很可能最后变成中共同路人。毕竟中共前几年都在开世界左派大会，以左派大本营定位了，难免加州那些共产主义者会把中共幻想成新苏联，里根时代到现在加州都有不少毛泽东崇拜者和共产主义小组。

更何况Google那么大的公司，里面那么多中国人，难免出现几个被中共收买把敏感人士的资料偷出去送给中共情报部门。Google还跟美国NSA，CIA等情报系统分享用户资料，这些情报机关里头谁也说不清楚是不是有另外几个金无殆。只要你的真实身份跟账号挂钩了，你就别指望什么公司组织能不作恶，给你保密了。最好的保密就是不泄露出去。编程随想之所以能用Blogspot作为博客平台，还不是因为他自称有Google内部员工帮助他避免了实名认证。

@无名 #4 我是赞成github page的诸多优势的，不过急需简化再简化，github page这种即便是程序员，如果不是互联网行业的入门都太难，我最初做发布页面的时候都只是一个裸的README.md放在那里。

@无名 #4 有空再试试了，我本来想做一个时间线相关的blog放到 https://chinatimeline.github.io/blog/ 的，但是太麻烦，暂时搁置开博客的念头，就用matters好了。

具体说，顶部的导航栏，RSS，页脚，各种联系方式等等都需要修改配置，根本不是改url和baseurl就能部署。

建议找个简单的模板，推广这种方法。

简单的个人博客应该是那种最最简化的模板，否则根本无法向非互联网行业的人推广，像 @懦夫斯基 就经常吐槽。

回复上一条，提交界面已更新。

新版网站已移除第三方插件，我对前端不熟，所以都是抄别人的代码，希望站长以后多提宝贵意见。

@懦夫斯基 #3 就是比较丑，希望懂css的大神帮忙把界面弄好看点。

https://github.com/chinatimeline/chinatimeline.github.io/issues/14

@starwar9 #1 谢谢.

主站已更新，现在可以直接在互动图展示页面提交新闻数据了！

https://chinatimeline.github.io/ideology_tl1/

@懦夫斯基 #11 感谢，欢迎随意转载！！

@lunatic #12 谢谢鼓励。

说来惭愧，过去一阵和未来几个月都会一直很忙，没来得及对项目进行更新，积压的待更新内容也越来越多了，8月份到现在也没收到过任何PR，看来PR的方式真的太麻烦了。前两天看到达摩俱乐部推荐的hackmd突然给了我灵感，我也注册了一个帐号，方便志愿者参与：

这是我的首页 https://hackmd.io/@chinatimeline

把文革2.0的中英文数据都添加进去：

• 中文： https://hackmd.io/@chinatimeline/CCP_Ideology_Events
• 英文：https://hackmd.io/@chinatimeline/CCP_Ideology_Events_en

英文的翻译还远远不够，前面50条之后的很多都不能看，希望有更多志愿者参与搜集数据和翻译工作。

@达摩俱乐部 #19 这个网站很赞啊！我会读一读其中的文章！

另外你推荐的HackMD真心不错，我这两天研究了一下发现比github的PR系统方便太多，很适合非程序员背景的参与，所以我也立刻把它用到中国时间线这个项目上了。

@懦夫斯基 #7 谢谢，报个平安。

最近在翻译而没有更新数据。希望有人能帮忙整理校对一下机翻的内容，目前只弄到第86行（共285行）。

https://github.com/chinatimeline/data/blob/master/ideology/CCP_Ideology_Events_en.csv

可在文本编辑器sublime text或者atom里跟中文版本左右对照整理

https://github.com/chinatimeline/data/blob/master/ideology/CCP_Ideology_Events.csv

格式可以参看整理完的前44行

欢迎提交PR或者通过文件分享网站 https://ufile.io 贴出整理的内容

@daidai freedomhouse这份报告对趋势描述得比较全面，但具体事件引用得较少。寒冬量太大得慢慢加

中国大陆迫害宗教自由时间线（数据来源：陆委会） https://chinatimeline.github.io/ideology_backup1.html

https://matters.news/@chinatimeline/%E4%B8%AD%E5%9B%BD%E5%A4%A7%E9%99%86%E8%BF%AB%E5%AE%B3%E5%AE%97%E6%95%99%E8%87%AA%E7%94%B1%E6%97%B6%E9%97%B4%E7%BA%BF-%E6%95%B0%E6%8D%AE%E6%9D%A5%E6%BA%90-%E9%99%86%E5%A7%94%E4%BC%9A-zdpuAoDuXD63izVe4PhCshhiQTyx5kKpHrG5VgZYFuTyureAR

陆委会的同志工作并不认真，感觉数据质量不太一致，不知道大家有没有别的数据源或建议

关闭了issue，新增了参与说明，欢迎大家向事件数据库提交Pull Request

https://github.com/chinatimeline/data

更新了一些数据，另外将Y轴换成星期，欢迎参与记录历史 https://i.imgur.com/9AOL1NZ.png