update

wangxiaomo · May 5, 2015 · fea537f · fea537f
1 parent 6a8e45b
commit fea537f
Show file tree

Hide file tree

Showing 3 changed files with 137 additions and 137 deletions.
diff --git a/dev.html b/dev.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>HackChina工作室</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="keywords" content="xiaomo,wangxiaomo,小默,小默的研究中心,小默的工作室,HackChina,HackChina工作室" />
+    <meta name="description" content="Welcome to HackChina Studio.承接网站开发、服务器运维、App开发、平面设计、技术咨询等业务。" />
+    <link rel="author" href="https://plus.google.com/+王小默4ever?rel=author" />
+    <link rel="Shorcut Icon" href="fav.ico" />
+    <link rel="Bookmark" href="fav.ico" />
+    <link rel="stylesheet" href="statics/assets/css/style.css">
+    <link type="text/css" rel="stylesheet" href="statics/assets/css/prettify.css"/>
+    <script type="text/javascript" src="statics/js/jquery.min.js"></script>
+    <script type="text/javascript" src="statics/js/jquery.lazyload.min.js"></script>
+    <script type="text/javascript" src="statics/assets/js/prettify.js"></script>
+    <style>
+#wrapper {
+  box-shadow: 5px 5px 14px #ccc;
+}
+#content {
+  width: 410px;
+  float: left;
+}
+.memo {
+  float: right;
+  width: 480px;
+  margin-top: 60px;
+}
+#studio {
+  width: 480px;
+  right: 230px;
+}
+#founder {
+  top: 320px;
+  right: 250x;
+  text-align: right;
+  display: block;
+}
+#founder:hover {
+  font-size: 28px;
+  text-decoration: underline;
+}
+.post p {
+  max-width: 400px;
+}
+    </style>
+  </head>
+<body onload="prettyPrint()">
+
+  <div id="wrapper">
+    <div id="header">
+
+    </div>
+
+    <div class="clear"></div>
+    <div id="main">
+      <div class="memo">
+        <div class="fixed-memo">
+          <img id="studio" alt="HackChina工作室" data-original="statics/images/studio.gif" width="480" height="300" class="lazy"/>
+          <span id="founder"><a alt="the founder of HackChina" target="_blank" href="xiaomo.html">去吐(mo)槽(bai)创始人</a></span>
+        </div>
+      </div>
+      <div id="content" class="post">
+        <a name="hackchina___"></a><h1>HackChina工作室<a class="anchorlink" href="#hackchina___"></a></h1>
+<p>Welcome to HackChina Studio.</p>
+<p>成立于2014年，集结了一群热爱生活、敢于创新、敢于挑战的年轻人，以创新为宗旨，致力于网站建设、SEO优化推广、服务器运维、平面设计、技术咨询等。『发现美，创造美』是我们一直以来遵循的设计理念。让企业的每一个目标客户都可以享受前所未有的视觉宣传体验，增强对企业品牌的忠诚度，提高企业的整体业绩，是我们工作的最终目标。</p>
+<p>在众多客户的肯定下，我们始终保持不变的热情，对每一个项目投入最大的精力。我们更愿意自习聆听客户的需求，根据客户的期望，给出最适合的方案、创意和技术服务。我们希望成为客户的事业伙伴，珍重并以真诚回报客户给予的信任和期待。</p>
+<p>我们坚持只做精品；我们严格恪守一个原则：细节成就精品，对于我们来讲客户不是上帝，是朋友，我们会在每个项目中融入我们几近苛刻的要求；我们重视于每一份业务的设计质量，而不在意业务的数量多少；我们认真为每个项目量身打造最合适它的设计，而不是草草了事；我们追求的是不重复自己、不重复别人，所以我们一直为此努力着，并坚信我们所做的一切努力必将回馈客户。</p>
+<p>我们诚接网站开发、native/H5 App、服务器运维、SEO优化推广、平面设计、技术咨询等项目（短期或兼职），希望可以长期合作，欢迎联系QQ 497052184咨询。</p>
+<a name="____"></a><h3>网站开发<a class="anchorlink" href="#____"></a></h3>
+<p>全站定制开发、SPA(单页应用)开发、微信公众平台开发、移动支付、CMS建站仿站、Wordpress二次开发。纯手工代码，保证质量、效率、稳定与可拓展。</p>
+<blockquote>
+<p>网络上有那么多现成的，你们为什么不用？</p>
+</blockquote>
+<p>这么说吧，好比慕容复，以武功博学而著称。那么问题来了，他武功（技术）这么好，他就会天下所有的武功么？天下的武功（技术）那么多，三教九流（写的好的写的坏的）比比皆是，他不需要也不可能都会。他武功（技术）既然已经这么好了，那么他会自己研习新的武艺（手写代码）呢？还是在其他小门派武功（小众化技术）上进行拓展研习？</p>
+<p>所以即使网络上有各种各样的代码可以拿过来，如果要拿来用的话，首先我需要花大量时间去寻找到最适合我们的，然后我还无法保证代码的稳定性、兼容性、以及是否可用。『世界上没有两个完全一样的需求』，那么在这样不能掌控的代码上，我可能不能高质量的完成客户的定制要求。这样算下来的时间成本、工作成本、售后成本，并不比手工自己写低。</p>
+<blockquote>
+<p>为什么仿一个网站那么贵？</p>
+</blockquote>
+<p>由于我们是新成立的工作室，我们的定价完全是根据工作量来走的，没有任何假想成本，因此我们在定价时一定是充分考虑到了这个项目的整体工作量的。有些网站可能代码进行了压缩、加密，增加了仿站难度；有些网站可能需要防止的页面数量较多；有些网站可能自身兼容性不强，我们需要用更兼容更可靠的方式来实现，等等等等。所以请客户放心，我们一定以最合适最便宜的价格来提供最优质的服务。</p>
+<p>技术范围：</p>
+<p>1.web开发，<code>PHP/Python/Nodejs/JSP/ASP.NET</code> <code>Redis/Memcache/MQ/Celery/thrift</code> <code>Apache/Nginx/Unicorn</code></p>
+<p>2.SPA，<code>AngularJS/Backbone</code></p>
+<p>3.自动化构建，<code>gulp/grunt</code> <code>bower</code> <code>compass</code> <code>node相关</code></p>
+<p>4.wordpress,laravel,thinkphp,shuipfcms,dedecms,帝国cms</p>
+<p>5.微信平台开发、微信支付</p>
+<a name="native_h5_app"></a><h3>native/H5 App<a class="anchorlink" href="#native_h5_app"></a></h3>
+<p>原生应用开发、H5应用开发。android/ios均可。发布帐号需要客户自行提供。</p>
+<a name="_____"></a><h3>服务器运维<a class="anchorlink" href="#_____"></a></h3>
+<p>多年 windows/linux 服务器运维经验，保证从基础服务到产品线应用的服务高效、可靠的运行。能够积极主动的响应产品开发的需求（访问控制、资源调度、服务搭建以及新产品上线前的技术咨询）。能够推进运维自动化，熟练掌握<code>shell/perl/python</code> <code>puppet/ansible</code>。保证系统安全，及时更新系统补丁。熟练利用<code>nagios/安全狗/dnspod</code>等监控服务器安全状态，并第一时间通过短信、邮件等报警方式得知服务器异常。</p>
+<p>另外各大域名提供商、空间提供商、云服务商的产品比较熟悉，可以提供采购、维护、管理方面的支持。目前管理阿里云、aws等相关vps十余台。对各类厂商的云防火墙、云负载均衡、加速乐等产品也熟练运用。进一步保证服务安全、稳定的运行。</p>
+<p><strong> 欢迎各种长期服务器运维的兼职工作 </strong></p>
+<a name="seo____"></a><h3>SEO推广优化<a class="anchorlink" href="#seo____"></a></h3>
+<p>建站初期的SEO规划咨询，网站代码的SEO结构化优化，Sitemap生成、结构化数据标注、死链管理等，合理利用百度指数、站长工具进行正规SEO优化，不被封、不作弊，快速进入百度、谷歌、雅虎索引，为网站带来更多的流量。</p>
+<a name="____"></a><h3>平面设计<a class="anchorlink" href="#____"></a></h3>
+<p>平面设计、web设计、矢量图标设计、3d建模、视频剪辑制作</p>
+<a name="____"></a><h3>技术咨询<a class="anchorlink" href="#____"></a></h3>
+<p>技术选型咨询、系统架构设计咨询、创业咨询</p>
+<a name="____"></a><h3>精品案例<a class="anchorlink" href="#____"></a></h3>
+<p>联系索取</p>
+<a name="____"></a><h3>联系方式<a class="anchorlink" href="#____"></a></h3>
+<a name="qq__497052184"></a><h5>QQ: 497052184<a class="anchorlink" href="#qq__497052184"></a></h5>
+<h5>Email: <a href="mailto:wxm4ever@gmail.com">wxm4ever@gmail.com</a> / <a href="mailto:497052184@qq.com">497052184@qq.com</a></h5>
+
+
+<!-- end content -->
+      </div>
+    </div>
+
+    <div class="clear">
+    </div>
+
+    <div id="footer">
+    </div>
+  </div>
+  <script>
+$(function(){
+  $('img.lazy').lazyload();
+
+  $(window).on('scroll', function(e){
+    var height = window.scrollY;
+    if(height >= 138){
+      $('.fixed-memo').css({
+        'position': 'fixed',
+        'top': '40px'
+      });
+    }else{
+      $('.fixed-memo').css({
+        'position': 'static',
+      });
+    }
+  });
+});
+  </script>
+</body>
+</html>
diff --git a/hackchina.html b/hackchina.html
diff --git a/index.html b/index.html
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+xiaomo.html