国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 如何搭建個(gè)人獨(dú)立博客?

如何搭建個(gè)人獨(dú)立博客?

時(shí)間:2022-07-30 14:42:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2022-07-30 14:42:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)

請(qǐng)給出完整的教程步驟,謝謝!關(guān)注者3,957被瀏覽1,761,431

189 個(gè)回答

陳素封免費(fèi)領(lǐng)取9萬(wàn)字《笨方法文化手冊(cè)》電子書摘要:這是一篇很詳盡的獨(dú)立博客搭建教程,里面介紹了域名注冊(cè)、DNS 設(shè)置、GitHub 和 Jekyll 設(shè)置等過(guò)程,這是我寫得最長(zhǎng)的一篇教程。我想將我搭建獨(dú)立博客的過(guò)程在一篇文章中盡可能詳細(xì)地寫出來(lái),希望能給后來(lái)者一個(gè)明確的指引,同時(shí)用這篇教程開篇,正式開始我的第八大洲之旅。

我的博客地址:讀立寫生讀立寫生

教程完整地址:如何搭建一個(gè)獨(dú)立博客--簡(jiǎn)明 GitHub Pages與 jekyll 教程

前言

作為一個(gè)技術(shù)小白,沒有技術(shù)基礎(chǔ),看網(wǎng)上的教程也云里霧里,看程序員的教程相當(dāng)不容易,稍微有些細(xì)節(jié)描述得不清楚自己就要繞彎路去找答案(善用搜索引擎),所以,在自己的博客搭建完成之后,我決定要將我搭建博客的過(guò)程全記錄下來(lái),以供后期和我一樣的小白參考(是的,我堅(jiān)信還有很多一樣和我一樣的人),我會(huì)盡可能詳細(xì)的整理這個(gè)教程,其中的資料可能會(huì)摘錄到其他人的教程,我會(huì)在后面列出了參考資料,感謝這些作者們。

為什么要開博客?可以看看我的這篇《為什么你要寫博客?》

也可以看看這篇《我的博客時(shí)代》

以下以我的博客:www.cnfeat.com為例,教大家如何搭建一個(gè)獨(dú)立博客。

為什么要搭建一個(gè)獨(dú)立博客?

獨(dú)立的才是自己的。

小白進(jìn)入門檻

  • 1、非常折騰,需要耐心;
  • 2、也需要一定的學(xué)習(xí)能力和鉆研精神;
  • 3、懂一些網(wǎng)頁(yè)基礎(chǔ)知識(shí),不懂也重要,參看第二和第三條;

為什么選擇 GitHub Pages ?

很多人用 Wordpress,你為什么要用 GitHub Pages 來(lái)搭建?

  • 1、GitHub Pages 有 300M 免費(fèi)空間,資料自己管理,保存可靠;
  • 2、學(xué)著用 GitHub,享受 GitHub 的便利,上面有很多大牛,眼界會(huì)開闊很多;
  • 3、順便看看 GitHub 工作原理,最好的團(tuán)隊(duì)協(xié)作流程;
  • 4、GitHub 是趨勢(shì);
  • 5、你不覺得一個(gè)文科生用 GitHub 很 Geek 嗎?瞬間躋身技術(shù)界;






GitHub Pages 是什么?

GitHub Pages 本用于介紹托管在 GitHub 的項(xiàng)目, 不過(guò),由于他的空間免費(fèi)穩(wěn)定,用來(lái)做搭建一個(gè)博客再好不過(guò)了。

GitHub Pages 可以被認(rèn)為是用戶編寫的、托管在 GitHub 上的靜態(tài)網(wǎng)頁(yè)。
官方介紹可以看這個(gè)視頻(需科學(xué)上網(wǎng))




購(gòu)買域名

只推薦上 GoDaddy 購(gòu)買,安全,而且可以使用支付寶。

現(xiàn)在 GoDaddy 已經(jīng)有中文版了,雖然國(guó)家顯示是新加坡,但不影響使用。







教程(截止至 2017 年 06 月 21 日)如下

1、查你想要的域名;







2、查到適合的域名之后選擇「添加到購(gòu)物車」







3、GoDaddy 其他域名收費(fèi)服務(wù),不要管,繼續(xù)「進(jìn)入購(gòu)物車」;







后面的服務(wù)全部點(diǎn)擊「不,謝謝」,免費(fèi)的服務(wù)也不要用

4、確認(rèn)購(gòu)買 修改購(gòu)買年限,默認(rèn)是兩年,可以修改成 1/2/3/5/10 年,隨自己喜歡?,F(xiàn)在 GoDaddy 上 .com 每年的默認(rèn)費(fèi)用是 7元/年。

但實(shí)際上,你看到我現(xiàn)在購(gòu)買的是 第 1 年:¥5.86/年
第 2 年后:¥101.00/年,GoDaddy 的域名價(jià)格時(shí)常有波動(dòng),以當(dāng)時(shí)為準(zhǔn)即可。

個(gè)人博客,建議購(gòu)買 5 年限,等到你 5 年后覺得還有必要,再 10 年續(xù)下去。







如果你不是土豪,可以上網(wǎng)搜 GoDaddy 優(yōu)惠碼,一般優(yōu)惠幅度是 20%~ 30% 不等

填完之后,五年的費(fèi)用就從 415.56 會(huì)變成 333.95 元。







說(shuō)明一下:網(wǎng)上的優(yōu)惠碼優(yōu)惠不一,你可以逐個(gè)嘗試拿個(gè)最低價(jià),這里就不一一測(cè)試了。

如圖,我買了五年的費(fèi)用就是 333.95 元,隨后點(diǎn)擊「前去付款」







5、結(jié)算。登錄或注冊(cè)界面,填完必要的信息之后,選擇用支付寶結(jié)算。




注冊(cè)后頁(yè)面跳轉(zhuǎn)到結(jié)算頁(yè)面







如果結(jié)算出現(xiàn)問題,可以查看這個(gè)頁(yè)面。

6、檢查。結(jié)算后,重新登錄,去「我的賬戶 > 我的產(chǎn)品」,域名已經(jīng)顯示在你的賬戶了。

7、補(bǔ)充一些注意事項(xiàng):

  • 輸入優(yōu)惠碼沒有優(yōu)惠或者優(yōu)惠幅度較低,請(qǐng)清除瀏覽器 cookies 再嘗試;
  • 如果沒有支付寶支付選項(xiàng),有可能是使用的優(yōu)惠碼不支持支付寶,請(qǐng)重新清除瀏覽器 cookies 再嘗試;
  • 注冊(cè)時(shí)用戶填寫信息時(shí)一定要輸入正確的郵箱名字,否則修改十分麻煩。
  • 買完域名之后一定要記得去自己的郵箱查看激活郵件,否則域名激活不了。

安裝準(zhǔn)備軟件

依次下載安裝。

  • 1、Node.js
  • 2、Git

怎么打開 Git ?

Win 平臺(tái)操作

  • 1、開始菜單 Git Bash
  • 2、鼠標(biāo)右鍵打開 Git Bash






Mac 平臺(tái)操作

安裝 Git 之后可直接在 Terminal 操作

注冊(cè) GitHub

訪問:http://www.GitHub.com/

注冊(cè)你的 username 和郵箱,郵箱十分重要,GitHub 上很多通知都是通過(guò)郵箱發(fā)送。

注冊(cè)過(guò)程比較簡(jiǎn)單,詳細(xì)也可以看:

一步步在 GitHub上創(chuàng)建博客主頁(yè) 全系列 by pchou(推薦)

配置和使用 GitHub

以下教程主要參考 beiyuu 的《使用GitHub Pages建獨(dú)立博客》寫成。

配置 SSH keys

我們?nèi)绾巫尡镜?git 項(xiàng)目與遠(yuǎn)程的 GitHub 建立聯(lián)系呢?用 SSH keys。

檢查 SSH keys的設(shè)置

首先我們需要檢查你電腦上現(xiàn)有的 ssh key:

$ cd ~/.ssh 檢查本機(jī)的ssh密鑰如果提示:No such file or directory 說(shuō)明你是第一次使用 git。

生成新的 SSH Key:

$ ssh-keygen -t rsa -C "郵件地址@youremail.com"Generating public/private rsa key pair.Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車就好>
  • 注意 1: 此處的郵箱地址,你可以輸入自己的郵箱地址;
  • 注意2: 此處的「-C」的是大寫的「C」
然后系統(tǒng)會(huì)要你輸入密碼:

Enter passphrase (empty for no passphrase):<輸入加密串>Enter same passphrase again:<再次輸入加密串>在回車中會(huì)提示你輸入一個(gè)密碼,這個(gè)密碼會(huì)在你提交項(xiàng)目時(shí)使用,如果為空的話提交項(xiàng)目時(shí)則不用輸入。這個(gè)設(shè)置是防止別人往你的項(xiàng)目里提交內(nèi)容。

注意:輸入密碼的時(shí)候沒有 * 字樣的,你直接輸入就可以了。

最后看到這樣的界面,就成功設(shè)置ssh key了:







添加 SSH Key 到 GitHub

在本機(jī)設(shè)置 SSH Key 之后,需要添加到 GitHub上,以完成 SSH 鏈接的設(shè)置。

  • 1、打開本地 id_rsa.pub 文件( 參考地址 C:/Documents and Settings/Administrator.ssh/id_rsa.pub)。此文件里面內(nèi)容為剛才生成的密鑰。如果看不到這個(gè)文件,你需要設(shè)置顯示隱藏文件。準(zhǔn)確的復(fù)制這個(gè)文件的內(nèi)容,才能保證設(shè)置的成功。
  • 2、登陸 GitHub 系統(tǒng)。點(diǎn)擊右上角的 Account Settings—>SSH Public keys —> add another public keys
  • 3、把你本地生成的密鑰復(fù)制到里面( key 文本框中), 點(diǎn)擊 add key 就ok了






測(cè)試

可以輸入下面的命令,看看設(shè)置是否成功,git@GitHub.com 的部分不要修改:

$ ssh -T git@GitHub.com如果是下面的反饋:

The authenticity of host 'GitHub.com (207.97.227.239)' can't be established.RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.Are you sure you want to continue connecting (yes/no)?不要緊張,輸入 yes 就好,然后會(huì)看到:

Hi cnfeat! You've successfully authenticated, but GitHub does not provide shell access.

設(shè)置用戶信息

現(xiàn)在你已經(jīng)可以通過(guò) SSH 鏈接到 GitHub 了,還有一些個(gè)人信息需要完善的。

Git 會(huì)根據(jù)用戶的名字和郵箱來(lái)記錄提交。GitHub 也是用這些信息來(lái)做權(quán)限的處理,輸入下面的代碼進(jìn)行個(gè)人信息的設(shè)置,把名稱和郵箱替換成你自己的,名字必須是你的真名,而不是GitHub的昵稱。

$ git config --global user.name "cnfeat"//用戶名$ git config --global user.email "cnfeat@gmail.com"//填寫自己的郵箱

SSH Key 配置成功

本機(jī)已成功連接到 GitHub。

若有問題,請(qǐng)重新設(shè)置。常見錯(cuò)誤請(qǐng)參考:

GitHub Help - Generating SSH KeysGitHub Help - Error Permission denied (publickey)

將獨(dú)立域名與 GitHub Pages 的空間綁定

DNS 設(shè)置

用 DNSpod,快,免費(fèi),穩(wěn)定。

注冊(cè)DNSpod,添加域名,如下圖設(shè)置。







其中 A 的兩條記錄指向的ip地址是 GitHub Pages 的提供的 ip

  • 192.30.252.153
  • 192.30.252.154
如博客不能登錄,有可能是 GitHub 更改了空間服務(wù)的 ip 地址,記得及時(shí)到在GitHub Pages查看最新的 ip 即可

www 指定的記錄是你在 GitHub 注冊(cè)的倉(cāng)庫(kù)。

去 GoDaddy 修改 DNS 地址

更改 GoDaddy 的 Nameservers 為 DNSpod 的 NameServers。

1、點(diǎn)擊你的賬戶,管理我的域名。







2、點(diǎn)擊域名。







3、將 GoDaddy 的 Nameservers 更改成 http://f1g1ns1.dnspod.nethttp://f1g1ns2.dnspod.net







如有不詳可以看DNSpod提供的官方幫助

也可以看這里:一步步在GitHub上創(chuàng)建博客主頁(yè)(3)

使用 GitHub Pages 建立博客

與 GitHub 建立好鏈接之后,就可以方便的使用它提供的 Pages 服務(wù),GitHub Pages 分兩種,一種是你的 GitHub 用戶名建立的 http://username.GitHub.io 這樣的用戶&組織頁(yè)(站),另一種是依附項(xiàng)目的 Pages。

想建立個(gè)人博客是用的第一種,形如 http://cnfeat.GitHub.io 這樣的可訪問的站,每個(gè)用戶名下面只能建立一個(gè)。

Fork 已設(shè)置好的倉(cāng)庫(kù)

點(diǎn)擊 cnfeat/blog.io

點(diǎn)擊右上角的 Fork







這樣,你就得到我的博客倉(cāng)庫(kù)了。

你可以到

https://GitHub.com/你的用戶名/blog.io

確認(rèn)一下

然后將 http://blog.io 改成 你的 GitHub 用戶名.http://GitHub.io

例如我的就改成 http://cnfeat.GitHub.io

改好之后,可以發(fā)現(xiàn),’你的 GitHub 用戶名.http://GitHub.io’ 已經(jīng)可以訪問了。

將獨(dú)立域名與 GitHub Pages 的空間綁定

GitHub Pages 的設(shè)置

去到你的 http://blog.io 倉(cāng)庫(kù),點(diǎn)擊 CNAME ,再點(diǎn)擊右下角的 鉛筆 編輯,將 http://cnfeat.com 改成你的域名







這樣,你再去你綁定的域名看看,估計(jì)已經(jīng)導(dǎo)向到 ‘你的 GitHub 用戶名.http://GitHub.io’ 了。

搭建完成

至此,獨(dú)立博客就算搭建完成,如需進(jìn)步一完善請(qǐng)?jiān)趨⒖匆韵挛恼禄虿┛拖铝粞浴?br>

如何更新博文

安裝 GitHub desktop

下載地址:GitHub Desktop

找你的倉(cāng)庫(kù) Git 地址

去到你的博客倉(cāng)庫(kù):https://GitHub.com/你的用戶名/blog.io

復(fù)制 clone 地址

例如我的就是

https://github.com/cnfeat/blog.io.git







clone 你倉(cāng)庫(kù)到本地

點(diǎn)擊左上角的「+」號(hào),選擇 add,choose ‘你的 GitHub 用戶名.http://GitHub.io’ 文件夾。

如此,你的本地博客倉(cāng)庫(kù)就已經(jīng)和 GitHub 的倉(cāng)庫(kù)同步起來(lái)了。










修訂 _posts 文件夾中的 md 文件

http://blog.io 倉(cāng)庫(kù)已經(jīng)自帶兩篇文章模板,按照模板修改即可。




推送文章更新

修訂或新增完文章,再回到 GitHub desktop,點(diǎn)擊同步更新即可。







更新個(gè)人博客信息配置

自己把 http://blog.io 中文件都點(diǎn)開看一遍,主要配置文件是 _config.yml ,推薦使用 sublime 打開。

修訂清單如下,文檔內(nèi)有詳細(xì)注釋,可按注釋逐個(gè)修訂




* 博客名字及作者信息:_config.yml

* 個(gè)人介紹頁(yè)面:about.md

* 代表作頁(yè)面:milestone.md

* 文章模板:blog.io/_posts/2015-03-02-how-to-write.md

404頁(yè)面

GitHub Pages有提供制作404頁(yè)面的指引:Custom 404 Pages。

直接在根目錄下創(chuàng)建自己的 404.html 或者 404.md 就可以。但是自定義404頁(yè)面僅對(duì)綁定頂級(jí)域名的項(xiàng)目才起作用。

推薦使用騰訊公益404。

圖床

推薦使用七牛(10G空間,免費(fèi))。

參考資料:

  • [1]一步步在GitHub上創(chuàng)建博客主頁(yè) 全系列 by pchou(推薦)
  • [2]網(wǎng)站優(yōu)化:一步步在GitHub上創(chuàng)建博客主頁(yè)(6) by pchou (推薦)
  • [3]搭建一個(gè)免費(fèi)的,無(wú)限流量的Blog----GitHub Pages和Jekyll入門 by 阮一峰(推薦)
  • [4]hexo系列教程:(二)搭建hexo博客 by zippera(推薦)
  • [5]hexo系列教程:(三)hexo博客的配置、使用by zippera(推薦)
  • [6]hexo系列教程:(四)hexo博客的優(yōu)化技巧 by zippera(推薦)
  • [7]hexo你的博客 by ibruce(推薦)
  • [8]Pacman主題介紹 by yangjian(推薦)
  • [9]使用hexo搭建博客 by yangjian(推薦)
  • [10]折騰了個(gè)Pacman主題 by wuchong(推薦)
  • [11]hexo官方寫作教程「Writing」
  • [12]本站上的教程:如何搭建個(gè)人獨(dú)立博客?
  • [13]在GitHub Pages設(shè)置獨(dú)立域名的官方教程:[Setting up a custom domain with GitHub Pages]
  • [14]使用GitHub Pages建獨(dú)立博客 by beiyuu
  • [15]git/GitHub初級(jí)運(yùn)用自如 by 蟲師
  • [16]hexo搭建靜態(tài)博客以及優(yōu)化 by Joanna Wu
  • [17]使用Hexo搭建個(gè)人博客 by c4fun
  • [18]GitHub Pages與Hexo建個(gè)人博客流程 by Kesco
  • [19]Git push時(shí)重復(fù)輸入用戶名密碼的問題 by zippera
  • [20]hexo文件結(jié)構(gòu)及網(wǎng)站優(yōu)化 by kevin chen

相關(guān)鏈接

  • [1]GitHub Pages主頁(yè)
  • [2]GoDaddy域名商
  • [3]DNSPOD
  • [4]Hexo官方主頁(yè)
  • [5]GotGitHub:GitHub介紹(推薦)
  • [5]圖標(biāo)制作網(wǎng)站:faviconer
  • [6]本地測(cè)試頁(yè)localhost:4000
關(guān)于我

這里有我的個(gè)人簡(jiǎn)介:關(guān)于我

如果你想看到我最新的文章,可以關(guān)注我的微信公眾號(hào)「cnfeat」。

關(guān)鍵詞:獨(dú)立

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉