github制作個(gè)人網(wǎng)站(github怎么建立個(gè)人網(wǎng)站)

2024-04-18    分類: 網(wǎng)站建設(shè)

想擁有一個(gè)免費(fèi)的個(gè)人主頁(yè)嗎?在這里,你可以發(fā)布自己的博客、自由定制網(wǎng)站的主題,你可以擁有極好的創(chuàng)作體驗(yàn),它可以成為你對(duì)外的一張“名片”,體現(xiàn)你的品味和興趣,還有更重要的,它是免費(fèi)的、可控的、無需維護(hù)的。

那么,我推薦你用GitHub Pages搭建你的個(gè)性化主頁(yè)。

今天這篇推文就以最簡(jiǎn)單的方式介紹GitHub Pages的使用入門,跟著我做,不到半個(gè)小時(shí)你就能擁有自己的網(wǎng)站。

傻瓜式教程

注冊(cè)GitHub賬號(hào)。到https://github.com注冊(cè)一個(gè)GitHub賬號(hào)。如下。

創(chuàng)建倉(cāng)庫(kù)。創(chuàng)建一個(gè)以u(píng)sername.github.io命名的倉(cāng)庫(kù)(repository),注意這里的username就是第一步注冊(cè)的GitHub賬號(hào)的用戶名。舉個(gè)例子,如果你的用戶名是sophshep,那么你的倉(cāng)庫(kù)名則為sophshep.github.io,如下圖所示。

下載GitHub Desktop客戶端。到https://desktop.github.com下載GitHub Desktop客戶端(Windows或MacOS),作為git工具(方便不懂git的用戶使用)。安裝完成后,登陸自己的GitHub賬號(hào),并克?。╟lone)前面創(chuàng)建的倉(cāng)庫(kù)到電腦上(可設(shè)置路徑)。

創(chuàng)建Hello world網(wǎng)頁(yè)(先以創(chuàng)建一個(gè)最簡(jiǎn)單的Hello world為例,介紹如何在網(wǎng)站上發(fā)布第一個(gè)網(wǎng)頁(yè))。在上一步克隆在電腦上的倉(cāng)庫(kù)文件夾中新建文件index.html,內(nèi)容如下。

Commit & publish。創(chuàng)建完index.html文件后,GitHub Desktop會(huì)提醒有內(nèi)容更新,此時(shí)進(jìn)行Commit & publish即可。如下圖所示。

大功告成。到這里,一個(gè)最簡(jiǎn)單的個(gè)人主頁(yè)就搭建完成了,訪問https://username.github.io即可看到網(wǎng)站的樣子。

網(wǎng)站主題

可能有人要問了,剛剛創(chuàng)建的只有Hello world網(wǎng)頁(yè)的個(gè)人主頁(yè)也太簡(jiǎn)單了吧!?別急,下面教你如何5分鐘內(nèi)把網(wǎng)站裝扮的更漂亮,有好看的主題,有強(qiáng)大的功能。

此時(shí),我們需要用到Jekyll靜態(tài)網(wǎng)頁(yè)生成工具(也可以用Hexo,以后介紹),這也是GitHub官方推薦的靜態(tài)網(wǎng)頁(yè)生成工具。

Jekyll提供了豐富的免費(fèi)主題,可到網(wǎng)站http://jekyllthemes.org查看,如下圖所示。

選擇你喜歡的的主題(個(gè)人覺得Jekyll Next主題不錯(cuò))并下載,先將電腦上的username.github.io倉(cāng)庫(kù)文件夾中的內(nèi)容清空,再將下載的主題中的所有文件拷貝到里面。以我的倉(cāng)庫(kù)為例,如下圖所示。

然后在GitHub Desktop客戶端Commit & publish。再次訪問https://username.github.io,你會(huì)看到煥然一新的個(gè)人主頁(yè)!到這里,一個(gè)簡(jiǎn)潔漂亮的個(gè)人主頁(yè)就搭建成功了。當(dāng)然你還可以繼續(xù)修改倉(cāng)庫(kù)中的代碼(主要是_config.yml文件),來調(diào)整和定制網(wǎng)站的風(fēng)格,這個(gè)以后會(huì)介紹,今天就提供一些官方的參考資料,通過閱讀它們,你能夠?qū)itHub Page和Jekyll有個(gè)深入的了解。

參考資料

GitHub Pages的Jekyll使用教程:https://help.github.com/en/articles/using-jekyll-as-a-static-site-generator-with-github-pages

Jekyll官網(wǎng):https://jekyllrb.com/docs/

非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章:"github制作個(gè)人網(wǎng)站(github怎么建立個(gè)人網(wǎng)站)",僅為提供更多信息供用戶參考使用或?yàn)閷W(xué)習(xí)交流的方便。我們公司提供:網(wǎng)站建設(shè)、網(wǎng)站制作、官網(wǎng)建設(shè)、SEO優(yōu)化、小程序制作等服務(wù),歡迎聯(lián)系我們提供您的需求。

當(dāng)前題目:github制作個(gè)人網(wǎng)站(github怎么建立個(gè)人網(wǎng)站)
URL鏈接:http://muchs.cn/news28/324178.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、App開發(fā)、虛擬主機(jī)、標(biāo)簽優(yōu)化、網(wǎng)頁(yè)設(shè)計(jì)公司、搜索引擎優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)