15分鐘搭建獨立電子書博客

15分鐘搭建獨立電子書博客

效果圖

從零到壹全棧部落電子書：http://fullstack.kongyixueyuan.com

說明

本電子書原模版採用的是阮一峯老師的http://es6.ruanyifeng.com模版改版而成。

• 原模版地址：https://github.com/ruanyf/es6tutorial

• 從零到壹全棧部落模版地址：https://github.com/liyuechun/fullstack

利用全棧部落模版快速搭建本身的電子書獨立博客步驟

• 克隆代碼模版

liyuechun:Desktop yuechunli$ mkdir 0714
liyuechun:Desktop yuechunli$ cd 0714/
liyuechun:0714 yuechunli$ git clone https://github.com/liyuechun/fullstack.git
Cloning into 'fullstack'...
remote: Counting objects: 1801, done.
remote: Compressing objects: 100% (130/130), done.
remote: Total 1801 (delta 72), reused 96 (delta 27), pack-reused 1644
Receiving objects: 100% (1801/1801), 2.37 MiB | 1.85 MiB/s, done.
Resolving deltas: 100% (1030/1030), done.
liyuechun:0714 yuechunli$

• 本地域名配置

利用Atom打開項目源碼

liyuechun:0714 yuechunli$ ls
fullstack
liyuechun:0714 yuechunli$ cd fullstack/
liyuechun:fullstack yuechunli$ Atom ./
liyuechun:fullstack yuechunli$

以下圖所示，找到CNAME文件。

重要：將fullstack.kongyixueyuan.com替換成你本身已經購買而且備案了的域名--域名不備案，可能不能用，因此最好備案。

• github項目建立與key配置

操做步驟以下：

一、在github帳號裏面新建一個叫作fullstack的項目

二、配置keys

首先打開終端，按照以下命令操做便可。

liyuechun:fullstack yuechunli$ ssh-keygen -t rsa -C "liyuechun2009@163.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/liyuechun/.ssh/id_rsa): 
/Users/liyuechun/.ssh/id_rsa already exists.
Overwrite (y/n)? y
Enter passphrase (empty for no passphrase): 
Enter same passphrase again: 
Your identification has been saved in /Users/liyuechun/.ssh/id_rsa.
Your public key has been saved in /Users/liyuechun/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:3sUmB0vDLrm7fFLB2QKuApm5/qBG/CQUXqGGm95+W+0 liyuechun2009@163.com
The key's randomart image is:
+---[RSA 2048]----+
|   ..            |
|....    ..       |
|ooo+   . o=o     |
|.==     .+==.    |
|=  o   .S +o=    |
|.+o.. ...+.=     |
|.o=. . .oo.      |
| ooo ...o..      |
|o  oo.. +E       |
+----[SHA256]-----+
liyuechun:fullstack yuechunli$

ssh-keygen -t rsa -C "liyuechun2009@163.com"中的郵箱地址換成你github帳號登錄的郵箱。

下一步，用cat /Users/liyuechun/.ssh/id_rsa.pub查看key。

liyuechun:fullstack yuechunli$ cat /Users/liyuechun/.ssh/id_rsa.pub
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQCjxv+5+fT2ASfQwIy5eDsYb7WRT73ExXtdC+IO7T994IVOkUvWyE1yUP1KEqbUVKzAFmu8XITtAe8W/ZWff4sprOFPCNc5yfTFEACIM5N1L2R5UJcXb0x+ZIWg/Dkc2ybFbg01MWPAEWvHfSzSJKuvVySwT91wOsWG+wqE60hPJk59AmFIDs8sB1z+Q+QBjgvYfn2jv5Mg1IMjEGLLxedSCEXhmRKfGOMAU5RptACEZdh/t0/rPRf7Q4SiQJ5i6rdtIaotWdv/AUQjZuUxrJrBKcIEhf6ohUm8i4Bp6PD2vur/CgQ1bhXOCI2UJJzQGtIaJdeXyKaKObU5EKDzwROB liyuechun2009@163.com
liyuechun:fullstack yuechunli$

接下來拷貝拷貝key。

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQCjxv+5+fT2ASfQwIy5eDsYb7WRT73ExXtdC+IO7T994IVOkUvWyE1yUP1KEqbUVKzAFmu8XITtAe8W/ZWff4sprOFPCNc5yfTFEACIM5N1L2R5UJcXb0x+ZIWg/Dkc2ybFbg01MWPAEWvHfSzSJKuvVySwT91wOsWG+wqE60hPJk59AmFIDs8sB1z+Q+QBjgvYfn2jv5Mg1IMjEGLLxedSCEXhmRKfGOMAU5RptACEZdh/t0/rPRf7Q4SiQJ5i6rdtIaotWdv/AUQjZuUxrJrBKcIEhf6ohUm8i4Bp6PD2vur/CgQ1bhXOCI2UJJzQGtIaJdeXyKaKObU5EKDzwROB liyuechun2009@163.com

以下圖所示，將上面拷貝的key配置到你建立的項目中。

上圖中的第4步，名字隨便填，第5步，將剛纔拷貝的key粘貼便可。重要：第6步中必須打勾，不然一下子代碼沒辦法上傳，接下來點擊添加key便可。

將模版代碼上傳到github

• 在桌面新建一個blob的文件夾並克隆代碼到blob

liyuechun:~ yuechunli$ pwd
/Users/liyuechun
liyuechun:~ yuechunli$ cd Desktop/
liyuechun:Desktop yuechunli$ mkdir blob
liyuechun:Desktop yuechunli$ cd blob
liyuechun:blob yuechunli$ pwd
/Users/liyuechun/Desktop/blob
liyuechun:blob yuechunli$ git clone https://github.com/liyuechun/fullstack.git
Cloning into 'fullstack'...
remote: Counting objects: 1801, done.
remote: Compressing objects: 100% (130/130), done.
remote: Total 1801 (delta 72), reused 96 (delta 27), pack-reused 1644
Receiving objects: 100% (1801/1801), 2.37 MiB | 1.62 MiB/s, done.
Resolving deltas: 100% (1030/1030), done.
liyuechun:blob yuechunli$

• 將你最上面已經克隆到桌面而且已經修改了CNAME文件中域名的代碼拷貝到你剛纔克隆到blob中的fullstack文件夾中。

• 按照下面的操做將代碼上傳到github

liyuechun:fullstack yuechunli$ git add *
liyuechun:fullstack yuechunli$ git commit -m "update"
liyuechun:fullstack yuechunli$ git push -u origin master

域名解析

打開github項目查看

瀏覽器查看效果

瀏覽器打開你綁定的域名查看效果，以下圖所示。

如何寫博客

sidebar.md是專門處理左邊標題索引的文件，docs裏面的文件是專門寫索引所對應的文章的Markdown。

PS：編輯完後，將代碼提交到github便可。

社羣品牌：從零到壹全棧部落
定位：尋找共好，共同窗習，持續輸出全棧技術社羣
業界榮譽：IT界的邏輯思惟
文化：輸出是最好的學習方式
官方公衆號：全棧部落
社羣發起人：春哥(從零到壹創始人，交流微信：liyc1215)
技術交流社區：全棧部落BBS
全棧部落完整系列教程：全棧部落完整電子書學習筆記

關注全棧部落官方公衆號，每晚十點接收系列原創技術推送