做一個(gè)合格的打工人，需要專業(yè)、分工和邊界。做一個(gè)認(rèn)真的創(chuàng)業(yè)者，需要具備全面、“萬(wàn)能”、耐煩和快速學(xué)習(xí)到位的能力。了解的知識(shí)越多，成功的機(jī)率越大，合理投入、合理回報(bào)。跟著采客，帶你了解“在家創(chuàng)業(yè)”的正確姿勢(shì)。

創(chuàng)業(yè)團(tuán)隊(duì)需要在互聯(lián)網(wǎng)上建立對(duì)外溝通的渠道，企業(yè)門戶和內(nèi)容發(fā)布博客就是其中的重要一環(huán)。利用免費(fèi)的 Github Pages 與開源的 Jekyll 可以快速建立一個(gè)企業(yè)級(jí)的門戶網(wǎng)站和內(nèi)容博客。還有成熟的官方和三方主題可選，滿足企業(yè)個(gè)性定制化需求。而且，利用 SaaS 和開源工具，如果沒(méi)有定制域名的要求，完全可以零成本實(shí)現(xiàn)一個(gè)非常專業(yè)實(shí)用的企業(yè)名片和私域流量的來(lái)源。

跟著采客，開始動(dòng)手吧～

準(zhǔn)備工作

1）Github Pages

github Pages 是 Github 提供的一個(gè)靜態(tài)頁(yè)面服務(wù)，支持 MarkDown 格式的靜態(tài)頁(yè)面的展示，非常適合開源項(xiàng)目的說(shuō)明文檔和內(nèi)容博客發(fā)布 （ https://pages.github.com/ ）。Pages 的字面意思就是網(wǎng)頁(yè)。Github 注冊(cè)是免費(fèi)的，Github Pages 所以用的 Public （公開）的代碼庫(kù)也是免費(fèi)的。如果有版權(quán)的特殊需要，則需要了解 github 默認(rèn)的版權(quán)聲明。

2）Jekyll

由于 Github Pages 默認(rèn)支持 Jekyll，這里就選擇使用 Jekyll 構(gòu)建我們的企業(yè)門戶和內(nèi)容博客 （ https://jekyllrb.com/ ）。Jekyll 使用的語(yǔ)言是 Ruby，也符合采客推薦的技術(shù)棧。同時(shí)，Jekyll 也支持各種主題，可以通過(guò) gem 或者 fork 的方式直接安裝與客制化，方便創(chuàng)業(yè)者把精力集中到內(nèi)容本身。

3）MarkDown

MarkDown 是一種簡(jiǎn)易的格式化文本的方式，對(duì)于有一定技術(shù)背景的人來(lái)說(shuō)，是非常方便的文檔編輯的工具。Github Pages 和 Jekyll 均默認(rèn)支持 Markdown 格式（ https://www.markdownguide.org/ ）

4）Git

對(duì) Git 的基本功能的了解。不需要深入理解 Git。能 clone、add、commit、pull 和 push 即可。當(dāng)然，也可以安裝一個(gè)免費(fèi)的圖形界面 app。

搭建過(guò)程

下面我們以 Chirpy 為例，對(duì)搭建的過(guò)程做一個(gè)說(shuō)明。Chirpy 有一個(gè) Live Demo 的示例網(wǎng)站，可以先瀏覽一下對(duì)基本的界面有個(gè)大致的了解。同步，了解下介紹的幫助文檔（ https://chirpy.cotes.page/posts/getting-started/ ），也可以訪問(wèn) 采客 的企業(yè)博客 （ https://usingnow.github.io）

這里我們選擇 Option 1 （選項(xiàng) 1），使用 Chirpy Starter 的方式來(lái)直接創(chuàng)建一個(gè) Github 的代碼庫(kù)。保證正在使用的瀏覽器（ 比如 Edge 或者 Safari 已經(jīng)登陸了 Github ），點(diǎn)擊上圖中 Chirpy Starter 的鏈接，會(huì)直接跳轉(zhuǎn)到 Github 的創(chuàng)建代碼庫(kù)（ Repository ）的頁(yè)面。使用你的 github的用戶名（your-user-name） + .github.io 來(lái)創(chuàng)建。

如下圖示例，筆者的用戶名是 zhangsan，那么需要填入的就是 zhangsan.github.io。

按 Github 的約定，這個(gè)代碼庫(kù)必須是 開源 （Public） 的，如果選成了私有（ Private ）那就不能直接使用 https://your-user-name.github.io 來(lái)訪問(wèn)了。當(dāng)然，Github Pages 允許使用自由的域名和證書，按幫助配置即可。（注意：采客的用戶名是 usingnow，所以下面是示例中的 your-user-name 都是 usingnow。讀者在構(gòu)建自己的企業(yè)時(shí)，需要替換成自己的 Github 用戶名。）

代碼庫(kù)創(chuàng)建完成后，就可以克隆到本地。在 Github 上看到的效果類似這樣。

其實(shí)，這個(gè)時(shí)候已經(jīng)可以使用 https://your-user-name.github.io 來(lái)查看效果了，只是默認(rèn)的安裝沒(méi)有 _layouts 文件夾，因此沒(méi)有任何的頁(yè)面效果，只能看到以下文字，而這 index.html 文件可以在應(yīng)用主目錄下找到。

我們來(lái)嘗試在本地跑起來(lái) 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 的實(shí)際安裝地址。

# 打來(lái)文件瀏覽器，找到這個(gè)文件夾，將 _layouts 和 assets 里的內(nèi)容都拷貝到主目錄下。

> bundle exec jekyll s # 啟動(dòng) jekyll server。

# 通過(guò) http://localhost:4000 可以看到網(wǎng)站。

進(jìn)入瀏覽器，訪問(wèn) http://localhost:4000 就可以看到網(wǎng)站啦。

配置站點(diǎn)

Jekyll 的主目錄下有一個(gè) _config.yml 文件，多數(shù)配置都在這個(gè)文件中。這里挑一些主要的配置項(xiàng)，讀者可以通過(guò) Chirpy 的文檔了解具體的設(shè)置。

# 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'.

# 改成支持簡(jiǎn)體中文?？梢栽谥髂夸浵抡业?_locale 文件夾，里面有所有支持的語(yǔ)言。
lang: zh-CN

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

# 設(shè)置為 +8
timezone: Asia/Shanghai

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

# 為搜索引擎 SOE 做的網(wǎng)站描述。
title: 采客               # the main title

tagline: 你身邊的創(chuàng)業(yè)智庫(kù)   # it will display as the sub-title

description: >-          # used by seo meta and the atom feed
  讓每個(gè)認(rèn)真的創(chuàng)業(yè)者都能借力互聯(lián)網(wǎng)與開源工具降本增效，從而專注于業(yè)務(wù)本身。
  知識(shí)決定創(chuàng)業(yè)的基石，多了解一些知識(shí)，就少走些彎路。
  工具的本質(zhì)，就是通過(guò)可習(xí)得的方式，復(fù)用現(xiàn)成的經(jīng)驗(yàn)或者知識(shí)，來(lái)快速拉齊和天才的差距。
  牛頓說(shuō)的“站在巨人的肩膀上”即如是。
  
# fill in the protocol & hostname for your site, e.g., 'https://username.github.io'
url: 'usingnow.github.io'

到這里我們的 “零成本專屬企業(yè)門戶” 就在自己的機(jī)器上跑起來(lái)了，恭喜你通過(guò)第一關(guān)～

下一次我們來(lái)了解怎么寫第一篇博客。關(guān)注采客，如需更多支持服務(wù)，敬請(qǐng)留言。

采客，身邊的創(chuàng)業(yè)智庫(kù)！