15分钟搭建独立电子书博客

时间 2019-12-06

标签 15分搭建独立电子书博客繁體版

原文原文链接

15分钟搭建独立电子书博客

效果图

从零到壹全栈部落电子书：http://fullstack.kongyixueyuan.comgit

说明

本电子书原模版采用的是阮一峰老师的http://es6.ruanyifeng.com模版改版而成。es6

原模版地址：https://github.com/ruanyf/es6tutorialgithub
从零到壹全栈部落模版地址：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$

本地域名配置dom

利用Atom打开项目源码ssh

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

以下图所示，找到CNAME文件。ide

重要：将fullstack.kongyixueyuan.com替换成你本身已经购买而且备案了的域名--域名不备案，可能不能用，因此最好备案。学习

github项目建立与key配置spa

操做步骤以下：

一、在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
全栈部落完整系列教程：全栈部落完整电子书学习笔记

关注全栈部落官方公众号，每晚十点接收系列原创技术推送