日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

github网页

發布時間:2023/12/20 46 豆豆
生活随笔 收集整理的這篇文章主要介紹了 github网页 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.


GitHub主頁

創建倉庫

想必大家都有自己的Github賬號吧,沒有的可以到GitHub官網注冊賬號,注冊完后,我們來下一步,在我們的GitHub上面右上角的New repository來創建一個倉庫。?

倉庫名必須遵守相應格式:your_username.github.io,這樣子在訪問主頁的時候直接用your_username.github.io就能訪問。?

我這里因為是已經創建了一個倉庫了,所以會有提示,然后點Create repository確定創建倉庫。

設置Pages

接下來我們來設置我們的GitHub Pages,打開我們剛剛創建的倉庫,然后創建一個主頁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

然后保存

接下來我們打開GitHub Pages的設置,點開Settings

移到下面的GitHub Pages

可以看出,我現在能用https://jowanxu.github.io/來訪問我的github主頁了,這里我是用我的一個新創建的號來演示的。?

通過上面的配置,我們能通過your_username.github.io來訪問我們的博客主頁了。

Clone倉庫

創建完倉庫后(可直接安裝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,判斷是否成功?

如果出現不存在命令,那么就添加Git目錄下bin目錄的環境變量,添加完后要重新打開命令行,然后在判斷是否成功。?

這里我使用msysGit的Bash窗口來進行操作的。

配置Git參數

安裝完Git后,需要配置本地Git的參數,右鍵一個文件夾,然后選擇Git Bash,打開Bash窗口,然后?

然后我們來設置Git的姓名和郵箱:

git config --global user.name "Firstname Lastname" git config --global user.email "your_email@example.com"
  • 1
  • 2

配置完成后,會在~/.gitconfig中生成相應的本地Git配置信息。

添加SSH Key

GitHub上連接已有倉庫是驗證是通過SSH的公開密鑰進行認證的,在這里我們來生成我們自己的SSH Key,輸入下面的命令,輸入完后回車,會讓你輸入密鑰的文件名和密碼,系統會在/Users/your_user_directory/.ssh/x下生成私有密鑰id_rsa和公開密鑰id_rsa.pub

ssh-keygen -t rsa -C "your_email@example.com"
  • 1

我們可以看到生成的文件?

id_rsa文件內容是這樣的,由-----BEGIN RSA PRIVATE KEY-----開始,和-----END RSA PRIVATE KEY-----結束?

id_rsa.pub的內容是這樣的,由ssh-rsa開頭的?

然后我們在GitHub上面添加本地SSH密鑰信息,在右上角選擇Settings進入設置界面?

然后選中SSH and GPG keys,點擊New SSH key?

Title可以隨便填,打開公開密鑰id_rsa.pub,復制里面的內容到Key里面,填完密鑰后,點Add SSH key就OK了。?

ssh-agent

我們要通過ssh-agent來添加剛剛創建的密鑰,來登陸GitHub,ssh-agent是一種控制用來保存公鑰身份驗證所使用的私鑰的程序,通過輸入下面兩條命令添加,第一條命令是反引號`,不是單引號’

eval `ssh-agent -s` ssh-add hexo_rsa(上面創建的密鑰文件名)
  • 1
  • 2

然后我們登陸一下GitHub,看是否登陸成功

ssh -T git@github.com
  • 1

登陸成功~~~?

Hexo框架

Hexo?是一個快速、簡潔且高效的博客框架。Hexo?使用?Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。?
安裝Hexo需要用到npm,而安裝npm則需要安裝Node.js,Node.js可以在官網下載,下載完成直接安裝,然后通過命令行來判斷是否安裝完成

npm設置淘寶NPM鏡像,來提高下載速度

npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 1

設置完鏡像后,就可以安裝Hexo了

npm install -g hexo-cli
  • 1

然后用命令行查看是否安裝成功

hexo -version
  • 1

接下來我們需要創建一個文件夾,文件名隨意,也可以在已存在的文件夾里面,但是里面必須是什么文件都沒有,然后進入到文件夾里面,來初始化Hexo

hexo init
  • 1

如果沒有出現錯誤,那么我們的Hexo博客框架就安裝完成了,生成的目錄內容如下,其中_config.yml是網站的配置信息,我們大部分的參數都是在這個文件里面修改

接下來我們來啟動Hexo服務

hexo s
  • 1

也可以開啟debug模式,debug模式可以實時更新,方便查看修改后的結果。

hexo s --debug
  • 1

然后我們在瀏覽器上輸入localhost:4000來打開Hexo

Hexo常用命令

new

如果我們要創建一篇文章的話,我們可以通過new命令來創建,也可以直接在博客目錄下面的\source\_posts里面創建markdown文件。

hexo new [layout] <title>
  • 1

如果標題包含空格的話,請使用引號括起來。

generate

generate命令是用來生成靜態文件的,在我們發布到GitHub的倉庫的時候,需要先生成,才能上傳。

hexo generate
  • 1

可以簡寫為

hexo g
  • 1
server

開啟服務器,網址為http://localhost:4000

hexo server
  • 1

同樣可以簡寫為

hexo s
  • 1
deploy

部署網址,上傳到我們的GitHub的倉庫上面。

hexo deploy
  • 1

同樣可以簡寫為

hexo d
  • 1
clean

清除緩存文件 (db.json) 和已生成的靜態文件 (public)。在某些情況(尤其是更換主題后),如果對站點的更改無論如何也不生效,運行該命令。

hexo clean
  • 1

Hexo配置Git

我們要上傳GitHub必須要先設置一些內容,打開博客目錄下面的配置文件_config.yml,找到deploy,然后在type那里輸入git,在repo那里輸入我們的倉庫地址,在branch那里輸入master,message為上傳日志,可不寫?

一般我們上傳到GitHub的時候我們用這條命令來執行,生成靜態文件并且部署到服務器。

hexo g -d
  • 1

上傳完成之后,我們可以在博客文件夾里面的.deploy_git目錄管理我們的倉庫文件,那么我們上面就不需要Clone倉庫下來了。?

下一步我們來通過域名解析GitHub主頁地址來訪問個人博客。

域名

在本地搭建完個人博客后,我們就要將代碼上傳到我們的GitHub倉庫上面去,然后我們就可以通過your_username.github.io來訪問我們的博客主頁了,但是我們如果要修改GitHub的域名的話是改不了的,只有我們自己去購買域名,然后通過域名解析將我們的GitHub主頁的域名解析到我們自己買的域名上面,這樣我們就可以通過我們自定義的域名來訪問我們的博客了。

購買域名

購買域名可以在域名提供商購買一個價格合適的個人域名,在這里我用阿里云的上注冊購買,阿里云直接用支付寶登陸就行,而且還有部分域名可以1元首年購買的優惠,打開阿里云域名注冊官網,然后輸入自己想要的域名,當然你也可以選中1元的域名,輸入完點查詢?

然后選擇自己想要的域名,加入清單,然后支付?

支付完成后我們點擊右上角的控制臺,進入我們的管理界面,然后打開域名與網站(萬網),里面就能看到我們剛剛購買的域名了?

綁定域名

購買完域名后,我們需要在博客目錄下的\source目錄下建立CNAME文件(沒有后綴名、全部大寫),寫入你所購買的域名地址。這里我寫入的www.jowanxu.top。?

然后我們來綁定我們的GitHub主頁,繼續在阿里云管理控制臺,然后選擇云解析DNS選項界面?

然后點擊我們的域名,進入解析設置?

默認會有兩個解析,一個是CHAME,一個是A,CHAME里面輸入我們的GitHub主頁your_username.github.io,A那里輸入我們GitHub主頁的IP,如何獲取主頁IP呢,通過命令行的ping來獲取?
?
然后保存就OK啦。


GitHub設置

上面弄完之后,我們還需要在我們GitHub倉庫上面修改我們的source,才能搞定,打開我們的倉庫,然后點擊Settings?

然后找到GitHub Pages,將source改為master branch,然后保存?

并且填入我們自己購買的域名地址,然后保存?

然后我們就能收到創建成功的郵件了。?

最后我們的GitHub Pagers里面是這樣子的,證明成功了?

然后我們就能通過自己購買的域名來直接訪問到我們放在GitHub上面的個人博客了,如我的博客。?


如果你覺得默認自帶的主題不好看,可以自己去搗鼓其他的主題,Hexo支持特別多的主題,可以在這個網址上選擇自己喜歡的,我這里用到的主題是NexT主題。

?

轉載于:https://www.cnblogs.com/liuzhi/p/8157377.html

總結

以上是生活随笔為你收集整理的github网页的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。