整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
出目標(biāo)文件
語(yǔ)法格式: gitbook build [book] [output]
默認(rèn)情況下,gitbook 輸出方式是靜態(tài)網(wǎng)站,其實(shí) gitbook 的輸出方式有三種: website, json,和 ebook.
只不過(guò)另外兩種不是很常用,更多情況下我們是使用靜態(tài)網(wǎng)頁(yè)搭建個(gè)人官網(wǎng),或托管到第三方平臺(tái),或部署到私有云服務(wù)器,但不管怎么樣,還是離不開(kāi)生成這一步.
示例:
默認(rèn)情況下輸出目錄: _book/,整個(gè)項(xiàng)目的入口文件是: index.html
集成 github 網(wǎng)站
本教程的電子書(shū)源碼和輸出文件均托管到 github 網(wǎng)站,所以這里介紹下如何利用 Github Pages 靜態(tài)網(wǎng)頁(yè)服務(wù)與 gitbook 進(jìn)行集成.
什么是 GitHub Pages ?
Github Pages 是 github 網(wǎng)站推出的一種免費(fèi)的靜態(tài)網(wǎng)頁(yè)托管服務(wù),適合搭建靜態(tài)的項(xiàng)目主頁(yè)或個(gè)人官網(wǎng).
其中,網(wǎng)站項(xiàng)目的源碼直接托管在 github 倉(cāng)庫(kù)中,當(dāng)倉(cāng)庫(kù)文件更新后,該倉(cāng)庫(kù)所關(guān)聯(lián)的網(wǎng)站自動(dòng)更新,從而實(shí)現(xiàn)了源碼與官網(wǎng)的聯(lián)動(dòng)更新.
gitbook-publish-github-pages-preview.png
如果想了解更多詳情,請(qǐng)參考官網(wǎng): https://pages.github.com/
怎么做 GitHub Pages ?
每個(gè)賬號(hào)有且只有一個(gè)主頁(yè)站點(diǎn),但允許無(wú)限制多的項(xiàng)目站點(diǎn).
啥是主頁(yè)站點(diǎn),項(xiàng)目站點(diǎn)又是啥?
別急,讓我先舉個(gè)例子看一下最終效果.
假如用戶(hù)名: zhangsan 名下有四個(gè)公開(kāi)倉(cāng)庫(kù),一個(gè)倉(cāng)庫(kù)名叫做: zhangsan.github.io,另外三種分別是: project01,project02,project03 .
如果想要對(duì)外暴露上述四個(gè)倉(cāng)庫(kù)作為我們的靜態(tài)網(wǎng)站,那么最終效果就是下面這樣的.
注意將 zhangsan 替換成自己的 github 用戶(hù)名,否則八成是打不開(kāi)網(wǎng)站,除非真的有 zhangsan 這個(gè)用戶(hù).
其實(shí)上述規(guī)則很好理解,github 網(wǎng)站作為一個(gè)托管中心,有成千上萬(wàn)的用戶(hù)在使用 github 并且每個(gè)用戶(hù)的用戶(hù)名都是唯一并且不同的,因此 *.github.io 通配符域名剛好充當(dāng)命名空間.
可以預(yù)料的是,不僅僅有 <username>.github.io 這種二級(jí)域名,說(shuō)不定還有 api.github.io,docs.github.io 等等,畢竟只需要購(gòu)買(mǎi) *.github.io 通配符域名證書(shū)就可以支持任意多的二級(jí)域名了,感謝 github 贈(zèng)送我們免費(fèi)的 https 網(wǎng)站.
說(shuō)到這里,不得不吐槽下 gitbook 的命名空間策略了,gitbook 也有自己的電子書(shū)托管服務(wù),但訪(fǎng)問(wèn)地址是 <username>.gitbook.io/<namespace> .
很顯然,gitbook 沒(méi)有區(qū)分主頁(yè)站點(diǎn)和項(xiàng)目站點(diǎn),相當(dāng)于全部都是項(xiàng)目站點(diǎn),缺少主次之分.
閑言少敘,既然知道了輸入內(nèi)容和輸出效果,那么接下來(lái)的任務(wù)就是了解中間過(guò)程了,讓我們一起探討下怎么發(fā)布網(wǎng)站吧!
主頁(yè)站點(diǎn)
創(chuàng)建 <username>.github.io 公開(kāi)倉(cāng)庫(kù)
前往 https://github.com/ 網(wǎng)站創(chuàng)建名為 <username>.github.io 的公開(kāi)倉(cāng)庫(kù).
比如我的用戶(hù)名是: snowdreams1006 ,那么我的主頁(yè)站點(diǎn)倉(cāng)庫(kù)就是: snowdreams1006.github.io
創(chuàng)建首頁(yè) index.html 文件
不管是在線(xiàn)直接創(chuàng)建 index.html 還是克隆到本地創(chuàng)建 index.html ,最終的 <username>.github.io 倉(cāng)庫(kù)一定要有 index.html 首頁(yè)文件.
示例:
訪(fǎng)問(wèn)主頁(yè)站點(diǎn) https://username.github.io
打開(kāi)瀏覽器,輸入網(wǎng)址: https://username.github.io 訪(fǎng)問(wèn)主頁(yè)站點(diǎn),顯示的內(nèi)容正是我們剛剛提交的 index.html 文件內(nèi)容.
如果沒(méi)有正常顯示,清除瀏覽器緩存強(qiáng)制刷新試試看!
項(xiàng)目站點(diǎn)
相比主頁(yè)站點(diǎn)來(lái)說(shuō),項(xiàng)目站點(diǎn)命名比較隨意了,作為靜態(tài)網(wǎng)站不可或缺的文件仍然是 index.html.
創(chuàng)建首頁(yè) index.html 文件
創(chuàng)建首頁(yè)文件并添加測(cè)試內(nèi)容,方便待會(huì)在線(xiàn)訪(fǎng)問(wèn)項(xiàng)目站點(diǎn)測(cè)試是否部署成功.
設(shè)置 GitHub Pages 選項(xiàng)
點(diǎn)擊倉(cāng)庫(kù)首頁(yè)右上方設(shè)置(Settings)選項(xiàng)卡,往下翻到 GitHub Pages 選項(xiàng),選擇源碼目錄,根據(jù)實(shí)際情況選擇源碼來(lái)源于 master 分支還是其他分支或者docs/ 目錄.
gitbook-publish-project-setting.png
方便起見(jiàn),選擇第一個(gè) master 分支即可,注意下面的主題和這一步的來(lái)源只能兩者選其一,否則主題優(yōu)先級(jí)更高!
訪(fǎng)問(wèn)主頁(yè)站點(diǎn) https://username.github.io/<repository>
打開(kāi)瀏覽器,輸入網(wǎng)址: https://username.github.io/repository 訪(fǎng)問(wèn)項(xiàng)目站點(diǎn),顯示的內(nèi)容正是我們剛剛提交的 index.html 文件內(nèi)容.
如果沒(méi)有正常顯示,清除瀏覽器緩存強(qiáng)制刷新試試看!
如何集成 gitbook ?
我們已經(jīng)知道 Github Pages 是提供靜態(tài)網(wǎng)站的免費(fèi)托管,而 gitbook 默認(rèn)生成的內(nèi)容就是靜態(tài)網(wǎng)站,兩者如何結(jié)合自然不用我多說(shuō)了吧?
gitbook 默認(rèn)輸出目錄 _book/ 包括了靜態(tài)網(wǎng)站所需的全部資源,其中就包括 index.html 首頁(yè)文件.
因此我們只需要每次生成后將 _book/ 整個(gè)目錄復(fù)制到項(xiàng)目根目錄,那么推送到遠(yuǎn)程倉(cāng)庫(kù)時(shí)自然就是輸出后靜態(tài)網(wǎng)站了啊!
示例:
現(xiàn)在登錄 github 網(wǎng)站看一下靜態(tài)網(wǎng)站是否成功上傳以及訪(fǎng)問(wèn)主頁(yè)站點(diǎn)或項(xiàng)目站點(diǎn)看一下最新內(nèi)容是否成功渲染吧!
小結(jié)
本節(jié)我們學(xué)習(xí) gitbook 有三種輸出方式,其中默認(rèn)的網(wǎng)頁(yè)輸出最為常用.
除此之外,還講解了如何與 github pages 進(jìn)行結(jié)合,從而實(shí)現(xiàn)源碼和網(wǎng)站的自動(dòng)更新維護(hù).
如果源碼沒(méi)有托管到 github 這種第三方服務(wù)商,你也可以搭建自己的服務(wù)器,比如將 _book/ 目錄全部扔到 nginx 服務(wù)器做靜態(tài)資源服務(wù)器等.
畢竟,源碼和輸出內(nèi)容都在你手中,想怎么玩還不是自己說(shuō)了算?
本文，有很多很棘手的問(wèn)題，例如使用sublime 編輯器可能安裝插件的時(shí)候會(huì)使用不了view in browser我公司的電腦可以安裝、結(jié)果家里的電腦就報(bào)編碼錯(cuò)誤、需要改sublime插件源代碼解碼成utf8就可以了、還有一直連不上packagecontrol的網(wǎng)頁(yè)，可以群（526929231）使勁砸我得到解決~ sublime編輯器對(duì)于前端來(lái)說(shuō)確實(shí)很好用！很好用！很好用！ SublimeText、Webstorm推薦這兩個(gè)編輯器
剛開(kāi)始設(shè)計(jì)HTML語(yǔ)言是為了將文字圖像關(guān)聯(lián)在一起，用另一臺(tái)發(fā)送或接收
HTML 不是一種編程語(yǔ)言，而是一中標(biāo)記語(yǔ)言(mark-up language),標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽(mark-up tag)
標(biāo)簽是由尖括號(hào) < > 把關(guān)鍵詞括起來(lái)，標(biāo)簽通常是成對(duì)出現(xiàn)的
讀取 HTML 文檔，使用標(biāo)簽來(lái)解析頁(yè)面的內(nèi)容，以網(wǎng)頁(yè)的形式現(xiàn)實(shí)，瀏覽器不會(huì)現(xiàn)實(shí)HTML標(biāo)簽
每種瀏覽器都有自己的內(nèi)核(引擎)（解析網(wǎng)頁(yè)的一個(gè)程序，io以什么方式去渲染它都要通過(guò)引擎去執(zhí)行）
目前主流的瀏覽器分為五種
Chrome谷歌瀏覽器 （Webkit內(nèi)核，V8 js引擎）
Firefox火狐瀏覽器 （Gecko內(nèi)核）
Internet Explorer IE瀏覽器（ Trident內(nèi)核）
Opera 歐朋瀏覽器 （Presto內(nèi)核） 主要市場(chǎng)：移動(dòng)端
Safari 蘋(píng)果瀏覽器 （Webkit內(nèi)核，但JS引擎為Nitro）
不需要去記，簡(jiǎn)單了解下
標(biāo)簽必須閉合
所有標(biāo)簽名一律小寫(xiě)
代碼縮進(jìn)，使閱讀代碼更加易懂
特殊符號(hào)規(guī)范使用
命名規(guī)范，見(jiàn)名之意
PS: 所有的標(biāo)記符號(hào)都是半角英文
眾說(shuō)紛紜編輯器太多，最終只是一個(gè)工具，希望同學(xué)們能從萬(wàn)千世界中找到適合自己的編輯器伙伴
| 編輯器 | 描述 |
|---|---|
| EditPlus | 手寫(xiě)模式，適合初學(xué)手寫(xiě)，無(wú)代碼提示(有IE調(diào)試視圖) |
| Sublime | 插件特別多，占用內(nèi)存小，啟動(dòng)速度快，打開(kāi)大項(xiàng)目較慢，管理文件方式有些缺陷 |
| webstorm | 集成插件特別多，啟動(dòng)較慢，占用內(nèi)存大，開(kāi)發(fā)和管理視圖都很方便 |
| Dreamweaver | 適合初學(xué)，主要代碼提示和代碼插入功能強(qiáng)大，主要偏向于設(shè)計(jì)(有設(shè)計(jì)視圖) |
| 插件名 | 描述 | 詳情請(qǐng)戳 |
|---|---|---|
| emmet | 前端自動(dòng)補(bǔ)全，提供快捷補(bǔ)全方式 | |
| ColorPicker | 調(diào)色板，顏色選擇器 | |
| SublimeTmpl | sublime模板，可以快速創(chuàng)建一個(gè)HTML模板 | |
| view in browser | 用快捷方式打開(kāi)瀏覽器進(jìn)行調(diào)試HTML(需要配置參考后面網(wǎng)頁(yè)) | |
| LiveReload | 實(shí)時(shí)刷新HTML(編輯器里按下保存ctrl+s的時(shí)候，已經(jīng)打開(kāi)的HTMl會(huì)自動(dòng)刷新) | 谷歌插件文件安裝方法需要配合谷歌LiveReload插件插件文件下載 |
| Color Highlighter | CSS顏色代碼高亮及顏色預(yù)覽提示 | |
| CSS3 | CSS3的代碼高亮提示 | 還針對(duì)了CSS3的選擇器及錨類(lèi)選擇器:hover :first-child :first-child ...的高亮 |
| JavaScript Completions | 原生js 代碼提示 | |
| Sublime-Better-Completion | 可自選開(kāi)啟代碼提示，支持jQ、js、bootstrap、php、sql ... | 倉(cāng)庫(kù)地址此插件只能通過(guò)Github克隆下載安裝安裝方法 |
注：Github 網(wǎng)頁(yè)中 下面是有詳細(xì)的使用方法 packagecontrol.io官網(wǎng) 里面search 可以進(jìn)行搜索插件名字來(lái)找到具體使用方法，還有什么不懂或者安裝出現(xiàn)編碼錯(cuò)誤以及安裝不上的可以拍打我~
| 配置 | 描述 |
|---|---|
| !DOCTYPE html | 不是標(biāo)簽，主要用于文檔類(lèi)型的聲明 |
| charset="utf-8" | 聲明字符編碼集 |
| http-equiv="Content-Type" | 把Content屬性關(guān)聯(lián)到HTTP頭部(協(xié)議頭) |
HTML模板
簡(jiǎn)單了解，并不需要熟練掌握
Dom節(jié)點(diǎn)樹(shù)
.html .htm這兩種是比較常見(jiàn)的
在早期系統(tǒng)中文件名是有8+3組成 三個(gè)擴(kuò)展名所以不支持四個(gè)字母的擴(kuò)展采用.htm
現(xiàn)在通常使用.html作為擴(kuò)展名
接下來(lái)所有的標(biāo)簽元素學(xué)習(xí)都在body標(biāo)簽里面去敲打?qū)崿F(xiàn)、
為了突出標(biāo)題，字體大小和加粗發(fā)生相應(yīng)的改變
<h1>我是大主題</h1> <h2>我是大主題</h2> <h3>我是大主題</h3> <h4>我是大主題</h4> <h5>我是大主題</h5> <h6>我是大主題</h6>
<!doctype html><!-- 讓瀏覽器使用html5的標(biāo)準(zhǔn)解析 --> <html> <head> <!-- 設(shè)置字符編碼集讓瀏覽器使用utf8解析當(dāng)前網(wǎng)頁(yè) --> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <meta name="keywords" content="SEO搜索引擎，關(guān)鍵詞，多個(gè)請(qǐng)用逗號(hào)分開(kāi)" /> <meta name="description" content="網(wǎng)頁(yè)描述，八十字內(nèi)" /> <title>瀏覽器標(biāo)簽頁(yè)上的網(wǎng)頁(yè)標(biāo)題</title> </head> <body> <!-- 所有的標(biāo)簽學(xué)習(xí)都在這body里面去敲，上面head元素里面的內(nèi)容做個(gè)了解就可以了 --> <h1>我是大標(biāo)題</h1> <h2>我是主題2</h2> <h3>我是主題3</h3> <h4>我是主題4</h4> <h5>我是主題5</h5> <h6>我是主題6</h6> </body> </html>
可以發(fā)現(xiàn)h標(biāo)簽從h1到h6會(huì)隨著數(shù)值越小字越小，并且都是會(huì)加粗和各占一行的狀態(tài)（前后的元素都會(huì)被換行）
h1標(biāo)簽一般一個(gè)頁(yè)面里面只會(huì)寫(xiě)一次，為了讓搜索引擎爬取到 (寫(xiě)一次利于SEO搜索引擎優(yōu)化)
<p> 冬著一身素衣，緩緩而來(lái)，季節(jié)沒(méi)有了往日的姹紫嫣紅，卻用簡(jiǎn)單的線(xiàn)條，勾勒出一幅潔白的畫(huà)，純潔通透，輕盈自然。 </p>
剛我們了解到了瀏覽器是識(shí)別尖括號(hào)的，如果要在頁(yè)面中顯示html標(biāo)記那要怎么做呢？這時(shí)候就需要特殊符號(hào)的表示來(lái)顯示
| 符號(hào) | 描述 |
|---|---|
| 空格 | |
| 小于 | < |
| 大于 | > |
| 引號(hào) | " |
| 版權(quán) | © |
| ×叉 | × |
| & | & |
| 符號(hào) | 描述 |
|---|---|
| B標(biāo)簽 | 物理加粗，頁(yè)面呈現(xiàn)加粗狀態(tài). |
| Strong標(biāo)簽 | 不僅能加粗，還利于搜索引擎優(yōu)化 |
<b>物理加粗，頁(yè)面呈現(xiàn)加粗狀態(tài).</b> <strong>不僅能加粗，還利于搜索引擎優(yōu)化，就是類(lèi)似于百度、谷歌這種搜索引擎爬取你的網(wǎng)頁(yè)的時(shí)候會(huì)查找這個(gè)標(biāo)簽里面的內(nèi)容來(lái)優(yōu)化顯示網(wǎng)頁(yè)的排名</strong>
可以根據(jù)word文檔上面發(fā)現(xiàn) b是加粗 u是下劃線(xiàn) i是傾斜 同樣適用于標(biāo)簽
<i>我是傾斜</i> <u>我加了下劃線(xiàn)</u>
鏈接一個(gè)頁(yè)面,點(diǎn)擊則會(huì)跳轉(zhuǎn)這個(gè)鏈接頁(yè)面
使用錨點(diǎn)滾動(dòng)到設(shè)定的位置
<a href=""></a> a標(biāo)簽中的href控制點(diǎn)擊的時(shí)候跳轉(zhuǎn)到哪里如果沒(méi)寫(xiě)表示刷新當(dāng)前頁(yè)面 <a href="#"></a> 跳轉(zhuǎn)到當(dāng)前頁(yè)面(回歸到頁(yè)面頂部) <a href="javascript： void(0);"></a> 死鏈接，不會(huì)跳轉(zhuǎn)，一般用于js特效 <a href="#name">錨點(diǎn)到一個(gè)標(biāo)簽上所對(duì)應(yīng)的ID名字，點(diǎn)擊則跳到那個(gè)標(biāo)簽位置</a> <a >跳轉(zhuǎn)到百度</a> 跳轉(zhuǎn)到百度 需要注意的是 http 協(xié)議不能少
點(diǎn)擊#flag的a標(biāo)簽的時(shí)候會(huì)跳到到上面h2標(biāo)簽
只有擁有name屬性的
a標(biāo)簽
才能錨點(diǎn),還有一種方式是通過(guò)ID標(biāo)識(shí)唯一元素，也可以跳轉(zhuǎn)(不僅僅是a標(biāo)簽)
| 描述 | 標(biāo)簽 |
|---|---|
| 滾動(dòng)標(biāo)簽 | marquee |
| 字體標(biāo)簽 | font |
| 定義水平線(xiàn) | hr |
marquee
| 屬性 | 描述 |
|---|---|
| direction | 滾動(dòng)方向 |
| behivior | 行為 |
behivior
| 值 | 描述 |
|---|---|
| alternate | 交替滾動(dòng) |
| scroll | 滾動(dòng) |
| slide | 滑落 |
| 屬性 | 描述 |
|---|---|
| color | 顏色 |
| size | 0-7 |
| face | 字體 |
與font相似，擁有color和size屬性
hr標(biāo)簽沒(méi)有結(jié)束標(biāo)簽 按照早期的習(xí)慣也H5也遵循XHTML的解析 所以統(tǒng)一會(huì)加一個(gè)反斜杠表示結(jié)束這個(gè)標(biāo)簽，不加也能夠正確顯示，但是養(yǎng)成一個(gè)良好的習(xí)慣確實(shí)重要，比如微信小程序就是沒(méi)有結(jié)束標(biāo)簽必須要使用一個(gè)反斜杠結(jié)尾否則直接報(bào)錯(cuò)、
結(jié)合今天所學(xué)，寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)
內(nèi)容如下：
寫(xiě)一篇收獲或感受 / 寫(xiě)一篇文章 ————> 為什么要自己寫(xiě)，網(wǎng)上一大把哈哈，可以自己寫(xiě)下，鍛煉下思維
需要包括h、p、a、加粗
題材不限，至少200字
在習(xí)題一的文章底部，使用滾動(dòng)標(biāo)簽進(jìn)行滾動(dòng)方向?yàn)?5°
們會(huì)有這種需求，看到有個(gè)網(wǎng)站很多文章內(nèi)容不錯(cuò)，想把它們?nèi)勘４嫦聛?lái)在手機(jī)上或電腦上有空看，但是不想聯(lián)網(wǎng)看，或者我們想在公司內(nèi)網(wǎng)搭個(gè)網(wǎng)站，和這個(gè)網(wǎng)站內(nèi)容一模一樣，方便公司人員閱讀，這時(shí)候我們?nèi)绾巫鲞@個(gè)網(wǎng)站的鏡像呢？
網(wǎng)上當(dāng)然有很多工具能用，但很多都是收費(fèi)的，我們考慮一個(gè)免費(fèi)小巧的工具來(lái)實(shí)現(xiàn)我們的要求，那就是Linux上一個(gè)有名的工具wget。
這個(gè)工具有windows版本，網(wǎng)上搜一下wget for windows，找到合適地址下載。
因?yàn)槲沂?4位系統(tǒng)，所以下載了上面標(biāo)紅的地址
下載下來(lái)后，為了能在命令行中方便使用，我把它放到了C:\Windows\System32目錄下（如果你會(huì)設(shè)置環(huán)境變量可以設(shè)置上，你也可以用cd命令切換到wget所在目錄操作）。
把wget.exe放到C:\Windows\System32以方便命令行使用
我們WIN+R，輸入cmd進(jìn)入到命令行界面
輸入wget -h看下幫助信息
wget的命令行參數(shù)太多了，我們只考慮做網(wǎng)站鏡像的有用參數(shù)。
標(biāo)紅的即為做鏡像的參數(shù)
我們來(lái)看一個(gè)學(xué)習(xí)編程的網(wǎng)站w3school
假如我們想做這個(gè)網(wǎng)站的鏡像怎么辦呢？
直接用wget -m http://www.w3school.com.cn/
這種是最簡(jiǎn)單暴力的用法，但是如果網(wǎng)站引用了外部的鏈接，這個(gè)下載下來(lái)的東西太多了，而且有些asp后綴的頁(yè)面，我們?nèi)绻朐诒镜赜脼g覽器打開(kāi)看沒(méi)法直接打開(kāi)，而且有時(shí)候我們可能只想下載某個(gè)網(wǎng)站目錄下的文件，不想下載太多。
我們需要限制下。
我們用-np參數(shù)來(lái)限制只拉取當(dāng)前目錄不拉取父目錄的網(wǎng)址數(shù)據(jù)
我們用-k參數(shù)鏈接指向本地，便于瀏覽
我們用-p參數(shù)讓圖片等信息需要來(lái)展示在HTML上的我們?nèi)螺d
假如我們只想下載w3school上的JS教程，我們用如下命令即可：
wget -m -k -np -p http://www.w3school.com.cn/js/index.asp
但是這個(gè)命令還是缺少一些東西，比如后綴有ASP，其它的還有斷點(diǎn)續(xù)傳，文件后綴，模擬瀏覽器，https下是否檢查證書(shū)等。
我們最后總結(jié)下最合適的鏡像網(wǎng)站語(yǔ)法，假如想對(duì)網(wǎng)站http://www.XXXX.com做鏡像，而且做出來(lái)的鏡像方便本地瀏覽器直接打開(kāi)查看，用如下命令：
wget -c -m -k -np -p -E -U Mozilla --no-check-certificate http://www.XXXX.com
我們先實(shí)際操作一下，我們下載下JS的教程.。
wget -c -m -k -np -p -E -U Mozilla --no-check-certificate http://www.w3school.com.cn/js/index.asp
下載中……
下載完成
鏡像放在單獨(dú)的目錄，以網(wǎng)址命名
網(wǎng)站目錄結(jié)構(gòu)
我們用瀏覽器直接雙擊打開(kāi)上面標(biāo)紅的index.asp.html，如下圖：
我們?cè)谧髠?cè)標(biāo)紅區(qū)域點(diǎn)擊，跳轉(zhuǎn)到的頁(yè)面還是本地
測(cè)試看來(lái)，我們成功的鏡像了JS教程的頁(yè)面，而且頁(yè)面顯示完好。
總結(jié)：最終用到的命令如下：
wget -c -m -k -np -p -E -U Mozilla --no-check-certificate 欲鏡像的網(wǎng)址
你也可以用一些CHM制作軟件把鏡像完的本地HTML制成CHM格式的教程發(fā)布出去。
如果你想進(jìn)行限速，間隔下載等特殊需求可以網(wǎng)上查找下wget的命令幫助進(jìn)行解決，這個(gè)比較簡(jiǎn)單，就不一一介紹了。
如果命令語(yǔ)法在實(shí)際測(cè)試中有問(wèn)題，歡迎提出建議。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
