追忆中国站长黄金年代 (下):繁荣年代与今昔对比 —— 从 Discuz! 到落伍者,从站长大会到联盟广告黄金期,再到如今的怀旧与转型
<div class="ce-block ce-block--focused" data-id="NVBxvo-JU3" ><div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">上篇《
追忆中国站长黄金年代 (上):起源与第一批站长——从拨号"猫"的握手声,到第一代个人站长赚到第一桶金 》<a href="https://www.idceve.com/thread-50-1-1.html" target="_blank">https://www.idceve.com/thread-50-1-1.html</a></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="P0i0yXhvm3" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">中国站长黄金年代 · 下篇</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="jM9CD3rxFl" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">繁荣年代与今昔对比</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="lBdcPdVkfH" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">追忆中国站长最热闹最多的年代 —— 从 Discuz! 到落伍者,从站长大会到联盟广告黄金期,再到如今的怀旧与转型</div>
</div>
</div><div class="ce-block" data-id="T4JHl5nKG1" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">一、典型网站案例分析:站长圈的"风云人物"</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="Z7xwWtMew-" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>Discuz! 戴志康 —— 让百万网站跑起来的"BBS 之王"</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="30LZZ3EPhD" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">1981 年出生的戴志康,是"中国最早的 PHP 开发者之一"。2001 年,还在哈尔滨工程大学读书的他创立了社区论坛软件 Discuz!。靠一个又一个收费版本,他淘到第一桶金——中国证券报的报道说,到毕业时他有了 50 万元。 [来源:中国证券报]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="bxrETzYJQa" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">2005 年,他创办的康盛创想营业额达到约 500 万元;后来他把 Discuz! 全面免费化,从而席卷中文论坛市场。Discuz! 已被超过 100 万网站所采纳,成为全球用户数最多的社区产品之一。2010 年,Discuz! 被腾讯收购,戴志康出任生活电商事业部总经理。 [来源:百度百科]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="CIlZG2EzXd" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>落伍者 董勤峰 —— "拒绝游泳的鱼"与站长精神家园</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="dyljm4dtLq" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">1974 年出生的董勤峰是浙江绍兴人,网名 "拒绝游泳的鱼"。2001 年他创建了 落伍者(im286)——"国内最大的站长交流社区",最初以免费资源共享闻名,后来发展为专注站长技术问答、经验交流的 BBS。"新人站长的一声"鱼哥",回荡在那个年代所有站长耳边。" [来源:百度百科] [来源:松松网]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="RXWC2NUoMT" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">落伍者鼎盛时,注册会员超过 96 万、帖子数达 8400 万余贴(截至 2013 年数据)。2006 至 2008 年间,社区先后在江苏、上海、广州等地举办站长线下聚会,其中 2007 年还举办了聚焦行业生存策略的 "草根突围 2007" 大会。 [来源:百度百科]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="iUL3T_RDzz" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>蔡文胜 —— 域名之王与"站长之王"</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="4x1eTwNn1d" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">福建石狮人,高中辍学,"不懂英文,不懂技术,甚至连普通话都说不标准",却拥有 "域名之王""站长之王""最懂初创者的天使投资人"等众多头衔。2000 年进入互联网领域从事域名投资,成为中国最著名的域名投资专家。 [来源:人民网]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="8yyY9e1XmE" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">2003 年 5 月,他创办导航网站 265.com,先后获得 IDG 和 Google 投资,2007 年被 Google 并购。2005 年到 2007 年,蔡文胜先后在厦门举办三届中国个人站长大会,帮助很多个人网站向企业转型,"因而在业内被称为个人网站教父和"站长之王""。 [来源:人民网] [来源:石狮市ZF网]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="W-8-pQXha7" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>A5 站长网 章征军"图王" —— 站长的"刘备"</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="AEW2J3a1nE" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">章征军网名 "图王"(因为早期做了几十个图片网站,其中一个排到 Alexa 前几百名)。2001 年,他在西祠申请了一个论坛版块,由此对 HTML 和做网站产生兴趣。2003 年,他听站长网友说百度联盟能赚钱,就申请了账号——"第一天就有十几块的收入,我当时很兴奋……虽然每天只有小小的十几元,却给我做网站带来了最初的动力。" [来源:A5 站长网]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="CKIPw1tELr" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">2005 年 6 月,他创建 Admin5 站长网,做"淘金路上的卖水人"——给站长提供信息与服务,直接促进了站长圈内超亿元的交易,成为公认的"个人站长之家"。他曾透露:当时中国约有 140 万个个人网站。 [来源:A5 站长网]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="W7ZWNL-sdt" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>CMS 作者群像 —— 织梦、帝国、动易背后的"技术宅"</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="xnnzpXt-1w" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">林学(网名"IT柏拉图"),2002 年毕业于广东茂名学院化工系,开发了国内最流行的内容管理系统之一 DedeCMS——"以其优秀的性能、卓越的功能而深受站长喜爱"。王猛(网名 Wm_Chief),帝国 CMS 创始人,2002 年在厦门创立帝国网站 phome.net,独自一人完成帝国 CMS 的开发与升级,非常低调。粟维胜,动易系列软件编写者,2004 年创立佛山动易网络科技有限公司。 [来源:站长百科]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="H3yI5-74Rc" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">在个人站长没有团队、没有预算的年代,正是这群"技术宅"写出了免费或低价的开源 CMS,让无数人"三天搭好一个网站"。他们是中国站长黄金年代最沉默也最重要的幕后英雄。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="_EX2aPIgB5" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>地方社区 —— 西祠胡同与化龙巷</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="a-bAs3Otgn" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">西祠胡同:南京的响马(真名刘琥)1998 年左右用 ASP 技术做了一个列表式 BBS,起名"西祠胡同"。他不只允许网友自主开版,还授予版主对版块的所有主权,"因为你一个人再聪明没有一群人聪明"。多年后西祠已成为著名华人社区。 [来源:周强笔记本]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="cd1SAhIXOA" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">化龙巷:常州的钱钰 2005 年创办,采用 SupeSite + Discuz 的形式运营。他相信"站长运营能力比技术能力更重要"——金融危机中化龙巷仍然 200% 增长,用户数从 19 万增至 42 万。 [来源:站长百科] [来源:化龙网络地方社区网盟]</div>
</div>
</div><div class="ce-block" data-id="8JIOBSRQsM" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">二、站长类活动大会:属于站长的"武林大会"</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="G40Fun5_oH" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">站长圈最热闹的证据,是那个年代层出不穷的大会。站长们从五湖四海聚到一个会场,交换链接、交流经验、看看传说中的"大神"长什么样。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="YHzwzc9g1h" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>TIMELINE · 黄金年代大事记</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="388hms_3dS" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">2001年:Discuz! 与落伍者诞生,站长江湖初具雏形</li><li class="cdx-list__item">2003年:蔡文胜创办 265.com,域名投资走向台前</li><li class="cdx-list__item">2005年:A5 站长网创建;首届中国个人站长大会在厦门举办</li><li class="cdx-list__item">2007年:三届站长大会收官;"反思 2006 补课 2007"论坛举行;265 被 Google 并购</li><li class="cdx-list__item">2008年:联盟广告黄金期到达顶点,约 140 万个人网站</li><li class="cdx-list__item">2010年:Discuz! 被腾讯收购,一代论坛系统归入巨头</li><li class="cdx-list__item">2020年:平台化时代,个人站衰落,老站长转型换战场</li><li class="cdx-list__item">2005-2007年:三届中国个人站长大会(厦门):蔡文胜在厦门连续举办三届中国个人站长大会,"帮助了很多个人网站向企业转型"。那是个人站长第一次拥有自己的"武林大会",也是"站长之王"与全国站长面对面交流的年代。 [来源:人民网]</li><li class="cdx-list__item">2007 年 3 月:"反思 2006 补课 2007"站长论坛(北京):2007 年 3 月 25 日,以"反思 2006 补课 2007"为主题的站长论坛在京举行,由 Comsenz(康盛创想)、落伍者 im286 联合发起。奇虎董事长 周鸿祎致辞,戴志康、王志东等参与。周鸿祎在致辞中说:"今天来的都是……中国,我认为是蓝海市场……社区是中国互联网的未来。今天所谓的这些老大们,如果真正能够做好……" [来源:新浪科技]</li><li class="cdx-list__item">地方站长聚会(2006-2008):落伍者成立五周年(2006 年 3 月)之际,"从江苏、上海到广东,全国已有近 10 个城市自发组织了大大小小的站长聚会";2006 至 2008 年间,社区先后在江苏、上海、广州等地举办线下聚会。站长们从线上 ID 变成线下酒友、合伙人,许多创业团队就是这样聚出来的。 [来源:百度百科]</li></ul>
</div>
</div><div class="ce-block" data-id="Q5jOZ60Pp3" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">三、最繁荣最热闹的时代:2005-2008 联盟广告黄金期</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="_xjomTaDhy" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">如果说 1997-1999 是站长的"启蒙期"、2002-2004 是"短信养站"的草莽期,那么 2005-2008 就是中国个人站长最繁荣、最热闹的黄金年代。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="VxshLJ5uu0" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">140 万+当时中国个人网站数量(A5 章征军透露)</li><li class="cdx-list__item"> 96 万+落伍者注册会员(截至 2013)</li><li class="cdx-list__item"> 8400 万+落伍者帖子总数(截至 2013)</li><li class="cdx-list__item"> 100 万+采用 Discuz! 的网站数</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="ZJCrYIPEb-" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">2005 至 2006 年,Google AdSense、百度联盟等各类联盟出现,"个人站长赚钱的渠道增多"(创业邦语)。相比短信联盟的"灰色"气质,联盟广告让站长们第一次有了"正规军"的感觉——放一段广告代码,按点击/展示分成,钱就这么来了。 [来源:创业邦]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="nWQi_bZZWK" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">站长生态也空前繁荣:站长论坛林立,落伍者、A5 站长网、站长之家(CHINAZ)、中国站长站(admin5)每天吞吐海量帖子;站长们早上第一件事就是看联盟账户收入,然后泡论坛发帖回帖、交换友情链接、买卖网站源码与域名。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="y0k6Ekrr4W" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>站长之家 CHINAZ 姚剑军"阿飞"</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="PSKff5573g" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">姚剑军(网名阿飞)创办的 CHINAZ 站长之家,是站长圈公认的"工具之王"与信息门户;他与章征军、黄一孟(VeryCD 创始人)等人一样,"从个人网站开始转向商业网站"(创业邦语)。 [来源:创业邦] [来源:网易报道]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="EY2s5eljY6" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>浙江站长收入榜:一个"站长造富"的标本</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="I9vKf-_aeG" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">圈内流传的浙江站长黄金时代收入榜(2002-2012,数字为网传口径、未经逐一核实,仅作怀旧参考):</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="zO-NljZbtt" >
<div class="ce-block__content">
<ol class="cdx-list-ordered" style="list-style-type:none; margin-left: -15px;"><li class="cdx-list__item">1. 李兴平(hao123、4399,2003-2004 年月入 80 万+);</li><li class="cdx-list__item">2. 庞升东(2345 导航、51.com,24 岁已赚 100 万);</li><li class="cdx-list__item">3. 姚剑军(CHINAZ 站长之家);章征军(A5 站长网);</li><li class="cdx-list__item">4. 王学集(PHPWind,后被阿里巴巴收购);</li><li class="cdx-list__item">5. 董勤锋(落伍者)。</li></ol>
</div>
</div><div class="ce-block ce-block--focused" data-id="M0oWF7aopw" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">来源:4414 网传榜单,供怀旧参考</div>
</div>
</div><div class="ce-block" data-id="WB2gaN-efT" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">四、不同年代站长生态对比</h3>
</div>
</div><div class="ce-block" data-id="vPTY6LPayf" >
<div class="ce-block__content">
<div class="cdx-block">
<div class="tc-wrap">
<div class="tc-table">
<div class="tc-row">
<div class="tc-cell">时代</div>
<div class="tc-cell">建站方式</div>
<div class="tc-cell">盈利模式</div>
<div class="tc-cell">典型代表</div>
<div class="tc-cell">热闹程度</div>
</div>
<div class="tc-row">
<div class="tc-cell">1997-1999 个人主页时代</div>
<div class="tc-cell">免费个人主页(网易/飞华),手写 HTML</div>
<div class="tc-cell">国外点击广告,月入数千美元</div>
<div class="tc-cell">高春辉、Carboy、李兴平</div>
<div class="tc-cell">起步:个人主页百花齐放,第一批站长诞生</div>
</div>
<div class="tc-row">
<div class="tc-cell">2002-2004 短信联盟时代</div>
<div class="tc-cell">个人网站 + 短信联盟入口</div>
<div class="tc-cell">SP 短信联盟、淘宝/EBAY 分成</div>
<div class="tc-cell">hao123、各类下载站</div>
<div class="tc-cell">回暖:短信养站,草莽野蛮生长</div>
</div>
<div class="tc-row">
<div class="tc-cell">2005-2008 联盟广告黄金期</div>
<div class="tc-cell">开源 CMS(Discuz!/织梦/帝国)+ 虚拟主机</div>
<div class="tc-cell">Google AdSense、百度联盟</div>
<div class="tc-cell">Discuz!、落伍者、A5、CHINAZ</div>
<div class="tc-cell">最热闹:约 140 万个人网站,站长大会迭起</div>
</div>
<div class="tc-row">
<div class="tc-cell">2009-2012 地方社区与移动互联网前夜</div>
<div class="tc-cell">Discuz! 等论坛系统做地方社区</div>
<div class="tc-cell">广告 + 社区营销</div>
<div class="tc-cell">西祠胡同、化龙巷、站长之家</div>
<div class="tc-cell">分化:地方社区掘金,移动浪潮将至</div>
</div>
<div class="tc-row">
<div class="tc-cell">如今 2020s 平台化时代</div>
<div class="tc-cell">公众号/App/短视频/出海建站</div>
<div class="tc-cell">流量平台分成、带货、出海广告</div>
<div class="tc-cell">公众号主、短视频博主、跨境站群</div>
<div class="tc-cell">个人站衰落:流量向巨头集中,站长转型</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="eMgt7nBoKI" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">表:个人站长生态五阶段对比(据本系列引用素材归纳)</div>
</div>
</div><div class="ce-block" data-id="0DESU56m8a" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">五、如今状况:个人网站为什么衰落了?</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="7Ydx2hYNLh" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">个人网站的衰落,是时代的选择。大致有几条主线:</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="cteGUULGwJ" >
<div class="ce-block__content">
<ol class="cdx-list-ordered" style="list-style-type:none; margin-left: -15px;"><li class="cdx-list__item">1. 移动互联网——用户时间从浏览器转移到手机 App,网址与首页的概念被削弱;</li><li class="cdx-list__item">2. 平台化——流量、内容、变现都集中到公众号、短视频、电商平台;</li><li class="cdx-list__item">3. 备案与合规成本——个人建站门槛提高;</li><li class="cdx-list__item">4. 流量巨头集中——搜索引擎与超级 App 收走绝大部分入口;</li><li class="cdx-list__item">5. 搜索生态变化——个人站被算法推荐取代。</li></ol>
</div>
</div><div class="ce-block ce-block--focused" data-id="vMgLP0P0CD" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">站长群体的转型也肉眼可见:做公众号、做 App、做出海、做短视频,当年的站长成了如今的内容创业者、独立开发者、跨境卖家。很多老站长的身影没有消失,只是换了战场。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="mA8kgnsoGl" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>落伍者与站长论坛的现状</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="loPtbcqp4a" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">松松网《落伍者的20年》记录了它的落寞:2016 年落伍者推出 iOS App,收获第一个五星评价,但"iOS10 之后再无更新";论坛官方板块一度停更,最活跃的只剩外链板块;期间还关闭过论坛,京东商城也撤掉了与落伍者的友情链接。"那个地方,也是很多站长的一个家园,落伍家园"——如今更多成了怀旧者的坐标。 [来源:松松网]</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="WymiJKokFa" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>A5 站长网与站长之家的今天</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="gwZQnQWEP6" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">A5 站长网至今仍在运营,仍是站长圈的信息与交易平台;站长之家(CHINAZ)同样延续着服务。它们从"黄金年代"一路走到现在,见证了个人站长从喧嚣到沉默的全过程。 [来源:A5 站长网] [来源:站长之家]</div>
</div>
</div><div class="ce-block" data-id="PyDbKhwnoh" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">六、怀旧总结:那个"最热闹最多的年代"</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="53XLr3b5Rg" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">那是一段再也回不去的时光:拨号声刚停,网址导航还没被收藏夹取代;一个人、一台主机、一个论坛,就能把天南地北的人聚在一起。站长们白天搬砖、夜里改代码,守着计数器一点点上涨,盼着联盟账户里多出几十块钱。没有算法推荐,没有流量分发,只有友情链接和论坛顶帖——那是中文互联网最草根、最热闹、也最真诚的年代。如今的站长早已换了名字,但那些为"一个网站"熬夜的人,永远是中国互联网最早的拓荒者。</div>
</div>
</div><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.cdx-list {
margin:0;
outline:none;
display:block;
counter-reset:item;
padding:6px;
}
.cdx-list__item {
line-height:1.45em;
display:block;
padding-top:8px;
margin-left: 2em;
}
.cdx-list__item-children {
display:block;
}
.cdx-list__item {
outline:none
}
.cdx-list__item-content {
word-break:break-word;
white-space:pre-wrap;
grid-area:content;
padding-left:8px
}
.cdx-list__item:before {
counter-increment:item;
white-space:nowrap
}
.cdx-list-li-container {
display: flex;
}
.cdx-list-ordered .cdx-list__item:before {
/* content:counters(item,".",numeric) "." */
}
.cdx-list-ordered {
list-style-type: none;
margin-left: -15px;
counter-reset:item;
font-size: 16px;
}
.cdx-list-unordered {
font-size: 16px;
}
.cdx-list-unordered .cdx-list__item:before {
content:"•"
}
.cdx-list-checklist .cdx-list__item:before {
content:""
}
.cdx-list__settings .cdx-settings-button {
width:50%
}
.cdx-list__checkbox {
padding-top:calc((1.45em - 1.2em) / 2);
grid-area:checkbox;
width:1.2em;
height:1.2em;
display:flex;
cursor:pointer;
font-size: 16px;
}
.cdx-list__checkbox svg {
opacity:0;
height:1.2em;
width:1.2em;
left:-1px;
top:-1px;
position:absolute
}
@media (hover:hover) {
.cdx-list__checkbox:not(.cdx-list__checkbox--no-hover):hover .cdx-list__checkbox-check svg {
opacity:1
}
}.cdx-list__checkbox--checked-1 {
line-height:1.45em
}
@media (hover:hover) {
.cdx-list__checkbox--checked-1:not(.cdx-list__checkbox--checked-1--no-hover):hover .cdx-checklist__checkbox-check {
background:#0059AB;
border-color:#0059AB
}
}.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check {
background:#369FFF;
border-color:#369FFF
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check svg {
opacity:1
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check svg path {
stroke:#fff
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check:before {
opacity:0;
visibility:visible;
transform:scale(2.5)
}
.cdx-list__checkbox-check {
cursor:pointer;
display:inline-block;
position:relative;
margin:0 auto;
width:1.2em;
height:1.2em;
box-sizing:border-box;
border-radius:5px;
border:1px solid #C9C9C9;
background:#fff
}
.cdx-list__checkbox-check:before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:100%;
background-color:#369FFF;
visibility:hidden;
pointer-events:none;
transform:scale(1);
transition:transform .4s ease-out,opacity .4s
}
.cdx-list__checkbox-check--disabled {
pointer-events:none
}
.cdx-list-start-with-field {
background:#F8F8F8;
border:1px solid rgba(226,226,229,.2);
border-radius:6px;
padding:2px;
display:grid;
grid-template-columns:auto auto 1fr;
grid-template-rows:auto
}
.cdx-list-start-with-field--invalid {
background:#FFECED;
border:1px solid #E13F3F
}
.cdx-list-start-with-field--invalid .cdx-list-start-with-field__input {
color:#e13f3f
}
.cdx-list-start-with-field__input {
font-size:16px;
outline:none;
font-weight:500;
font-family:inherit;
border:0;
background:transparent;
margin:0;
padding:0;
line-height:22px;
min-width:calc(100% - 10px)
}
.cdx-list-start-with-field__input::placeholder {
color:#797979;
font-weight:500
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.tc-wrap {
--color-background:#f9f9fb;
--color-text-secondary:#7b7e89;
--color-border:#e8e8eb;
--cell-size:0px;
--toolbox-icon-size:18px;
--toolbox-padding:6px;
--toolbox-aiming-field-size:calc(var(--toolbox-icon-size) + var(--toolbox-padding)*2);
border:1px solid var(--color-border);
position:relative;
height:100%;
width:100%;
margin-top:var(--toolbox-icon-size);
box-sizing:border-box;
display:grid;
grid-template-columns:calc(100% - var(--cell-size)) var(--cell-size);
}
.tc-wrap--readonly {
grid-template-columns:100% var(--cell-size)
}
.tc-wrap svg {
vertical-align:top
}
@media print {
.tc-wrap {
border-left-color:var(--color-border);
border-left-style:solid;
border-left-width:1px;
grid-template-columns:100% var(--cell-size)
}
}@media print {
.tc-wrap .tc-row:after {
display:none
}
}.tc-table {
position:relative;
width:100%;
height:100%;
display:grid;
font-size:14px;
line-height:1.4;
}
.tc-table:after {
width:calc(var(--cell-size));
height:100%;
left:calc(var(--cell-size)*-1);
top:0
}
.tc-table:after,.tc-table:before {
position:absolute;
content:""
}
.tc-table:before {
width:100%;
height:var(--toolbox-aiming-field-size);
top:calc(var(--toolbox-aiming-field-size)*-1);
left:0
}
.tc-table--heading .tc-row:first-child {
font-weight:600;
border-bottom:2px solid var(--color-border);
}
.tc-table--heading .tc-row:first-child :empty:before {
content:attr(heading);
color:var(--color-text-secondary)
}
.tc-table--heading .tc-row:first-child:after {
bottom:-2px;
border-bottom:2px solid var(--color-border)
}
.tc-add-column,.tc-add-row {
display:flex;
color:var(--color-text-secondary)
}
@media print {
.tc-add {
display:none
}
}.tc-add-column {
padding:4px 0;
justify-content:center;
border-top:1px solid var(--color-border);
}
@media print {
.tc-add-column {
display:none
}
}.tc-add-row {
height:var(--cell-size);
align-items:center;
padding-left:4px;
position:relative;
}
.tc-add-row:before {
content:"";
position:absolute;
right:calc(var(--cell-size)*-1);
width:var(--cell-size);
height:100%
}
@media print {
.tc-add-row {
display:none
}
}.tc-add-column,.tc-add-row {
transition:0s;
cursor:pointer;
will-change:background-color;
}
.tc-add-column:hover,.tc-add-row:hover {
transition:background-color .1s ease;
background-color:var(--color-background)
}
.tc-add-row {
margin-top:1px;
}
.tc-add-row:hover:before {
transition:.1s;
background-color:var(--color-background)
}
.tc-row {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(10px,1fr));
position:relative;
border-bottom:1px solid var(--color-border);
}
.tc-row:after {
content:"";
pointer-events:none;
position:absolute;
width:var(--cell-size);
height:100%;
bottom:-1px;
right:calc(var(--cell-size)*-1);
border-bottom:1px solid var(--color-border)
}
.tc-row--selected {
background:var(--color-background)
}
.tc-row--selected:after {
background:var(--color-background)
}
.tc-cell {
border-right:1px solid var(--color-border);
padding:6px 12px;
overflow:hidden;
outline:none;
line-break:normal;
}
.tc-cell--selected {
background:var(--color-background)
}
.tc-wrap--readonly .tc-row:after {
display:none
}
.tc-toolbox {
--toolbox-padding:6px;
--popover-margin:30px;
--toggler-click-zone-size:30px;
--toggler-dots-color:#7b7e89;
--toggler-dots-color-hovered:#1d202b;
position:absolute;
cursor:pointer;
z-index:1;
opacity:0;
transition:opacity .1s;
will-change:left,opacity;
}
.tc-toolbox--column {
top:calc(var(--toggler-click-zone-size)*-1);
transform:translateX(calc(var(--toggler-click-zone-size)*-1/2));
will-change:left,opacity
}
.tc-toolbox--row {
left:calc(var(--popover-margin)*-1);
transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));
margin-top:-1px;
will-change:top,opacity
}
.tc-toolbox--showed {
opacity:1
}
.tc-toolbox .tc-popover {
position:absolute;
top:0;
left:var(--popover-margin)
}
.tc-toolbox__toggler {
display:flex;
align-items:center;
justify-content:center;
width:var(--toggler-click-zone-size);
height:var(--toggler-click-zone-size);
color:var(--toggler-dots-color);
opacity:0;
transition:opacity .15s ease;
will-change:opacity;
}
.tc-toolbox__toggler:hover {
color:var(--toggler-dots-color-hovered)
}
.tc-toolbox__toggler svg {
fill:currentColor
}
.tc-wrap:hover .tc-toolbox__toggler {
opacity:1
}
.tc-settings .cdx-settings-button {
width:50%;
margin:0
}
.tc-popover {
--color-border:#eaeaea;
--color-background:#fff;
--color-background-hover:rgba(232,232,235,0.49);
--color-background-confirm:#e24a4a;
--color-background-confirm-hover:#d54040;
--color-text-confirm:#fff;
background:var(--color-background);
border:1px solid var(--color-border);
box-shadow:0 3px 15px -3px rgba(13,20,33,.13);
border-radius:6px;
padding:6px;
display:none;
will-change:opacity,transform;
}
.tc-popover--opened {
display:block;
animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards
}
.tc-popover__item {
display:flex;
align-items:center;
padding:2px 14px 2px 2px;
border-radius:5px;
cursor:pointer;
white-space:nowrap;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.tc-popover__item:hover {
background:var(--color-background-hover)
}
.tc-popover__item:not(:last-of-type) {
margin-bottom:2px
}
.tc-popover__item-icon {
display:inline-flex;
width:26px;
height:26px;
align-items:center;
justify-content:center;
background:var(--color-background);
border-radius:5px;
border:1px solid var(--color-border);
margin-right:8px
}
.tc-popover__item-label {
line-height:22px;
font-size:14px;
font-weight:500
}
.tc-popover__item--confirm {
background:var(--color-background-confirm);
color:var(--color-text-confirm);
}
.tc-popover__item--confirm:hover {
background-color:var(--color-background-confirm-hover)
}
.tc-popover__item--confirm .tc-popover__item-icon {
background:var(--color-background-confirm);
border-color:rgba(0,0,0,.1);
}
.tc-popover__item--confirm .tc-popover__item-icon svg {
transition:transform .2s ease-in;
transform:rotate(90deg) scale(1.2)
}
.tc-popover__item--hidden {
display:none
}
@keyframes menuShowing {
0% {
opacity:0;
transform:translateY(-8px) scale(.9)
}
70% {
opacity:1;
transform:translateY(2px)
}
to {
transform:translateY(0)
}
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style> 虽然落寞了,但做网站依然是一个投入产出比不错的营生。关键是不做网站我也不知道自己能干啥🤑 2009年,获得chinaz的奖品,当时价值近2000元RMB的ipod一部,用了一个月,用不习惯,在58同城上以1500元卖之;
2010年国庆节,A5站长网财务在给我结算打款卖友链的收入的时候,不小心输错了数字,原本一两百块钱的友链收入,结果支付宝转了1万块钱过来,当时我月薪仅仅1500~1700左右,是需要存整整一年才能存到的一笔巨款,纠结了1个小时,联系A5的人,退之。作为表扬和回报,A5特颁发荣誉嘉宾勋章以及数千论坛积分。
页:
[1]