github网页
GitHub主頁(yè)
創(chuàng)建倉(cāng)庫(kù)
想必大家都有自己的Github賬號(hào)吧,沒有的可以到GitHub官網(wǎng)注冊(cè)賬號(hào),注冊(cè)完后,我們來(lái)下一步,在我們的GitHub上面右上角的New repository來(lái)創(chuàng)建一個(gè)倉(cāng)庫(kù)。?
倉(cāng)庫(kù)名必須遵守相應(yīng)格式:your_username.github.io,這樣子在訪問(wèn)主頁(yè)的時(shí)候直接用your_username.github.io就能訪問(wèn)。?
我這里因?yàn)槭且呀?jīng)創(chuàng)建了一個(gè)倉(cāng)庫(kù)了,所以會(huì)有提示,然后點(diǎn)Create repository確定創(chuàng)建倉(cāng)庫(kù)。
設(shè)置Pages
接下來(lái)我們來(lái)設(shè)置我們的GitHub Pages,打開我們剛剛創(chuàng)建的倉(cāng)庫(kù),然后創(chuàng)建一個(gè)主頁(yè)index.html?
然后在里面輸入代碼
- 1
- 2
- 3
- 4
- 5
- 6
- 7
然后保存
接下來(lái)我們打開GitHub Pages的設(shè)置,點(diǎn)開Settings
移到下面的GitHub Pages
可以看出,我現(xiàn)在能用https://jowanxu.github.io/來(lái)訪問(wèn)我的github主頁(yè)了,這里我是用我的一個(gè)新創(chuàng)建的號(hào)來(lái)演示的。?
通過(guò)上面的配置,我們能通過(guò)your_username.github.io來(lái)訪問(wèn)我們的博客主頁(yè)了。
Clone倉(cāng)庫(kù)
創(chuàng)建完倉(cāng)庫(kù)后(可直接安裝Git,忽略Clone),我們需要將代碼下載到本地,這里就需要用到Git了。
安裝Git
- Windows:下載并安裝?git,msysGit
- Mac:使用?Homebrew,?MacPorts?:brew install git;或下載?安裝程序?安裝。
- Linux (Ubuntu, Debian):sudo apt-get install git-core
- Linux (Fedora, Red Hat, CentOS):sudo yum install git-core
安裝完Git后,在命令行輸入git --version,判斷是否成功?
如果出現(xiàn)不存在命令,那么就添加Git目錄下bin目錄的環(huán)境變量,添加完后要重新打開命令行,然后在判斷是否成功。?
這里我使用msysGit的Bash窗口來(lái)進(jìn)行操作的。
配置Git參數(shù)
安裝完Git后,需要配置本地Git的參數(shù),右鍵一個(gè)文件夾,然后選擇Git Bash,打開Bash窗口,然后?
然后我們來(lái)設(shè)置Git的姓名和郵箱:
git config --global user.name "Firstname Lastname" git config --global user.email "your_email@example.com"- 1
- 2
配置完成后,會(huì)在~/.gitconfig中生成相應(yīng)的本地Git配置信息。
添加SSH Key
GitHub上連接已有倉(cāng)庫(kù)是驗(yàn)證是通過(guò)SSH的公開密鑰進(jìn)行認(rèn)證的,在這里我們來(lái)生成我們自己的SSH Key,輸入下面的命令,輸入完后回車,會(huì)讓你輸入密鑰的文件名和密碼,系統(tǒng)會(huì)在/Users/your_user_directory/.ssh/x下生成私有密鑰id_rsa和公開密鑰id_rsa.pub
ssh-keygen -t rsa -C "your_email@example.com"- 1
我們可以看到生成的文件?
id_rsa文件內(nèi)容是這樣的,由-----BEGIN RSA PRIVATE KEY-----開始,和-----END RSA PRIVATE KEY-----結(jié)束?
id_rsa.pub的內(nèi)容是這樣的,由ssh-rsa開頭的?
然后我們?cè)贕itHub上面添加本地SSH密鑰信息,在右上角選擇Settings進(jìn)入設(shè)置界面?
然后選中SSH and GPG keys,點(diǎn)擊New SSH key?
Title可以隨便填,打開公開密鑰id_rsa.pub,復(fù)制里面的內(nèi)容到Key里面,填完密鑰后,點(diǎn)Add SSH key就OK了。?
ssh-agent
我們要通過(guò)ssh-agent來(lái)添加剛剛創(chuàng)建的密鑰,來(lái)登陸GitHub,ssh-agent是一種控制用來(lái)保存公鑰身份驗(yàn)證所使用的私鑰的程序,通過(guò)輸入下面兩條命令添加,第一條命令是反引號(hào)`,不是單引號(hào)’
eval `ssh-agent -s` ssh-add hexo_rsa(上面創(chuàng)建的密鑰文件名)- 1
- 2
然后我們登陸一下GitHub,看是否登陸成功
ssh -T git@github.com- 1
登陸成功~~~?
Hexo框架
Hexo?是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。Hexo?使用?Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。?
安裝Hexo需要用到npm,而安裝npm則需要安裝Node.js,Node.js可以在官網(wǎng)下載,下載完成直接安裝,然后通過(guò)命令行來(lái)判斷是否安裝完成
npm設(shè)置淘寶NPM鏡像,來(lái)提高下載速度
npm install -g cnpm --registry=https://registry.npm.taobao.org- 1
設(shè)置完鏡像后,就可以安裝Hexo了
npm install -g hexo-cli- 1
然后用命令行查看是否安裝成功
hexo -version- 1
接下來(lái)我們需要創(chuàng)建一個(gè)文件夾,文件名隨意,也可以在已存在的文件夾里面,但是里面必須是什么文件都沒有,然后進(jìn)入到文件夾里面,來(lái)初始化Hexo
hexo init- 1
如果沒有出現(xiàn)錯(cuò)誤,那么我們的Hexo博客框架就安裝完成了,生成的目錄內(nèi)容如下,其中_config.yml是網(wǎng)站的配置信息,我們大部分的參數(shù)都是在這個(gè)文件里面修改
接下來(lái)我們來(lái)啟動(dòng)Hexo服務(wù)
hexo s- 1
也可以開啟debug模式,debug模式可以實(shí)時(shí)更新,方便查看修改后的結(jié)果。
hexo s --debug- 1
然后我們?cè)跒g覽器上輸入localhost:4000來(lái)打開Hexo
Hexo常用命令
new
如果我們要?jiǎng)?chuàng)建一篇文章的話,我們可以通過(guò)new命令來(lái)創(chuàng)建,也可以直接在博客目錄下面的\source\_posts里面創(chuàng)建markdown文件。
hexo new [layout] <title>- 1
如果標(biāo)題包含空格的話,請(qǐng)使用引號(hào)括起來(lái)。
generate
generate命令是用來(lái)生成靜態(tài)文件的,在我們發(fā)布到GitHub的倉(cāng)庫(kù)的時(shí)候,需要先生成,才能上傳。
hexo generate- 1
可以簡(jiǎn)寫為
hexo g- 1
server
開啟服務(wù)器,網(wǎng)址為http://localhost:4000
hexo server- 1
同樣可以簡(jiǎn)寫為
hexo s- 1
deploy
部署網(wǎng)址,上傳到我們的GitHub的倉(cāng)庫(kù)上面。
hexo deploy- 1
同樣可以簡(jiǎn)寫為
hexo d- 1
clean
清除緩存文件 (db.json) 和已生成的靜態(tài)文件 (public)。在某些情況(尤其是更換主題后),如果對(duì)站點(diǎn)的更改無(wú)論如何也不生效,運(yùn)行該命令。
hexo clean- 1
Hexo配置Git
我們要上傳GitHub必須要先設(shè)置一些內(nèi)容,打開博客目錄下面的配置文件_config.yml,找到deploy,然后在type那里輸入git,在repo那里輸入我們的倉(cāng)庫(kù)地址,在branch那里輸入master,message為上傳日志,可不寫?
一般我們上傳到GitHub的時(shí)候我們用這條命令來(lái)執(zhí)行,生成靜態(tài)文件并且部署到服務(wù)器。
hexo g -d- 1
上傳完成之后,我們可以在博客文件夾里面的.deploy_git目錄管理我們的倉(cāng)庫(kù)文件,那么我們上面就不需要Clone倉(cāng)庫(kù)下來(lái)了。?
下一步我們來(lái)通過(guò)域名解析GitHub主頁(yè)地址來(lái)訪問(wèn)個(gè)人博客。
域名
在本地搭建完個(gè)人博客后,我們就要將代碼上傳到我們的GitHub倉(cāng)庫(kù)上面去,然后我們就可以通過(guò)your_username.github.io來(lái)訪問(wèn)我們的博客主頁(yè)了,但是我們?nèi)绻薷腉itHub的域名的話是改不了的,只有我們自己去購(gòu)買域名,然后通過(guò)域名解析將我們的GitHub主頁(yè)的域名解析到我們自己買的域名上面,這樣我們就可以通過(guò)我們自定義的域名來(lái)訪問(wèn)我們的博客了。
購(gòu)買域名
購(gòu)買域名可以在域名提供商購(gòu)買一個(gè)價(jià)格合適的個(gè)人域名,在這里我用阿里云的上注冊(cè)購(gòu)買,阿里云直接用支付寶登陸就行,而且還有部分域名可以1元首年購(gòu)買的優(yōu)惠,打開阿里云域名注冊(cè)官網(wǎng),然后輸入自己想要的域名,當(dāng)然你也可以選中1元的域名,輸入完點(diǎn)查詢?
然后選擇自己想要的域名,加入清單,然后支付?
支付完成后我們點(diǎn)擊右上角的控制臺(tái),進(jìn)入我們的管理界面,然后打開域名與網(wǎng)站(萬(wàn)網(wǎng)),里面就能看到我們剛剛購(gòu)買的域名了?
綁定域名
購(gòu)買完域名后,我們需要在博客目錄下的\source目錄下建立CNAME文件(沒有后綴名、全部大寫),寫入你所購(gòu)買的域名地址。這里我寫入的www.jowanxu.top。?
然后我們來(lái)綁定我們的GitHub主頁(yè),繼續(xù)在阿里云管理控制臺(tái),然后選擇云解析DNS選項(xiàng)界面?
然后點(diǎn)擊我們的域名,進(jìn)入解析設(shè)置?
默認(rèn)會(huì)有兩個(gè)解析,一個(gè)是CHAME,一個(gè)是A,CHAME里面輸入我們的GitHub主頁(yè)your_username.github.io,A那里輸入我們GitHub主頁(yè)的IP,如何獲取主頁(yè)IP呢,通過(guò)命令行的ping來(lái)獲取?
?
然后保存就OK啦。
GitHub設(shè)置
上面弄完之后,我們還需要在我們GitHub倉(cāng)庫(kù)上面修改我們的source,才能搞定,打開我們的倉(cāng)庫(kù),然后點(diǎn)擊Settings?
然后找到GitHub Pages,將source改為master branch,然后保存?
并且填入我們自己購(gòu)買的域名地址,然后保存?
然后我們就能收到創(chuàng)建成功的郵件了。?
最后我們的GitHub Pagers里面是這樣子的,證明成功了?
然后我們就能通過(guò)自己購(gòu)買的域名來(lái)直接訪問(wèn)到我們放在GitHub上面的個(gè)人博客了,如我的博客。?
如果你覺得默認(rèn)自帶的主題不好看,可以自己去搗鼓其他的主題,Hexo支持特別多的主題,可以在這個(gè)網(wǎng)址上選擇自己喜歡的,我這里用到的主題是NexT主題。
?
轉(zhuǎn)載于:https://www.cnblogs.com/liuzhi/p/8157377.html
總結(jié)
- 上一篇: matlab求工质热物性,以R245fa
- 下一篇: usb摄像头做教学直播实现pc和手机都可