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

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

跟著采客，開始動手吧～

準(zhǔn)備工作

1）Github Pages

github Pages 是 Github 提供的一個靜態(tài)頁面服務(wù)，支持 MarkDown 格式的靜態(tài)頁面的展示，非常適合開源項(xiàng)目的說明文檔和內(nèi)容博客發(fā)布 （ https://pages.github.com/ ）。Pages 的字面意思就是網(wǎng)頁。Github 注冊是免費(fèi)的，Github Pages 所以用的 Public （公開）的代碼庫也是免費(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 使用的語言是 Ruby，也符合采客推薦的技術(shù)棧。同時，Jekyll 也支持各種主題，可以通過 gem 或者 fork 的方式直接安裝與客制化，方便創(chuàng)業(yè)者把精力集中到內(nèi)容本身。

3）MarkDown

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

4）Git

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

搭建過程

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

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

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

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

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

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

我們來嘗試在本地跑起來 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í)際安裝地址。

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

> bundle exec jekyll s # 啟動 jekyll server。

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

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

配置站點(diǎn)

Jekyll 的主目錄下有一個 _config.yml 文件，多數(shù)配置都在這個文件中。這里挑一些主要的配置項(xiàng)，讀者可以通過 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'.

# 改成支持簡體中文?？梢栽谥髂夸浵抡业?_locale 文件夾，里面有所有支持的語言。
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è)智庫   # it will display as the sub-title

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

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

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

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