如何創(chuàng)建個人主頁網(wǎng)站?
時間:2024-02-13 13:55:01 | 來源:網(wǎng)站運營
時間:2024-02-13 13:55:01 來源:網(wǎng)站運營
如何創(chuàng)建個人主頁網(wǎng)站?:
1. 網(wǎng)站為什么能被訪問?
從一種通俗的非專業(yè)角度來看,當(dāng)訪問一個網(wǎng)頁時,我們需要對服務(wù)器發(fā)送請求,隨后得到一個響應(yīng),最后相應(yīng)的結(jié)果便會呈現(xiàn)在網(wǎng)頁上。不難發(fā)現(xiàn),要想自己的網(wǎng)頁能夠被訪問,我們至少得具備兩個條件:
網(wǎng)站文件 可供訪問的域名 對于第一個條件來說,我們可能需要掌握一些前端的編程知識,至少得學(xué)會 HTML 的編寫。如果需要進一步對網(wǎng)頁進行美化,則需要學(xué)習(xí) CSS 與 JS 等的編寫。這對非專業(yè)人員來說是存在一定挑戰(zhàn)的。
對于第二個條件來說,我們需要從一些運營商手中購買域名。雖然也有一些免費的域名,但可能需要應(yīng)對網(wǎng)站被 DDS 攻擊等風(fēng)險,以及需要付出學(xué)習(xí)相關(guān)領(lǐng)域知識的時間成本。
那么,有沒有一種方法,能夠做到零成本、維護簡單、以及不需要額外設(shè)計呢?答案是肯定的,GitHub 以及 Gitee 都為我們提供了相應(yīng)的 Pages 服務(wù)。這意味著,只要我們拿到別人已經(jīng)做好的樣式文件,再放入自己的 Markdown 文件,就能夠建立簡易的靜態(tài)網(wǎng)頁,從而實現(xiàn)零成本搭建個人主頁的需求。
2. 什么是 GitHub/Gitee Pages
GitHub/Gitee Pages 分別是 GitHub 與 Gitee 推出的免費靜態(tài)網(wǎng)頁托管服務(wù),我們可以使用 GitHub 或者 Gitee 托管博客、項目官網(wǎng)等靜態(tài)網(wǎng)頁。它們支持以 Jekyll、Hugo、Hexo 等工具編譯而成的靜態(tài)資源。同時網(wǎng)上也存在著較多的 Jekyll Themes、Hexo Themes 、Hugo Themes 等主題資源。對于輕量的博客需求,我們只需拷貝任意一種自己喜歡的主題,然后上傳至自己的倉庫,就能夠通過 "
http://name.github.io" 或者 "
http://name.gitee.io" 等域名訪問自己的博客頁面。
3. 搭建自己的 GitHub/Gitee Pages
由于 Gitee 與 GitHub 存在著高度的相似性,所以我們只需要掌握其中一個的使用方式,就能夠輕易地上手另一個。然而 Gitee 的監(jiān)管較為嚴(yán)格,開源項目需要提交審核,Pages 服務(wù)需要實名使用,總的來說較為麻煩。所以本文將以 GitHub 為主,演示如何下載 Jekyll 主題并建立自己的主頁。
3.1 選擇喜歡的主題
首先我們進入 Jekyll Themes,尋找喜歡的 Jekyll 主題。
這里以 "no style, plase" 主題為例,可以看到這款主題十分簡潔,沒有任何花哨的裝飾部分。
從這里開始有兩種方式可以實現(xiàn)建立個人主頁的目的:一是進入 "Homepage" 將作者的倉庫 Fork 到自己的 GitHub 倉庫;二是點擊 "Download" 下載全部文件后,手動修改 "_post" 中的 Markdown 文件。本文將演示第一種方法的建站方式。
3.2 將作者倉庫 Fork 至自己的倉庫
在我們點擊 "Homepage" 按鍵后一般會進入到作者的 GitHub 主頁,這個時候可以看到如下的畫面。
點擊上述的 Fork 按鈕,隨后修改倉庫的選項。
點擊 Fork 按鈕后,我們需要將 Repository name 修改為你當(dāng)前的 GitHub 用戶名加上 ".
http://github.io"。例如我的 GitHub 賬號名稱是 "ShutterZor",那么就需要將 Repository name 設(shè)置為 "
http://ShutterZor.github.io"。雖然在訪問網(wǎng)頁時可以忽略大小寫,但這里的大小寫務(wù)必請保持一致。值得注意的是,由于我這里已經(jīng)建立過相應(yīng)地倉庫了,所以會報錯,這也意味著一個 GitHub/Gitee 賬號有且只能建立一個個人主頁。
3.3 修改網(wǎng)頁文件
不管是我們直接 Fork 的倉庫,還是下載下來的文件,我們都必須弄清楚這幾個關(guān)鍵文件:
_post 文件夾:這個文件夾主要用來存放自己的博客,注意需要以時間加文章標(biāo)題命令,例如,"2022-05-28-連享會-個人博客教程","-" 是必須的。這個文件最后顯示出來的標(biāo)題將會是 "2022-05-28 連享會 個人博客教程",即時間之后的 "-" 會被識別為空格; _config.yml 文件:這個文件主要是用來設(shè)置一些顏色等,可以用記事本打開,一般不需要著重修改,而且作者也提供了豐富的注釋,有助于我們理解代碼的含義。以 "no style, please" 主題為例,作者提供了如下解釋:
我們需要著重看紅框里面的內(nèi)容,作者說到,如果是通過 GitHub Pages 服務(wù)進行建站,需要將本行替換為 "remote_theme: riggraz/no-style-please"。在修改完 _config.yml 文件之后,我們可以等待 5 分鐘左右,隨后便可以直接通過 "
http://name.github.io" 直接訪問網(wǎng)站。如果此時能夠進入如下頁面,便表示我們已經(jīng)成功了一大半。
這里意味著我們已經(jīng)通過 GitHub Pages 服務(wù)將個人主頁初步搭建成功,但倉庫里的文件仍然是作者給出的模板。接下來我們只需要做以下幾件事情:
- 仔細閱讀作者提供的說明
- 更換自己的 Markdown 文件
- 修改網(wǎng)頁布局
該作者在 "_post" 文件夾下的每一篇文章都是一個 ".md" 格式的文件,所以我們只需要把自己的文件替換進去就可以更改網(wǎng)頁上所展示的文章 (詳情見 3.4 )。仔細閱讀作者的 "README.md" 文件就能發(fā)現(xiàn),這一頁的布局全部保存在 "_data/menu.yml" 文件中,作者提供的頁面布局文件代碼如下:
我們僅僅保留需要的部分,并將其簡化為如下部分:
到這里為止,我們就完成了網(wǎng)頁整體上的修改,接下來是豐富自己的博客文章內(nèi)容。
3.4 修改推文的 Markdown 文件
我們以作者 "_post" 文件夾下的 "2020-07-07-overview-post.md" 為例 (這一步操作在自己 Fork 的倉庫中進行),點擊編輯。
接下來我們會進入到一個 Markdown 文件的編輯頁面。
在上圖的第一到四行中,第三行的 "category: example" 是作者為了實現(xiàn)按類別展示而設(shè)置的類別標(biāo)簽,我們可以設(shè)置也可以不設(shè)置,其余的不要改動??梢园l(fā)現(xiàn)從第 6 行開始便是 Markdown 文件的正文部分,我們只需要在這部分鍵入自己的推文即可。
4. 完成建站
在修改完相應(yīng)地推文后,等待一段時間,重新刷新 "
http://name.github.io" 頁面,便可以看到個人主頁得到了相應(yīng)地修改。不僅是對于 jekyll 主題,Pages 服務(wù)同樣支持 Hexo 與 Hugo 生成的靜態(tài)網(wǎng)頁資源,同理只需要 Fork 別人做好的倉庫,然后修改對應(yīng)的推文即可完成。
詳細內(nèi)容參見連享會推文相關(guān)推文
Note:產(chǎn)生如下推文列表的 Stata 命令為:
. lianxh 本站
. songbl 本站
安裝最新版 lianxh
/ songbl
命令:
. ssc install lianxh, replace
. ssc install songbl, replace
- 專題:專題課程
- 專題:數(shù)據(jù)分享
- 本站熱議:經(jīng)濟-金融大佬從哪里獲得數(shù)據(jù)?如何處理?
- 專題:論文寫作
- 本站熱議:博士應(yīng)該采取什么策略讀文獻?
- 本站熱議:寫論文時有哪些非常神的網(wǎng)站?
- 專題:計量專題
- 本站熱議:如何系統(tǒng)地自學(xué)計量經(jīng)濟學(xué)?
- 本站熱議:經(jīng)濟學(xué)專業(yè)博士如何學(xué)好高級計量?
- 專題:Stata資源
- 專題:Markdown-LaTeX
- mdnice.cn——Markdown、本站、公眾號排版神器
- 專題:工具軟件
- 本站熱議:科研工具匯總
- 本站熱議:有哪些一用就愛上的可視化工具?
- 專題:其它
- 本站熱議:答辯老師會仔細看論文內(nèi)容嗎?
- 本站熱議:有哪些東西是你讀博以后才懂的?
- 本站熱議:機器學(xué)習(xí)在經(jīng)濟學(xué)的應(yīng)用前景
- 本站熱議:大牛如何讀文獻?
- 本站深度:青年學(xué)者如何更好工作
- 本站熱議:初學(xué)者如何學(xué)好計量經(jīng)濟學(xué)
- 本站熱議:為什么會有人覺得青年大學(xué)老師是最輕松工作?
- 本站高贊:文獻閱讀利器之文獻筆記法 (Literature Notes)
- 本站高贊:17個高質(zhì)量網(wǎng)站-讓你擁有幾乎所有的書籍
- 本站熱議:再來一次,你還會選擇讀博士嗎?
- 本站熱議:如何做文獻筆記?
- 本站熱議:如何保持充沛的精力?
- 本站熱議:最讓你震驚的網(wǎng)站有哪些?
- 專題:機器學(xué)習(xí)
- 本站熱議:如何學(xué)習(xí)機器學(xué)習(xí)
- 本站熱議:糾結(jié)-計量經(jīng)濟、時間序列和機器學(xué)習(xí)