做一个合格的打工人，需要专业、分工和边界。做一个认真的创业者，需要具备全面、“万能”、耐烦和快速学习到位的能力。了解的知识越多，成功的机率越大，合理投入、合理回报。跟着采客，带你了解“在家创业”的正确姿势。

创业团队需要在互联网上建立对外沟通的渠道，企业门户和内容发布博客就是其中的重要一环。利用免费的 Github Pages 与开源的 Jekyll 可以快速建立一个企业级的门户网站和内容博客。还有成熟的官方和三方主题可选，满足企业个性定制化需求。而且，利用 SaaS 和开源工具，如果没有定制域名的要求，完全可以零成本实现一个非常专业实用的企业名片和私域流量的来源。

跟着采客，开始动手吧～

准备工作

1）Github Pages

github Pages 是 Github 提供的一个静态页面服务，支持 MarkDown 格式的静态页面的展示，非常适合开源项目的说明文档和内容博客发布 （ https://pages.github.com/ ）。Pages 的字面意思就是网页。Github 注册是免费的，Github Pages 所以用的 Public （公开）的代码库也是免费的。如果有版权的特殊需要，则需要了解 github 默认的版权声明。

2）Jekyll

由于 Github Pages 默认支持 Jekyll，这里就选择使用 Jekyll 构建我们的企业门户和内容博客 （ https://jekyllrb.com/ ）。Jekyll 使用的语言是 Ruby，也符合采客推荐的技术栈。同时，Jekyll 也支持各种主题，可以通过 gem 或者 fork 的方式直接安装与客制化，方便创业者把精力集中到内容本身。

3）MarkDown

MarkDown 是一种简易的格式化文本的方式，对于有一定技术背景的人来说，是非常方便的文档编辑的工具。Github Pages 和 Jekyll 均默认支持 Markdown 格式（ https://www.markdownguide.org/ ）

4）Git

对 Git 的基本功能的了解。不需要深入理解 Git。能 clone、add、commit、pull 和 push 即可。当然，也可以安装一个免费的图形界面 app。

搭建过程

下面我们以 Chirpy 为例，对搭建的过程做一个说明。Chirpy 有一个 Live Demo 的示例网站，可以先浏览一下对基本的界面有个大致的了解。同步，了解下介绍的帮助文档（ https://chirpy.cotes.page/posts/getting-started/ ），也可以访问 采客 的企业博客 （ https://usingnow.github.io）

这里我们选择 Option 1 （选项 1），使用 Chirpy Starter 的方式来直接创建一个 Github 的代码库。保证正在使用的浏览器（ 比如 Edge 或者 Safari 已经登陆了 Github ），点击上图中 Chirpy Starter 的链接，会直接跳转到 Github 的创建代码库（ Repository ）的页面。使用你的 github的用户名（your-user-name） + .github.io 来创建。

如下图示例，笔者的用户名是 zhangsan，那么需要填入的就是 zhangsan.github.io。

按 Github 的约定，这个代码库必须是 开源 （Public） 的，如果选成了私有（ Private ）那就不能直接使用 https://your-user-name.github.io 来访问了。当然，Github Pages 允许使用自由的域名和证书，按帮助配置即可。（注意：采客的用户名是 usingnow，所以下面是示例中的 your-user-name 都是 usingnow。读者在构建自己的企业时，需要替换成自己的 Github 用户名。）

代码库创建完成后，就可以克隆到本地。在 Github 上看到的效果类似这样。

其实，这个时候已经可以使用 https://your-user-name.github.io 来查看效果了，只是默认的安装没有 _layouts 文件夹，因此没有任何的页面效果，只能看到以下文字，而这 index.html 文件可以在应用主目录下找到。

我们来尝试在本地跑起来 Jekyll server，类似 rails s 一样，这样就可以在本地看到效果之后再部署。

> cd your-repositories-folder
> git clone git@github.com:your-user-name/your-user-name.github.io.git
> cd your-user-name.github.io

# 如果使用 RVM 管理 Ruby。

> rvm install 2.7.2 # ruby 3.1.0 似乎和 eventmachine 有冲突，此处使用 2.7.2。
> rvm gemset create chirpy
> rvm use 2.7.2@chirpy

# 如果使用 rbenv 管理 Ruby。
# 需要安装 rbenv 的 gemset 插件。 https://github.com/jf/rbenv-gemset#usage
> rbenv install 2.7.2
> rbenv gemset create 2.7.2 chirpy

> bundle install

> bundle info --path jekyll-theme-chirpy # 查看 chirpy gem 的实际安装地址。

# 打来文件浏览器，找到这个文件夹，将 _layouts 和 assets 里的内容都拷贝到主目录下。

> bundle exec jekyll s # 启动 jekyll server。

# 通过 http://localhost:4000 可以看到网站。

进入浏览器，访问 http://localhost:4000 就可以看到网站啦。

配置站点

Jekyll 的主目录下有一个 _config.yml 文件，多数配置都在这个文件中。这里挑一些主要的配置项，读者可以通过 Chirpy 的文档了解具体的设置。

# The language of the webpage ? http://www.lingoes.net/en/translator/langcode.htm
# If it has the same name as one of the files in folder `_data/locales`, the layout language will also be changed,
# otherwise, the layout language will use the default value of 'en'.

# 改成支持简体中文。可以在主目录下找到 _locale 文件夹，里面有所有支持的语言。
lang: zh-CN

# Change to your timezone ? http://www.timezoneconverter.com/cgi-bin/findzone/findzone

# 设置为 +8
timezone: Asia/Shanghai

# jekyll-seo-tag settings ? https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/usage.md
# ↓ --------------------------

# 为搜索引擎 SOE 做的网站描述。
title: 采客               # the main title

tagline: 你身边的创业智库   # it will display as the sub-title

description: >-          # used by seo meta and the atom feed
  让每个认真的创业者都能借力互联网与开源工具降本增效，从而专注于业务本身。
  知识决定创业的基石，多了解一些知识，就少走些弯路。
  工具的本质，就是通过可习得的方式，复用现成的经验或者知识，来快速拉齐和天才的差距。
  牛顿说的“站在巨人的肩膀上”即如是。
  
# fill in the protocol & hostname for your site, e.g., 'https://username.github.io'
url: 'usingnow.github.io'

到这里我们的 “零成本专属企业门户” 就在自己的机器上跑起来了，恭喜你通过第一关～

下一次我们来了解怎么写第一篇博客。关注采客，如需更多支持服务，敬请留言。

采客，身边的创业智库！