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