整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
喜歡互聯網的一點是在互聯網放置靜態頁面是如此簡單。今天有人問我該怎么做，所以我想我會快速地寫下來！
-- Julia Evans（作者）
我喜歡互聯網的一點是在互聯網放置靜態頁面是如此簡單。今天有人問我該怎么做，所以我想我會快速地寫下來！
我的所有網站都只是靜態 HTML 和 CSS。我的網頁設計技巧相對不高（ https://wizardzines.com 是我自己開發的最復雜的網站），因此保持我所有的網站相對簡單意味著我可以做一些改變/修復，而不會花費大量時間。
因此，我們將在此文章中采用盡可能簡單的方式 —— 只需一個 HTML 頁面。
我們要放在互聯網上的網站只是一個名為 index.html 的文件。你可以在 https://github.com/jvns/website-example 找到它，它是一個 Github 倉庫，其中只包含一個文件。
HTML 文件中包含一些 CSS，使其看起來不那么無聊，部分復制自 https://example.com 。
有以下幾步：
上面的 index.html 頁面位于 julia-example-website.neocities.com 中，如果你查看源代碼，你將看到它與 github 倉庫中的 HTML 相同。
我認為這可能是將 HTML 頁面放在互聯網上的最簡單的方法（這是一次回歸 Geocities，它是我在 2003 年制作我的第一個網站的方式）:)。我也喜歡 Neocities （像 glitch ，我也喜歡）它能實驗、學習，并有樂趣。
這絕不是唯一簡單的方式，在你推送 Git 倉庫時，Github pages 和 Gitlab pages 以及 Netlify 都將會自動發布站點，并且它們都非常易于使用（只需將它們連接到你的 GitHub 倉庫即可）。我個人使用 Git 倉庫的方式，因為 Git 不會讓我感到緊張，我想知道我實際推送的頁面發生了什么更改。但我想你如果第一次只想將 HTML/CSS 制作的站點放到互聯網上，那么 Neocities 就是一個非常好的方法。
如果你不只是玩，而是要將網站用于真實用途，那么你或許會需要買一個域名，以便你將來可以更改托管服務提供商，但這有點不那么簡單。
如果你熟悉在 Git 中編輯文件，同時想練習 HTML/CSS 的話，我認為將它放在網站中是一個有趣的方式！我真的很喜歡它的簡單性 —— 實際上這只有一個文件，所以沒有其他花哨的東西需要去理解。
還有很多方法可以復雜化/擴展它，比如這個博客實際上是用 Hugo 生成的，它生成了一堆 HTML 文件并放在網絡中，但從基礎開始總是不錯的。
via: https://jvns.ca/blog/2019/09/06/how-to-put-an-html-page-on-the-internet/
作者： Julia Evans 選題： lujun9972 譯者： geekpi 校對： wxy
本文由 LCTT 原創編譯， Linux中國 榮譽推出
網頁下載下來使用，在日常工作中使用頻率還是很高的，有時候確實能解一時之急，我自己就有很窘迫的經歷。
我開會的時候，都會把準備好的文檔存在局域網，到會議室直接打開就能直接用了。有一次到分公司，由于分公司剛剛成立，內網還沒有和母公司連通。結果這下子懵逼了，上不去內網，看不到文檔。又是叫同事發過來，又是提發送文件的安全申請，讓人著急。
如果把網站保存下來，放在自己的電腦中，既不用擔心信息泄露問題，又不用為了看不了文檔而著急。
遇到問題，記錄下來，然后解決問題，程序員的解決思路永遠是自己創造輪子的，接下來就是不斷的探索解決方案。
其實下載網頁的方式有很多種，其中有幾種辦法使用的比較多，例如：如果你用Chrome，直接按 Ctrl+s 就可實現。使用這種方法，Chrome會把整個網站，按照編譯完成的源碼目錄結構保存下來。像下面這樣：
下載完成的文件直接點擊 xxx.html 可以直接離線訪問，但是這種方式對目錄的依賴結構比較高，怎么理解呢？就是 html 文件和對應文件名的文件夾必須在同一個目錄中，才能正常使用。拷貝到其他機器的時候必須要兩個同時拷貝才可以，否則就會排版錯亂。
如果有十個或者更多的網頁需要拷貝或者刪除，就會很麻煩，例如我想在其中找到其中幾個，復制到其他地方，很容易弄錯順序。
HTML 是一種純文本格式，它用于排版文字。純文本文檔的意思就是，文檔中只包含文字內容，不包含二進制內容，舉個例子：打印出的A4紙，只有文字沒有圖片。而 HTML 想要顯示照片等二進制信息，通常都會鏈接到其他文件，也就是上面文件夾里面的內容。
不過 Chrome 下載文件這種方式也有優點，下載下來的文件可以保持獨立性，比如說，我需要這個網頁中的一張圖片，那么就可以直接到文件夾里面尋找了。
另外還有一種辦法，也有很多人再使用。Chrome 在打印網頁的時候，會把網頁轉成 PDF ，然后在進行打印。那么就給我們提供了很明確的思路，把網頁直接保存為 PDF ，這樣保存下來的網頁就只有一個文件。
使用Chrome，直接按下Ctrl+p就可以。然后目標打印機選擇 另存為 PDF 。
這個功能很多瀏覽器都支持
但是這種辦法也有很明顯的缺點，由于 PDF 是靜態文檔，網頁上的一些動畫可能不會正常顯示，而且排版也有可能會錯亂，這完全靠運氣。個人覺得這不是一種很靠譜的方法。
這時候主角來了！有一個工具既可以把網頁保存為 html 又可以保持是單文件。他就是 monolith ，你可以在 github 上面找到它，但是源碼并沒有編譯為可執行文件，我把它編譯了一下，下面會放上來鏈接，https://github.com/leconio/Repos/raw/master/monolith.7z。
那么下面就簡單說說使用方法：如果你下載我的鏈接，那么里面有三個文件：
第一個是Mac平臺編譯出來的，使用方式為：
./monolith 網站地址 > xxx.html
默認情況下 monolith 會把生成的 html 輸出到標準輸出流，也就是當前終端。使用 > 我們把輸出的內容重定向并覆蓋到文件。
執行完成之后，在這個目錄下面就會有一個對應的文件：xxx.html 。
另外兩個是 Windows 平臺使用的。為了簡化使用，我寫了一個 CMD 腳本。直接點擊 monolith.cmd ，然后粘貼地址就可以完成下載。
下載完成之后，在本地你會發現只有一個 html 文件。我們打開之后，發現圖片和JS等信息都在，而且排版正常。那么就要思考了，我們之前說過，HTML 是放置純文本信息的，那么圖片在哪里呢？
答案顯而易見，就在 HTML 文件里面。為了方便小圖片傳輸，有一種叫 Base64 的東西，它可以把二進制信息變成成純文本。這在使用 Json 傳遞數據的今天十分常見，它可以減少一次請求（題外話），這里就是用的這個原理。monolith 把圖片等二進制內容轉為了純文本，保存在 HTML 文件中。我們在下載的文件源碼可以看到：
對比源代碼，src 信息已經變成了 base64 格式的圖片，就是那串亂碼。復制那串亂碼，從網上搜一個 base64 轉圖片工具，粘貼進去，這時會發現就是我們看到的那張圖片。這樣一來，無論這個網站上有多少個文件，都會保存到一個 HTML 文件里面，而且還能離線使用。
當然，base64 編碼的圖片比原生圖片略大，這可能也是你現在在擔心的問題。不過 monolith 會特殊處理文件體積。我們可以看看 Chrome 直接下載和使用 monolith 下載體積相差多少。我們把兩種方式下載的網頁都進行了 7-Zip 壓縮。
我們可以看到，使用 monolith 下載會比 Chrome 直接下載小一倍還多！
最后要說的是局限性，無論那種方法，都幾乎不能把視頻網站中的視頻下載下來。因為現在的視頻地址都是 Token 加密的，同理，使用 Token 加密的其他請求信息也無法下載。
比如你可以試試下載其他網站的首頁，Logo 和視頻都是下載不了的。但是也有解決辦法，那就是另外一個領域的事情了，以后有機會說給大家聽。
如果這篇文章對您或者您的朋友有幫助，感謝您關注，轉發。
魯晚報·齊魯壹點記者 趙清華 通訊員 許全航 郝樹榮
為深入貫徹落實省、市加快省會經濟圈一體化發展工作部署，濟南市社保中心充分發揮帶動作用，積極攜手省社保中心、泰安、淄博、德州、聊城、濱州、東營社保中心及信息部門，共同推進省會經濟圈社會保險一體化信息平臺共建共享合作，共同打造高效便利的社保“普惠生活圈”。
濟南領跑圈內社保信息平臺建設
100多項社保個人業務可在人社部門網站辦理
記者從濟南市社保中心獲悉，2021年2月23日，省會經濟圈“社會保險個人網上服務專區”率先在濟南市人社部門網站正式啟用！3月份，淄博市人社局網站省會經濟圈“社會保險個人網上服務專區”發布。
這就意味著，參保人員只要登陸濟南市人力資源和社會保障局濟南市社會保險事業中心網站或淄博市人社局網站，就可以辦理省會經濟圈省直及7市社保個人網上服務100多項社保業務。這不僅在信息平臺上實現了省會經濟圈7市個人網上服務入口統一，還極大方便了參保人員查詢、辦理社保個人業務，讓群眾零跑腿、辦成事！
參保職工可登陸濟南市人力資源和社會保障局濟南市社會保險事業中心網站進入省會經濟圈專區入口http://jnhrss.jinan.gov.cn/col/col40152/index.html
也可登陸淄博市人力資源和社會保障局網站進入省會經濟圈專區入口http://zbrsyw.zibo.gov.cn/
省會經濟圈“社會保險個人網上服務專區”頁面，點擊任意城市名稱，可辦理相關城市社保業務
六大社保業務已實現“一圈同城”
省會經濟圈內各地市皆可通辦
記者還了解到，目前，“個人參保繳費證明查詢打印”“個人權益記錄查詢打印”“待遇領取證明查詢打印”“企業養老保險關系轉入”“機關事業單位養老保險關系轉入”和“居民基本養老保險關系轉移接續”這六大社保業務已實現省會經濟圈內各地市通辦。真正做到了讓數據多跑路、群眾少跑腿，解決群眾異地辦事“多跑腿”、“折返跑”等痛點難點問題。
推進同城化邁出新步伐，濟南作為省會經濟圈“領頭羊”，必須要發揮省會龍頭作用，把提升輻射帶動力放在重中之重的位置。
據濟南市社保中心相關處室負責人介紹，下一步，濟南市社保中心將協助省直和5地市在本地網站開通省會經濟圈個人網上服務專區，實現登錄任何省會經濟圈人社部門網站都可辦理圈內社會保險個人網上業務，做到社保“圈層支撐、融合互動”，提高同城化服務水平，推動省會經濟圈人力資源一體化高質量發展，為百姓帶來更多的驚喜！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
