建立自己的自己做(zuo)網(wǎng)站手網(wǎng)站在幾個(gè)層面上都是有益的??梢杂袡C會(huì )(′;ω;`)向朋友、把手家人和潛在的教搭建自己雇主展示你的工作和成就,帶來(lái)自豪感,網(wǎng)站并根據自己的自己做網(wǎng)站手喜好自由地構建和塑造自己的網(wǎng)站。
而構建博客(ke)頁(yè)面是把手一種絕佳的選擇,但其有限的教搭建自己功能只能撰寫(xiě)和發(fā)布文章。最終,網(wǎng)站像我一樣,自己做網(wǎng)站手你將希望自己的把手網(wǎng)站成為工作的核心部分。幸運的教搭建自己是,我??們生活在一個(gè)充滿(mǎn)創(chuàng )造力的網(wǎng)站偉大時(shí)代,你可以在幾分鐘內(°ロ°) !使用免費工具構建網(wǎng)站。自己做網(wǎng)站手??
在這篇??文章中,把手我們將看到如何使用J??ekyll站點(diǎn)生成器和GitHub Pages(??ヮ?)?*:???來(lái)構建和發(fā)布一個(gè)不需要編碼的教搭建自己簡(jiǎn)單博客。如果你想了解最終產(chǎn)品,可以查看我的(正在構建中)網(wǎng)站。
https://willk.online/??Jekyll和GitHub頁(yè)面
Jekyll是一個(gè)簡(jiǎn)單的靜態(tài)站點(diǎn)生成器。這意味著(zhù)它需要純文本文件,并將它們呈現為一個(gè)網(wǎng)站,然??后可以通過(guò)網(wǎng)絡(luò )托管服務(wù)提供給網(wǎng)站。這項服務(wù)的一個(gè)選擇是GitHub Pages,這是一個(gè)免費托管并通過(guò)GitHub輕松發(fā)布的網(wǎng)站。
使用Jekyll+GitHub頁(yè)面,你的網(wǎng)站源(╯°□°)╯文件位于GitHub存儲庫中??,該存儲庫會(huì )自動(dòng)發(fā)(fa)布到網(wǎng)站上?;旧?,Jekyll將存儲庫中的文本文檔轉換為網(wǎng)頁(yè),然后該網(wǎng)頁(yè)由GitHub托管。你唯一需要擔心的是撰寫(xiě)帖子和編輯一些文本文件。正如Jekyll的設計理念所述:”Jekyll不受約束,讓你專(zhuān)注于真正重要的事情:內容。”
你可以在GitHub上按照這個(gè)指南設置一個(gè)新的空白網(wǎng)站。但是,如果你希望盡可能快地創(chuàng )建一個(gè)簡(jiǎn)單的博客,更??好的選擇是分叉(fork)(這是一個(gè)??GitHub術(shù)語(yǔ),意味著(zhù)??復制)Jekyll Now存儲庫,該存儲庫已經(jīng)構建了博客布局并準備發(fā)布。
分叉之后,進(jìn)入你賬戶(hù)下的存儲庫設置,并將名稱(chēng)更改為username.github.io。
將Jekyll Now存儲庫分叉并將名稱(chēng)更改為username.github.io
在幾分鐘內,你將能夠在瀏覽器(′;д;`)中導航到username.github.io,并在??網(wǎng)絡(luò )上看到你的新網(wǎng)站!但現在還不屬于你,你可以通過(guò)幾個(gè)步驟解決這個(gè)問(wèn)題。
你可以通過(guò)克??隆(′?ω?`)存儲庫并在你喜歡的文本編輯器中打開(kāi)它們來(lái)本地編輯任??何網(wǎng)站文件。然后,當提交并將更改推送到GitHub時(shí),?網(wǎng)站將自動(dòng)更新。但是,我強烈推薦采有在線(xiàn)Prose編輯器,而不是本地編輯器。
Prose編輯器
更改配置文件后的網(wǎng)站
寫(xiě)博客帖子
Jekyll中(zhong)的所有博客文章都是采用Markdown編寫(xiě)的,這是一種輕量級語(yǔ)言,可以轉??換為HTML或許多其他格式。它非常容易學(xué)習,在網(wǎng)絡(luò )上無(wú)處不在,并提供了大量自定義帖子的機會(huì )。
你的網(wǎng)站帖子位于_posts /文件夾中,當你在Prose編輯器中編輯和保存文件時(shí),你將能夠看到它們出現在你的博客上。遵循命名約定(′?`):date-title.md,你的帖子將自動(dòng)在你的網(wǎng)站上正確顯示命名和日期。
在Prose(上圖)中編輯Markdown文檔并在網(wǎng)站上顯示帖(′Д` )子(下圖)。
如果你已在Medium平臺上發(fā)布帖子,??則可(ke)以使用此Chr(╯°□°)╯︵ ┻━┻ome擴展程序或這個(gè)命令行工具將這些帖子轉換為Markdown。其轉換并不完美(°ロ°) !,但只需進(jìn)行一些編輯??,你就可以快速將作品導出到( ?ω?)博客中。這是我寫(xiě)的一篇??關(guān)于從現有的文章到Markdown的(de)文章,它解??決了我發(fā)現的幾個(gè)問(wèn)題。
走得更遠
構建自己網(wǎng)站的好處是你可以控制事物外觀(guān)的??各個(gè)方面,并添加想要的任何功能。首先挖掘存儲庫中的文件并查看Jekyll文檔。例如,要更改字體和樣式,(′ω`*)編輯style.scss文件,并(bing)啟用帖子評論等功能,請編輯_config.yaml。你甚至可以通過(guò)像Hover(╬?益?)這樣的網(wǎng)絡(luò )域名注冊商購買(mǎi)一個(gè)自定義域名,并遵循這個(gè)指南。
關(guān)于J??ekyll的好處是,如果只想專(zhuān)注于寫(xiě)作,可以保留默認值,就將擁有一個(gè)干凈、可呈現的博客。如果你想要進(jìn)行更改(╯‵□′)╯,那么可以盡可能地進(jìn)行更改。例如,我在我的about頁(yè)(???)面中添加了一個(gè)實(shí)時(shí)代碼編輯器,以使其更有趣:
結論
如果你因為(′ω`)擔心時(shí)間或成本問(wèn)題而一直沒(méi)有(′ω`*)創(chuàng )建博客,那么現在是時(shí)候開(kāi)始了。使用GitHub Pages和Jekyll,你可以在五分鐘內免費獲得自己的博客!
提醒一下,步驟如下:
1.將Jekyll Now存儲庫分叉到你的GitHub帳戶(hù)。
3.在Prose在線(xiàn)編輯器中(zhong)更改網(wǎng)站文件并保存以更新網(wǎng)站。通過(guò)更改_config.yaml并在_posts/中添加markdown帖子開(kāi)始使??用。
4.通過(guò)ヽ(′▽?zhuān)?ノ閱讀文(wen)檔,查看其他網(wǎng)站或只是進(jìn)行試驗,盡可能多地擴展/自定義網(wǎng)站。
對于已(yi)經(jīng)擁有Medium帖子的人來(lái)說(shuō),這里有一個(gè)將他們轉移到Markdown的指南。如果你沒(méi)有這樣做,那么這里還有一些關(guān)于數據科學(xué)項目的幫助文檔。最后,自己嘗試構建一個(gè)網(wǎng)站吧!


網(wǎng)站二維碼
導航
電話(huà)
短信
咨詢(xún)
地圖
分享