目錄
前言
?一、github（最常用的）
?二、七牛云（推薦小白使用，簡單粗暴）
?三、NATAPP
四、codepen（建議學(xué)網(wǎng)頁的人群使用）
彩蛋
前言
http://t.csdn.cn/VaiP1我之前發(fā)的愛心代碼，有許多兄弟都問我，怎么把自己的網(wǎng)頁做成鏈接，都2022年了，我不允許還有人不會(huì)做屬于自己的網(wǎng)站鏈接，這就把我知道的幾個(gè)方法（免費(fèi)，免費(fèi)，免費(fèi)，重點(diǎn)說三遍?。。。┒挤窒斫o大家，大家借鑒借鑒，如果大家有更好的方法也可以在評論區(qū)討論一下
?一、github（最常用的）
去github官網(wǎng)，注冊登錄
點(diǎn)擊創(chuàng)建新存儲(chǔ)庫， 自己定義一下倉庫名稱，其他都是默認(rèn)值，點(diǎn)擊新建倉庫
?點(diǎn)擊添加文件，可以新建，也可以上傳內(nèi)地文件
?如下圖，第一個(gè)箭頭命名文件名（文件名末尾要是.html），把代碼粘貼到第二個(gè)箭頭那里
?點(diǎn)擊提交新文件
?在上面導(dǎo)航欄點(diǎn)擊設(shè)置，在左邊的導(dǎo)航欄找到Pages
正常情況下是：
復(fù)制箭頭所指鏈接，這就是我們網(wǎng)頁的直達(dá)鏈接，粘貼到瀏覽器試試，ok可以直接訪問
?如果出現(xiàn)以上情況也不用擔(dān)心，因?yàn)轫撁嬲跇?gòu)建和部署等一小會(huì)就可以了
?二、七牛云（推薦小白使用，簡單粗暴）
打開七牛云官網(wǎng)，注冊并登錄，去個(gè)人中心完成實(shí)名認(rèn)證和郵箱綁定?
然后 點(diǎn)左上角的藍(lán)標(biāo)，點(diǎn)擊點(diǎn)擊對象存儲(chǔ)Kodo
點(diǎn)擊空間管理，新建一個(gè)空間
點(diǎn)擊上傳文件
點(diǎn)擊開始上傳?
點(diǎn)擊復(fù)制鏈接
粘貼到瀏覽器打開看看效果
?鏈接：??
?三、NATAPP
打開NATAPP官網(wǎng)
?下載windows64位即可 ，將下載的文件和自己的網(wǎng)頁放在同一個(gè)文件夾，趁著下載的時(shí)間注冊登錄NATAPP
?找到購買隧道
每個(gè)人可以免費(fèi)買兩個(gè)隧道
?購買一個(gè)免費(fèi)隧道，完成后回到桌面，windows加R鍵輸入cmd，輸入npm i serve -g
將下好的natapp和我們制作好的網(wǎng)頁放到一個(gè)文件夾
輸入cmd操作命令，回車進(jìn)入后輸入serve
?這就已經(jīng)在我們的3000端口啟動(dòng)了web服務(wù)器，然后去natapp官網(wǎng)配置剛才購買的的免費(fèi)隧道，將本地端口修改為3000，點(diǎn)擊保存
?
點(diǎn)擊復(fù)制authtoken
?
?進(jìn)入natapp所在目錄，輸入cmd并回車
?進(jìn)入后輸入natapp -authtoken=加剛才復(fù)制的秘鑰
?復(fù)制下方所指鏈接就可以直接訪問了
復(fù)制到瀏覽器看看效果
四、codepen（建議學(xué)網(wǎng)頁的人群使用）
打開codepen官網(wǎng)（一款前端所見即所得的工具，我們可以在線編輯制作前端頁面，所見即所得。同時(shí)網(wǎng)站提供所有常見的?js、css?庫，并且支持流行技術(shù)（如?SASS），免去了我們自建平臺(tái)的麻煩）
用github登錄后?
將html、css、js分別粘貼上去
?在下面就可以直接看到效果，是不是很方便
?右下角有個(gè)分享
?打開后
可以輸入號碼獲取網(wǎng)頁，或者點(diǎn)擊這個(gè)分享箭頭
會(huì)轉(zhuǎn)到下面這個(gè)頁面，把這個(gè)頁面的鏈接發(fā)給別人即可?
類似下面這個(gè)鏈接
A Pen by 天寒雨落 (codepen.io)文章來源：http://www.zghlxwxcb.cn/news/detail-779477.html
彩蛋
動(dòng)態(tài)愛心代碼：http://t.csdn.cn/2LGY6文章來源地址http://www.zghlxwxcb.cn/news/detail-779477.html
到了這里，關(guān)于【免費(fèi)】多種方法手把手教你如何將自己做的網(wǎng)頁做成網(wǎng)絡(luò)鏈接（直接訪問）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
