前端本地開發搭建博客伺服器

⑴ 前端搭建本地伺服器

前端使用vscode編輯器，安裝live serve插件
然後在vscode編輯器的右下角有 Go live 按鈕，點擊自動啟動本地伺服器

右鍵，使用Live Server打開；

1. 安裝node.js；
2. 安裝http-server
http-server詳細介紹，包括參數等： https://www.npmjs.com/package/http-server
在命令行中安裝到全局（-g表示安裝到全局，之後所有文件夾路徑下輸入http-server都可以使用）：
操作： 運行cmd + 輸入以下命令：npm install http-server -g （可能會出現許可權問題，在npm前加上sudo）
3. 開啟服務
進入目標文件夾（也就是需要啟動服務的文件夾），shfit+右鍵 —— 「在此處打開Powershell窗口」，輸入如下命令：
hs -o （等同於 http-server -open）
本地伺服器就啟動起來了，默認埠為8080。
遇到問題：埠被佔用，修改埠：hs -o -p 8888
完畢！！

1、安裝全局anywhere，npm install anywhere -g
2、cmd中進入要啟動本地伺服器的靜態文件夾，執行命令：anywhere；
3、anywhere的網址： https://www.npmjs.com/package/anywhere

⑵ 前端工程師零基礎個人網站搭建

大家好，我是一名前端工程師，我想大多前端工程師都渴望自己獨立搭建一個個人網站，不管是出於更多的學習提升自己的核心競爭力，還是想要展示自己建一個個人博客，亦或者是純粹出於好奇想建站一條龍跑通，反正，就是要自己獨立搭建一個網站跑通。你可以說沒有以上的想法，反正我有，所以，我就嘗試了，最後輸入我的網址 maramlee.com ，成功展示了「hello world」。啊…哈哈哈……

打算寫這篇文章是希望能給想要嘗試自己建站卻迷茫在前端的同學一點方向，可能就有人說了，網上隨便搜零基礎建站一大堆，不需要我在這邊寫，我回想我這建站之路，覺得還是很有必要，相信肯定會有一部分人會因為我的這篇文章而受益。

我在建站之初就查過很多資料，網上的資料很多很雜，有各種原因：比如太多不好分辨，有些時間比較久遠，也有很多本來是基礎點卻各行如隔山一臉懵，等等，所以實際操作起來比較吃力。我這里就從最初的申請域名開始，到最後輸入網址出現「hello world」，整個流程串聯起來，希望起到拋磚引玉的作用。

我希望您是一個有前端開發基礎的人，當然，我盡量將用到的技術點都提出來，希望能給沒有基礎的人一個思考方向。

我這邊域名、伺服器等用的是阿里雲，不用這個平台的小夥伴兒與自己的平台自行對比哈，有問題，也可以給我評論留言，一起探討。如果不知道選哪個平台申請，可以和我一樣，注冊一個 阿里雲賬號 ，再跟著我做。

此節有 注冊域名 、 實名認證 、 備案域名 這幾個流程。

輸入想要的域名，未被佔用即可注冊。具體操作，請參見 注冊通用域名 。
域名後綴通常為.com或.cn，基本上是能注冊 .com 就注冊 .com ，更多後綴請參見 域名區別 。

具體流程，請參見 域名實名認證概述 。

說明 使用中國大陸境內伺服器託管您的網站時，需要進行備案。否則不需要備案。
為節約備案時間和順利通過備案，建議您提前了解並做好備案前的准備工作：

各省管局要求資料有所不同，請根據 各地區管局備案規則 准備資料。更多詳情，請參見 ICP備案前准備概述 。

如果按步驟來的話，沒有備案過，所以參見： 首次備案 。
如果您是其他備案場景，請參見 ICP備案快速入門 。

先前往 實例創建頁 ，對於運維來說，這節比較簡單，但是作為運維小白，購買伺服器的時候，要注意根據自己的實際情況購買，強烈多查下阿里雲的文檔： 使用向導創建實例 ，很詳細！同時多看看提示、注意事項等。下面是我這個運維小白看了文檔後總結的步驟，如果你是小白也可以這樣做，如果有運維人員發現我的描述這些有問題的話，也請多多指教哈。

比如你只是想學學試一下，就選擇「按量付費」（注意按量付費的話，要先充值，記得充100-200都可以），但你希望長期維護就選擇「包年包月」。

這個要注意，總的來說，查看的網站的人在哪裡多，就選哪裡，如果你自己的博客，也可以選擇自己所在地，反正全國范圍內用的話，都差不了多少。更多的參見： 教我選擇地域

作為玩玩的網站，就按最小的選就可以了。

不知道怎麼選，建議選擇 CentOS 7.4 64位。注意，如果你是 windows 的電腦，也不要想當然的選擇 Windows Server 系統，這里是你的伺服器鏡像，可以簡單的理解為這是一台新電腦的配置，和你本地使用的電腦系統無關。

這個看你存儲東西決定，你可以想像成你新買一個電腦，這里的存儲可以看成電腦的內存。系統盤是必須選的，可以看成 windows 系統的 C 盤。至於數據盤和 NAS 存儲，不了解也可以先不選。對於玩玩的小夥伴兒，可以直接就操作系統盤打通流程，至於其他數據盤什麼的，可以後面深入了解了再擴展。

這個有「經典網路」和「專有網路」的區別，現在新開的賬號，都只有「專有網路」這個選項，就直接選這個就可以了，想知道更多它們可以自行查閱資料。

默認勾選「分配公網IPv4地址」即可

做測試用的話，就選「按使用流量」即可

可以看情況選擇，一般的玩玩，默認 5M 即可

想要了解詳細內容，可以查看： 教我選擇> 。安全組可以根據提示，新建一個安全組： 新建安全組> ，這里進去後，新建時，需要創建專有網路，根據提示填寫，一般默認就可以。

剩餘的彈性網卡和 IPv6 作為小白來說，暫時用不到，可以打通流程後再進行知識補充。

這個看你心情，可以登陸後再設置，可以「自定義密碼」也可以用「密鑰對」，根據文檔提示操作即可

再之後的操作可以看你情況設置，問題不大，確認好後即點擊購買即可。具體詳細操作，記得看文檔哦~

域名解析後，外部用戶才可通過域名訪問網站。比如輸入 .com 就可以訪問網路網站。
主要操作，看阿里雲的這個文檔就可以了： 設置域名解析快速入門

部署網站這里涉及到伺服器部署，對於前端來可能比較陌生，可能對後端來說比較容易些，但是，這個也不是很難，阿里雲給了部署的方式： 自助建站方式匯總 ，可以選擇適合自己的方式進行部署。我是前端人員，最熟悉的語言是 javascript ，所以，我選擇用 node.js 部署，阿里雲文檔里也有對應的操作文檔： node.js部署

這樣，你的第一個網頁就出來啦~~~

作為小白，踩過的坑真的不少，像不會後端怎麼辦？學 node.js 。不會 Linux 系統操作怎麼辦？查 Linux 常用操作。反正就是各種找文檔，找學習資料。這里就稍微提下比較基礎的坑，希望對其他小白有幫助。

連接 ECS 實例有多種方法：

注意，綁定了密鑰對之後，上面兩種連接方式都不可以用了。

想知道更詳細的內容，可查看 文檔 。

Linux格式化數據盤 文檔中有寫，格式化數據盤，需要掛載，隨實例一起購買的數據盤，無需掛載。而且，雲伺服器ECS僅支持數據盤分區操作，不支持系統盤分區操作。我前面就沒注意到，系統盤，就是隨實例一起購買的數據盤，我只有這個盤，看文檔的時候就跟著操作，進行分區，分了很多次，用 fdisk -lu /dev/vda1 查看分區成功的，但是，運行命令 mkfs.ext4 /dev/vda1p1 在新分區上創建一個文件系統就一直報錯：The device apparently does not exist; did you specify it correctly? 找不到文件系統。最後找了很久才發現犯了低級錯誤，在系統盤分區。

由於我不是計算機科班出身，不是很了解 ip 地址，在安全組里創建規則的時候，對於授權對象一欄，一臉懵逼，於是查找了下 IP 地址相關知識。

有一點基礎的人都知道，控制台輸入 ifconfig 列印出的地址，與電腦中圖形化界面上顯示的 ip 地址一樣，但是，這個地址是內網地址，並不是外網地址。
我在這里做測試的時候就將內網 ip 設置上，然後一直沒有預期效果。
外網地址，可以打開網路，直接搜索 ip 就可看到你的外網地址。

對於 ip 地址也是惡補了下，不了解的小夥伴兒可以參考這個地址： CIDR的IP地址的表示與劃分方法 ，對於這個實例，我也做了個筆記，供大家參考：

主機ID全為0和主機ID全為1的為非法IP地址
網路ID相同的就屬於同一網段

C類：C類IP地址：
3位元組的網路地址（最高位必須是110）+1位元組的主機地

CIDR：無類域間路由
IP地址/網路ID的位數 0.0.0.0/0
子掩碼：子網掩碼的二進制格式中的網路位全為1。這樣二進制格式的子網掩碼和二進制的IP地址進行「與」運算，可以得出該IP地址的網路位。
CIDR技術用 子網掩碼 中連續的1部份表示網路ID，連續的0部份表示主機ID。
例如 ：192.168.23.35/21，計運算元網的網路ID、子網掩碼、起止IP地址
子網掩碼：255.255.248.0

網路ID：192.168.16.0

起始IP地址：192.168.16.1

結束IP地址：192.168.23.254

由於我使用的是阿里雲平台，文章中很多節選自阿里雲，想了解更多的小夥伴兒請多查看阿里雲文檔。

我是事後回憶寫的文章，所以，可能有遺漏的地方，如果讀到發現有問題，請給我評論或留言，我會持續改進此文。

⑶ 前端搭建本地伺服器供區域網使用

作為前端開發搭建本地服務尤其重要，下邊的方法三步完成伺服器的搭建：

$ npm install http-server -g  // 全局安裝http-server

$ cd demo2   // 打開要共享的文件

$ http-server // 搭建服務

https://segmentfault.com/q/1010000003926981

⑷ 如何搭建屬於自己的個人博客網站

從很久以前就有粉絲問浪哥怎麼搭建個人博客，怎麼搭建一個個人博客網站呢，其實搭建一個博客還是挺簡單的，一個網站的建立無非就是：域名-空間-程序這幾樣組成的，只要完成了這幾點你就可以搭建一個網站哦！

域名注冊

我們搭建自己的博客的時候是不是得有一個自己的網站的域名了，首先我們先確定好自己網站的域名，建議長度在6位數這類的，這樣容易好記一些；想好域名後我們就去找一些域名注冊公司注冊就行了，需要注意的是後輟一定要選擇主流類型：」com cn net org「這幾種其中的一個或者多個。其餘的都就不要選了。

空間購買

注冊好域名後，我們就去買一個放網站程序的空間，可以是ASP的也可以是PHP的建議大家選擇PHP的這樣安全一些。前期我們的網站流量都不大所以買一個空間就行了。流量比較大的時候在換成伺服器這類的。一般我們都是購買國內的空間，如果嫌麻煩不想備案就買香港的。

域名備案

在國內不管你做什麼網站都得備案網站，建議大家備案一下。如果大家使用的是國外的伺服器或者香港的伺服器或空間。可以不用備案，國內的不備案也就不能夠訪問網站，這點我們得知道。

程序選擇

我們搭建一個博客網站是不需要一個程序呢？那是肯定的。現在博客程序流行的有三種：「WordPress ZBlog Emlog 」,它們各有各的優點和缺點，大家喜歡哪一個選擇好就行了。建議大家用ZBlog !

網站安裝

選擇好博客程序後。我們把下載下來的程序包上傳到網站的根目錄，然後把域名解析到空間上（*空間也要綁定域名），然後訪問並且安裝博客程序。安裝完成後基本上就完成了，我們也只需要起一個比較好的網站名稱設置好一些欄目。有能力的可以自己寫一個博客主題，不會的話自己用免費的或者買一個。

我覺得搭建一個網站不難，重點是不好推廣。所以大家得注重網站內容質量和推廣！

⑸ 我是個前端，公司讓我搭建伺服器，如何弄

公司讓我搭建伺服器，這個說來也簡單，如果是專業的數據中心託管伺服器，會幫你搭建系統，配置環境。我們的數據中心就是這樣，工程師可以協助用戶搭建環境，上傳應用，都是免費服務。

⑹ 如何搭建個人獨立伺服器與博客

搭建獨立博客，也就是自己做一個獨立的網站，擁有自己的地盤，不要想得太復雜，其實很簡單。
第一，要明確建立博客的目的，確定以後要用他來實現什麼樣的目的，就是一個方向。
第二，購買空間和域名，這個沒有多大的要求，只要自己喜歡就行，另外還要比較容易讓人記住。
第三，選擇博客程序，安裝程序。
第四，博客內容的填充，中後期的維護。

⑺ 如何建立自己的博客

1.怎樣建立自己的博客
「博客」是英文單詞Blog的譯音。Blog是Weblog的簡稱，中文意思是「網路日誌」。人們通常把撰寫Blog的人稱為Blogger，也翻譯為「博客」。因此，「博客」既可以指撰寫網路日誌這種行為，也可以指撰寫網路日誌的人。

博客是繼Email、BBS、ICQ之後出現的第四種網路交流方式，一個博客其實就是一個網頁，它通常是由簡短且經常更新的帖子所構成，博客中的內容從知情人爆出的「新聞內幕」，到純個人色彩的思想、詩歌、散文、照片甚至科幻小說、DV作品，應有盡有。

有些人通過博客結交了新的社交圈，有人則把自己的博客當成與客戶交流的平台，而這位張先生在裝修新房期間，還把自己的賬單和裝修進度發到博客上，根據網友的回復和指點，他及時調整裝修方案，少花了不少冤枉錢。

那麼怎樣能擁有自己的博客呢？當前，大多數博客是免費的，只要你有一台能夠上網的電腦，一個有效的郵箱，一個ID就可以了： 1.登錄該網站網頁，按步驟申請一個有效的用戶名，即ID； 2.用新申請的用戶名重新進入網站主頁面，點擊進入「天涯博客」頁面，在這里，會看到醒目的「博客使用手冊」，點擊後按照頁面提示操作，申請新的blog，輸入自己喜歡的博客日誌標題和網志描述； 3.為自己的博客選擇一個標准版。這是體現自己博客風格的第一個步驟。但是一般網站提供的頁面模板大多比較單調，如果要有自己的風格，可以自己或請專業的朋友為自己的博客設計一個獨一無二的、別具特色的頁面。這樣，你就可以在自己的博客里暢所欲言了。

2.怎樣讓很多人都能看到我的博客?
博客人人都可看到,但要吸引更多的人不斷的來看你的博客,一要有新意,內容要是大家都關心的話題,或喜歡的內容,二要不斷更新,最好每天都有新內容.

3.怎樣建一個自己的網站
1． 要建立個人網站，首先必須要了解一下目前網頁製作的基本語言HTML，入門即可，大概花個一二小時就可。
2． 學會使用目前流行的網頁製作軟體，如Frontpage、Dreamweaver等一些功能強大，所見所得的軟體，初步了解就可，不用全部掌握，一般是邊用邊學，不斷提高使用水平。
3． 廣泛的上網瀏覽各種網頁，一開始最好能下載一些較簡單的個人網頁，因為他們所用到的技術較為簡單，可用網頁製作軟體打開研究。然後推薦去瀏覽一些專業的網頁設計網站，學習一些排版經驗，同時可下載一些網頁結構模版供自己套用。
4． 確定你的網站主題，我個人不主張開始就想建軟體大全、書庫等網上流行的為網站主題，因為第一你不夠專業，網上已有太多的同類軟體，別人不可能上你的網站下載。第二這類網站需要巨大的主頁空間，不僅一開始你申請不到這么大的空間，而且你也不可能經常上載維護。網站主題最好是有你的個人特色，實在不能確定我建議自己做一個私人門戶網站，將平時自己經常去的網站做一個較為綜合的連結。
5． 網頁最好不要用特別與眾不同的顏色、字體，因為每個人使用的計算機各不相同，特別的顏色、字體別人不一定能看得到。
6． 網頁要增加美觀圖片不可缺少，我建議如果你會用一些專業的作圖軟體最好自己製作，這會有自己的特色，放些私人照片也可以，但切記各種圖片一定要作優化處理，減小它的存儲尺寸。提醒一下每頁不要放過多的圖片，因為第一會使網頁顯得雜亂，第二會使你的網頁顯示速度過慢。製作圖片的常用軟體有Photoshop，Fireworks等。
7． 網頁上可以用一些動畫與特效增加你主頁的美觀與功能，動畫可上網找，同樣最好能自己製作，GIF格式的最常用，可用Ulead的Gig Animator軟體製作，目前流行的是Flash動畫，更多變化，尺寸更小，缺點是有些計算機上的瀏覽器預設沒有安裝Flash瀏覽軟體，有些計算機用戶不能看到Flash。網上還有許多免費的Javascript等可供使用，與圖片一樣，我建議每頁不要放太多的動畫與特效。
8． 網頁基本建成後，上網找免費的主頁空間，以其主機的速度，提供的空間大小和有無基本的CGI功能及其提供的域名是否簡單易記為考量依據，所謂CGI是指主機伺服器上提供的程序，一般你可申請有免費計數器、留言板等。找到速度快，主頁存放空間大，域名簡單的網站存放你的網頁。
9． 接下來是將網頁上傳至你申請的伺服器上，具體上傳的辦法你在申請主頁空間時就會了解，具體使用你製作網頁的軟體即可，我個人推薦使用CuteFTP Pro上傳，這個軟體功能強大，簡單易用。
10． 好，現在你的網站已建立，你可通知你的朋友上去瀏覽，把個人網站印在你的名片上，還想推廣你的網站？那你可去各大搜索網站登錄你的新站，如雅虎、搜虎、新浪等知名網站。你還可與其它網站申請友情連結、去一些提供連結交換的網站申請廣告交換，如太極鏈，酷站等。在做這一步時你需要做二個468X60和88X31尺寸的廣告圖片，動畫最好，存儲大小盡量控制在10k以下。
11． 如果你還想靠你的網站賺一些小錢，你可去一些商業網站申請廣告連結，替他們做廣告，一般以從你的網頁點擊到他們的網頁次數算錢。
12． 最後我要提醒各位未來網主，你的網站千萬不要放一些明顯與國內政治相抵觸的內容，這事關重大，不可兒戲，否則網站被關閉事小，坐牢也說不定哦。另外，網站內容與性有關可大大增加被瀏覽的數量，但黃色的內容不要放，雖說性質比不上反動內容，但也有問題。建議打打擦邊球，提供一些性教育、性知識，情情愛愛的內容無傷大雅。