【开讲啦】在线访谈报名丨互动大师创办人兼COO:二个出品的创业历程

Table of Contents

当鼠标点到视频中出现的金发女郎身上,她的裙子与包上会显示其标价及购买场地——那款产品得以形成如此的种种网页设计互动效率。

1. 公布站点 by emacs org-mode

org-mode 写文档做笔记啥的很有益, 反应超快(因为是文件文件),
而且在emacs中得以显示出像样word的效用. 但是给没有emacs的人看时,
就不太方便.(没有高亮显示, 也无所适从在文书中跳转等等)

为了将继续利用 org-mode 带来的造福, 也为了便利外人查看本人的文档,
稍稍调查了眨眼间间org-mode导出html的成效.

创业本来就是人生的一片段,而且那部分的路线差不离是无法copy的。各个人的经验分歧、天性差异、环境不一致、知识储备不一样、关系互联网不一致、挣钱目标差距、梦想不一致、机遇不一样…..
太多的参数导致,很难提议一条普适的创业光明大道,当然那条路小编也是不设有的,若是有,那就基本上是3个坑。

1.1 org-mode 自带的导出方法

无敌的org-mode其实自带了导出各类格式的成效. 导出html格式的迅速键很粗略:

C-c C-e h

虽说便宜, 可是导出的html格式不太为难, 而且无法批量导出,
这么些命令只好导出三个org文件.

创业,特别是网络和IT行业创业,往往须要的特质都以你和住家不相同的位置,而不是均等;是去可疑,而不是相信;是去创立,而不是去继承……

1.2 批量导出

org-mode纵然也有导出org project的吩咐, 但是索要在
.emacs中布署相关导出选项. 每一次导出差别的门类时, 需求修改 .emacs, 修改
.emacs后要么重新导入, 要么重启 emacs. 总认为很麻烦.

新生参考了今日头条上[麦满屯]的一篇博客[1](http://www.cnblogs.com/wang_yb/p/3519221.html#fn-.1),
用Makefile来简化 org 文件的导出和发表. Makefile如下:

EMACS=emacsclient   # 这里我用的emcasclient, 没有用emacs. 因为我的emacs是以server方式启动的
ORG_CONFIG_FILE=publish-config.el   # 导出org文件的配置
EMACS_OPTS=--eval "(load-file \"$(ORG_CONFIG_FILE)\")"

DEST_HOST='myhost.com:public_html/'
OUTPUT_DIR=~/tmp/output   # 导出的位置, 这个位置其实是在 public-config.el 中配置的, 
                          # 这里的定义这个变量的作用是为了删除(make clean), 以及上传server(make upload)

all: html upload

html:
    @echo "Generating HTML..."
    @mkdir -p $(OUTPUT_DIR)
    @$(EMACS) $(EMACS_OPTS)
    @echo "HTML generation done"

upload:
    @cd $(OUTPUT_DIR) && scp -r . $(DEST_HOST) && cd ..

clean:
    @rm -rf $(OUTPUT_DIR)

仅仅导出html, 而不揭橥站点, 只要用:

make html

其中用的布局文件 publish-config.el 如下:
主要参考了[麦满屯]的一篇博客[1](http://www.cnblogs.com/wang_yb/p/3519221.html#fn-.1)

;; config for publish site from org files
(require 'org-publish)

(setq org-publish-project-alist
      '(
        ;; These are the main web files
        ("org-notes"
         :base-directory "~/tmp/www/" ;; Change this to your local dir
         :base-extension "org"
         :publishing-directory "~/tmp/output"
         :recursive t
         :publishing-function org-publish-org-to-html
         :headline-levels 4             ; Just the default for this project.
         :auto-preamble nil
         :auto-sitemap t
         :sitemap-filename "sitemap.org"
         :sitemap-title "sitemap"
         :section-numbers nil
         :table-of-contents t
         :style "<link rel='stylesheet' type='text/css' href='css/org-manual.css' />"
         :style-include-default nil
         )

        ;; These are static files (images, pdf, etc)
        ("org-static"
         :base-directory "~/tmp/www/" ;; Change this to your local dir
         :base-extension "css\\|js\\|png\\|jpg\\|gif\\|pdf\\|mp3\\|ogg\\|swf\\|txt\\|asc"
         :publishing-directory "~/tmp/output"
         :recursive t
         :publishing-function org-publish-attachment
         )

        ("org" :components ("org-notes" "org-static"))
        )
      )

(defun myweb-publish nil
  "Publish myweb."
  (interactive)
  (org-publish-all))

(myweb-publish)

瞩目上边的布署文件中引用了1个 css 文件 org-manual.css
那是因为暗中同意导出的html文件格式实在是… …

而本期嘉宾,就有三个特地的创业故事:

1.3 css 美化

css的运用办法首要参考的了 HE QIN
同学的求证[2](http://www.cnblogs.com/wang_yb/p/3519221.html#fn-.2),
表明的很详细, 我参考着她的验证简化了刹那间, 临时唯有css, 没有引入
javascript. 这些 org-manual.css 的体制是直接从 org-mode
的合法证实[3](http://www.cnblogs.com/wang_yb/p/3519221.html#fn-.3)
上直接下载下来的,
因为自个儿以为官方的应用表达的样式还挺简洁.(尤其是右上角的内容导航很酷 ^_^)
org-manual.css内容如下:

@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono|Droid+Serif);

html {
    padding: 0;
}

body { 
    font-family: "Droid Serif", "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", Verdana, sans-serif;
    font-size: 11pt;
    line-height: 1.3;
    margin: 40pt;
    padding: 0;
}

#postamble {
    visibility:hidden;  /* 隐藏了postamble, 因为总是对不齐, css太菜...... */
    text-align: center;
    width: 75%;
    bottom:0;
    margin-left: auto;
    margin-right: auto;
    _position:absolute;  
    _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);  
}

.title {
    background: url(..logo.png) no-repeat 12px 5px;  /* 这个图片下载后被我替换了, 本来是org-mode自己的logo */
    position: fixed;
    display: inline;
    left: 0px;
    top: 0px;
    height: 54px;
    width: 100%;
    margin-top: 0px;
    background-color: #eee;
    padding: 0;
    z-index: 99;
}

#orgquote {
    position: fixed;
    display: block;
    top: 77px;
    padding: 5pt;
    text-align: center;
    background-color: black;
    width: 100%;
    color: #ccc;
    box-shadow: 0px 15px 10px #fff;
    font-size: 90%;
    font-family: Courier new;
    z-index: 98;
}

#paypal {
    position:fixed;
    right: 10px;
    top: 15px;
    z-index: 100;
}

#paypal button {
    font-family: Courier new;
    cursor: pointer;
    color: white;
    position:fixed;
    display: block;
    right: 14px;
    top: 15px;
    width: 90px; 
    height: 40px;
    box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #53e1e3;
    font-weight: bold;
}

#paypal button:hover {
    position:fixed;
    display: block;
    right: 9px;
    top: 15px;
    width: 90px; 
    height: 40px;
    margin-top: 5px;
    margin-left: 5px;
    box-shadow: 0px 0px 0px #888;
    -webkit-box-shadow: 0px 0px 0px #888;
    -moz-box-shadow: 0px 0px 0px #888;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #49f4f6;
    font-weight: bold;
}

h1.title {
    text-shadow: 2px 2px 4px #999;
    padding-top: 23px;
    padding-left: 70pt;
    font-size: 23pt;
    font-family: Courier New;
}

#linklist 
{
    position: fixed;
    font-size: 13pt;
    font-family: Courier New; 
    padding-top: 0px;
    padding-right: 0px;
    top: 107px;
    left: 0px;
    margin-top: 0px;
    width: 180px;
    background-color: #fff;
    color: black;
    box-shadow: 8px 8px 12px #ccc;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    z-index: 100;
}

#linklist a {
    color: black;
    font-weight: normal; 
    text-decoration: none;
    display:block;
    padding: 7pt;
}

#linklist ul {
    margin: 0;
    padding: 0;
}

#linklist li {
    text-align: right;
    margin: 0;
}

.timestamp {
    font-family: Courier New;
    color: #888888;
}

#linklist li:hover {
    border-left: 7px solid #537d7b;
}

pre {
    background-color: #eee;
    font-family: "Droid Sans Mono";
    box-shadow: 5px 5px 5px #888;
    border: none;
    padding: 5pt;
    margin-bottom: 14pt;
    color: black;
    padding: 12pt;
    font-family: Courier New;
    font-size: 95%;
    overflow: auto; 
}

#buttons {
    position: fixed;
    bottom: 10px;
    /* right: 20px; */
    left: 20px;
    z-index: 100;
    width: 100px;
}

.ok {
    -moz-opacity:.2;
    opacity: .2;
    filter:alpha(opacity=20);
}

.ok:hover {
    -moz-opacity:1;
    opacity: 1;
    filter:alpha(opacity=100);
}

.outline-2 {
    position: relative;
    left: 215px;
    top: 105px;
    width: 75%;
    padding-bottom: 5pt;
}

#twit {
    -moz-opacity:.2;
    opacity: .2;
    filter:alpha(opacity=20);
    position: fixed;
    top: 362px;
    box-shadow: 8px 8px 12px #ccc;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    z-index: 100;
}

#twit:hover {
    -moz-opacity:1;
    opacity: 1;
    filter:alpha(opacity=100);

    position: fixed;
    top: 362px;
    box-shadow: 8px 8px 12px #ccc;
    z-index: 100;
}

#outline-container-1 {
    padding-top: 3pt;
}

.outline-2 h2 {
    font-family: Courier New; 
}

.outline-2 h3 {
    font-family: Courier New; 
}

p { 
    margin-top: 0; 
    text-align: justify;
}

a:link { 
    font-weight: normal; 
    text-decoration: none; 
    /* color: #1c3030; */
    /* color: #A34D32; */
}

a:visited { 
    font-weight: normal; 
    text-decoration: none; 
    /* color: #5e251e; */
    /* color: #6E2432; */
}

a:hover, a:active { 
    text-decoration: underline; 
    /* color: #3d696a; */
    /* color: #537d7b; */
}

dd {
    text-align: justify;
    margin-bottom: 14pt;
}

dt {
    font-size: 110%;
    font-family: Courier New;
    color: #1c3030;
    /* color: #537d7b; */
    padding: 3px;
    margin-bottom: 3px;
}

li {
    margin: 10px;
    text-align: justify;
    list-style-image : url(..triangle.png);  /* 这个图片就是每个li 前面的小箭头 */
}

#table-of-contents {
    font-size: 9pt;
    position: fixed;
    right: 0em;
    top: 0em;
    background: white;
    -webkit-box-shadow: 0 0 1em #777777;
    -moz-box-shadow: 0 0 1em #777777;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    text-align: right;
    /* ensure doesn't flow off the screen when expanded */
    max-height: 80%;
    overflow: auto; 
    z-index: 200;
}

#table-of-contents h2 {
    font-size: 9pt;
    max-width: 8em;
    font-weight: normal;
    padding-left: 0.5em;
    padding-top: 0.05em;
    padding-bottom: 0.05em; 
}

#table-of-contents ul {
    margin-left: 14pt; 
    margin-bottom: 10pt;
    padding: 0
}

#table-of-contents li {
    padding: 0;
    margin: 1px;
    list-style: none;
}

#table-of-contents ul>:first-child {
    color: blue;
}

#table-of-contents #text-table-of-contents {
    display: none;
    text-align: left;
}

#table-of-contents:hover #text-table-of-contents {
    display: block;
    padding: 0.5em;
    margin-top: -1.5em; 
}

img.random {
    max-width: 750px;
    max-height: 380px;
    margin-bottom: 10pt;
    border: 1px solid black;
}

@media screen
{
  #table-of-contents {
    float: right;
    border: 1px solid #CCC;
    max-width: 50%;
    overflow: auto;
  }
} /* END OF @media screen */

: 上边的css中有3个图片是在线的, 作者下载后放在 ../images 目录中了

二零零五年,他坚决辞去了舒适的做事回来国内,开始苦逼的创业生涯,八年切磋,终于拿出了成熟的产品面对市场。

1.4 导出html

末尾整个导出工具的目录如下:

.
├── css
│   └── org-manual.css
├── images
│   ├── logo.png
│   └── triangle.png
├── Makefile
└── publish-config.el

把要导出的org文件放到上边配置的 ~/tmp/www 目录中, 然后运营命令 make html
就足以导出html到 目录 ~/tmp/output 中了.

最终附一张那篇小说生成的html截图: 

葡京在线开户 1

八月130日,大家一块来听取互动大师创办者兼COO孟智平先生,为诸位分享《8年磨一剑:二个产品的创业历程》。

Footnotes:

[1](http://www.cnblogs.com/wang_yb/p/3519221.html#fnr-.1)
http://www.cnblogs.com/banjia/archive/2012/09/29/2708966.html

[2](http://www.cnblogs.com/wang_yb/p/3519221.html#fnr-.2)
http://www.seas.upenn.edu/~heqin/academic/sitecreation.html

[3](http://www.cnblogs.com/wang_yb/p/3519221.html#fnr-.3)
http://orgmode.org/org.html

Date: 2014-01-14T16:00+0800

Author: wangyubin

Org version 7.9.3f with
Emacs version 24

Validate XHTML 1.0

—————————–前方高能————————————–

报名办法

访谈参预形式:回复
“3”至“人人都是成品经营”微信公众号(扫描下图二维码,即可关怀“人人都是产品经营”),按提醒操作

葡京在线开户 2

ID:Woshipm

本期【开讲啦】地点

本期【开讲啦】地点在【开讲啦】在线访谈室嘉宾交换微信群而且展开。

本期【开讲啦】时间

6月18日(周四)20:30-21:30

嘉宾简介:

葡京在线开户 3

孟智平

互动大师创办人兼高管

擅于洞察互连网发展趋势,拥有视频和交互技术领域跨越50项国内和U.S.发明专利;

善用软件架构,产品设计和团体管理;

8年专注于互动大师的制品构想,研发,实施;

曾供职于北电互联网(布宜诺斯艾利斯),爱立信(瑞典维也纳),和网通商量院(新加坡)。

本期访谈概要

主题:

8年磨一剑:二个出品的创业历程

访谈概要:

哪些发掘用户须求?

怎么着找到对象用户?

何以做出这些产品的?

支付进程中的难题,怎么样缓解?

出品是如何做起来的,从营销,传播,品牌上做了些什么?

直面商海的利害竞争,如何竞争?

创业期怎么着协会管理组建的

给产品经营一些有关采纳开发产品趋势的提出。

葡京在线开户,加入方式

在线访谈室

进去直播地址收听:http://t.cn/R2cvQml

本身提示:请收藏本页面地址,调好闹钟,准点收听

嘉宾交换微信群

转折报名帖至朋友圈,并带上包罗”报名参与”的评价;截图后发放小援手@埃拉(微信ID:ellaforme,备注“开讲啦直播”,否则不予通过),参预嘉宾沟通微信群(限额500人,先到先得)。

《开讲啊》嘉宾互换微信群人数:限制500人

1.得以与嘉宾在微信群零距离交换,帮您化解最关注的题材。

2.添加嘉宾微信,与嘉宾成为情人。

3.可拿到500个优良同行,在课后可继续和豪门一块儿享用财富、交换学习。

******关于《开讲啦》******

《开讲啊》是稠人广众都以成品CEO创办的访谈栏目,原名”人人访谈”。本栏目诚邀互连网资深人士,就网络关怀的热门话题进行深度探索;以话题为基本,结合嘉宾的亲身经历,分享产品、运行、技术、交互设计、创业等经验;让加入者与业内资深达人中距离沟通,深度交流,飞快成长。

自二〇一二年五月以来,已成功特邀《人人都是产品老总》我@苏杰、逻辑思考联合创办人兼CTO@快刀青衣、蝉游记创办人@纯银、内推网联合开创者@黄小亮、worktile创办人兼主任@王涛、节操精选开创者@陈桦、养车点点创办者兼高管@费岸、瀑布IM的老祖宗兼老板@赵戈戈、百度高级产品经营@小哥等30多位专业达人做客现场,分享产品、运转、创业等各种干货,受到了标准的中度好评。

往期开讲啦小说请往下看:

【开讲啊】第7三期:当银行撞上互连网

【开讲啦】第八二期:百度高级产品经营的小编修炼

【开讲啊】第七一期:草根创业者的出品之路

【开讲啦】第7期:O2O的那多少个事情

【开讲啊】第柒期:节操精选老董陈桦
专访

【开讲啊】第⑧期:我在创业这一年里

[大千世界访谈]内推网开创者:创业!实践最重大

苏杰访谈:产品新人那一点事!

[芸芸众生访谈]权元聪-空中有朵测试的云

[大千世界访谈]苏杰:产品老板,走在旅途的追梦人

[人人访谈]快刀青衣:和您一起破解运转密码

[人们访谈]纯银:合格的制品汪是怎么炼成的

作者要提请