日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

github网页

發(fā)布時(shí)間:2023/12/20 编程问答 18 豆豆
生活随笔 收集整理的這篇文章主要介紹了 github网页 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.


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?

然后在里面輸入代碼

<!DOCTYPE html> <html> <body> <h1>Hello World</h1> <p>I'm hosted with GitHub Pages.</p> </body> </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é)

以上是生活随笔為你收集整理的github网页的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。