5分鐘,超簡(jiǎn)單教你搭建個(gè)人博客,輕松擁有簡(jiǎn)約博客

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

你是否想有一個(gè)自己的博客,這里詳細(xì)記錄和分享我的博客搭建經(jīng)驗(yàn),讓你輕輕松松擁有自己的博客網(wǎng)站。 傻瓜式一站式教你用github pages 來(lái)搭建博客,詳細(xì)記錄全過(guò)程。

開(kāi)始

先看下博客整體效果。在線預(yù)覽我的博客https://lemonchann.github.io/

支持特性簡(jiǎn)約風(fēng)格博客Powered By Jekyll博客文章搜索自定義社交鏈接網(wǎng)站訪客統(tǒng)計(jì)Google Analytics 網(wǎng)站分析Gitalk評(píng)論功能自定義關(guān)于about頁(yè)面支持中文布局支持歸檔與標(biāo)簽建立博客Git倉(cāng)庫(kù)

首先你要在github上有自己博客倉(cāng)庫(kù),用來(lái)生成和存放博客文章。你可以直接fork我的博客倉(cāng)庫(kù)。這樣你馬上有了自己的博客倉(cāng)庫(kù)。

點(diǎn)這里我的博客地址進(jìn)去fork,之后在你自己的倉(cāng)庫(kù)下會(huì)看到剛復(fù)制的倉(cāng)庫(kù)。以后的操作都在你自己的倉(cāng)庫(kù)進(jìn)行。

版權(quán)聲明:fork之后_posts文件夾內(nèi)容是我的博客文章,版權(quán)歸我所有。你可以選擇刪除里面的文章替換上自己的或者轉(zhuǎn)載附上鏈接注明出處。

修改博客倉(cāng)庫(kù)名稱

進(jìn)到你自己的博客倉(cāng)庫(kù),修改博客倉(cāng)庫(kù)名稱成你自己的用戶名。github page解析的時(shí)候找的是這個(gè) username.github.io的倉(cāng)庫(kù)名。

此時(shí),不出意外的話,打開(kāi)域名https://username.github.io 就能看到你剛搭建的博客了。注意替換username成你自己的github用戶名。

博客配置

上面點(diǎn)開(kāi)域名看到的還是我的博客配置,顯示的博客名字也是我的。還需要更改配置才是你的博客。

博客的配置文件是倉(cāng)庫(kù)根目錄下的_config.yml文件,直接點(diǎn)開(kāi)它編輯。

你還需要更改以下配置:

博客名稱和描述

分別是博客名稱和描述,自己任意寫點(diǎn)啥。

博客社交鏈接

這里配置社交鏈接按鈕,沒(méi)配的不顯示,我現(xiàn)在配了知乎、郵箱、github賬號(hào)三個(gè)。其他你想加自己加上就可以。

配置gitalk

這個(gè)是評(píng)論功能的配置。評(píng)論功能基于gitalk,在配置文件中找到gitalk配置項(xiàng)目:

修改規(guī)則如下:

gitalk:clientID:<你的clientID>clientSecret:<你的clientSecret>repo:<你的repository名稱>owner:<你的GitHub用戶名>

原理是利用github的issues評(píng)論文章。其中clientID和clientSecret需要點(diǎn)擊這里創(chuàng)建

點(diǎn)綠色按鈕創(chuàng)建,成功之后會(huì)得到以上兩個(gè)id,修改配置即可。

Google站長(zhǎng)統(tǒng)計(jì)Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate trackinggoogle_analytics: UA-XXXXXXX-X

下面是我的網(wǎng)站實(shí)時(shí)分析頁(yè)面展示:

由于不可描述的原因,國(guó)內(nèi)注冊(cè)賬號(hào)可能會(huì)遇到問(wèn)題,所有不配置也沒(méi)關(guān)系。

Your website URL (e.g. http://barryclark.github.io or http://www.barryclark.co) Used for Sitemap.xml and your RSS feedurl: https://yourname.github.io

這里配置你自己的博客地址。

配置提交

對(duì)_config.ymld的修改需要提交才能生效,點(diǎn)下圖中綠色按鈕提交。

done! 現(xiàn)在輸入上面提到的博客地址,回車,你擁有了自己的博客。

如何寫博客

好了,博客有了。如何更新文章呢?

文章用markdown語(yǔ)法,寫好統(tǒng)一放在_post文件夾下上傳,git page會(huì)自動(dòng)從你的git倉(cāng)庫(kù)拉去解析成網(wǎng)頁(yè),立刻就能在你的博客網(wǎng)頁(yè)瀏覽。

關(guān)于文章的命名格式:博客文章必須按照統(tǒng)一的命名格式 yyyy-mm-dd-blogName.md 比如我這篇博客的名字是2019-11-22-create_blog_with_github_pages.md

好了,現(xiàn)在你已經(jīng)擁有了自己的博客。

如果你還有興趣了解一些博客DIY定制的過(guò)程,可以在我的公眾號(hào)「后端技術(shù)學(xué)堂」查看原文了解更多。

致謝

感謝Jekyll提供的技術(shù)支持才能有這個(gè)博客。

感謝LOFFER:https://fromendworld.github.io/LOFFER/document/提供的原始模板,我在其上進(jìn)行的二次開(kāi)發(fā)。

創(chuàng)作不易,點(diǎn)贊關(guān)注支持一下吧

我會(huì)持續(xù)分享軟件編程和程序員那些事,歡迎關(guān)注。若你對(duì)編程感興趣,我整理了這些年學(xué)習(xí)編程大約3G的資源匯總,關(guān)注公眾號(hào)「后端技術(shù)學(xué)堂」后發(fā)送「資料」免費(fèi)獲取。

查看原文,點(diǎn)下方「了解更多」鏈接。

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

網(wǎng)站題目:5分鐘,超簡(jiǎn)單教你搭建個(gè)人博客,輕松擁有簡(jiǎn)約博客
標(biāo)題路徑:http://www.muchs.cn/news26/320076.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、外貿(mào)建站、全網(wǎng)營(yíng)銷推廣網(wǎng)站制作、App開(kāi)發(fā)、靜態(tài)網(wǎng)站

廣告

聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)