1. 程式人生 > >利用Github免費搭建個人主頁(個人部落格)

利用Github免費搭建個人主頁(個人部落格)

之前閒著, 利用Github搭了個免費的個人主頁。 (colin1994.xyz)

這裡是我的一個簡單主頁,有興趣的朋友可以訪問看看。

**********

先不公開了

**********

今天到家了, 趁著閒著, 寫一篇相關教程記錄自己搭建的過程。

涉及:

  •  Github註冊
  •  Github搭建部落格
  •  域名選購
  •  繫結域名
  •  更多

一。  Github註冊


這樣, 你就擁有了屬於自己的Github賬號了。 很簡單吧~

GitHub · Build software better, together.           So Cool!

二。 Github搭建部落格

配置和使用Github

配置SSH keys

我們如何讓本地git專案與遠端的github建立聯絡呢?用SSH keys。

檢查SSH keys的設定

首先我們需要檢查你電腦上現有的ssh key:

$ cd ~/. ssh 檢查本機的ssh金鑰

如果提示:No such file or directory 說明你是第一次使用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」

然後系統會要你輸入密碼:

Enter passphrase (empty for no passphrase):<輸入加密串>
Enter same passphrase again:<再次輸入加密串>

在回車中會提示你輸入一個密碼,這個密碼會在你提交專案時使用,如果為空的話提交專案時則不用輸入。這個設定是防止別人往你的專案裡提交內容。

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

最後看到這樣的介面,就成功設定ssh key了:

新增SSH Key到GitHub

在本機設定SSH Key之後,需要新增到GitHub上,以完成SSH連結的設定。

  • 1、開啟本地C:\Documents and Settings\Administrator.ssh\id_rsa.pub檔案。此檔案裡面內容為剛才生成人金鑰。如果看不到這個檔案,你需要設定顯示隱藏檔案。準確的複製這個檔案的內容,才能保證設定的成功。

  • 2、登陸github系統。點選右上角的 Account Settings—->SSH Public keys —-> add another public keys

  • 3、把你本地生成的金鑰複製到裡面(key文字框中), 點選 add key 就ok了

測試

可以輸入下面的命令,看看設定是否成功,[email protected]的部分不要修改:

$ 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就好,然後會看到:

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

設定使用者資訊

現在你已經可以通過SSH連結到GitHub了,還有一些個人資訊需要完善的。

Git會根據使用者的名字和郵箱來記錄提交。GitHub也是用這些資訊來做許可權的處理,輸入下面的程式碼進行個人資訊的設定,把名稱和郵箱替換成你自己的,名字必須是你的真名,而不是GitHub的暱稱。

$ git config --global user.name "cnfeat"//使用者名稱
$ git config --global user.email  "[email protected]"//填寫自己的郵箱

SSH Key配置成功

本機已成功連線到github。

若有問題,請重新設定。常見錯誤請參考:

使用GitHub Pages建立部落格

與GitHub建立好連結之後,就可以方便的使用它提供的Pages服務,GitHub Pages分兩種,一種是你的GitHub使用者名稱建立的username.github.io這樣的使用者&組織頁(站),另一種是依附專案的pages。

想建立個人部落格是用的第一種,形如cnfeat.github.io這樣的可訪問的站,每個使用者名稱下面只能建立一個。

github上建立倉庫

登入後系統,在github首頁,點選頁面右下角「New Repository」

填寫專案資訊:

project name:cnfeat.github.io

description: Writing 1000 Words a Day Changed My Life

注:Github Pages的Repository名字是特定的,比如我Github賬號是cnfeat,那麼我Github Pages Repository名字就是cnfeat.github.io。

點選「Create Repository」 完成建立。


建立完以後, 等半個小時左右, 屬於你的個人主頁就配置好了。 你可以通過 xxx.github.io 進行訪問。其中(xxx為你的Github使用者名稱)

三。域名選購

這裡我選擇的是dnspod。當然, 這樣的服務商很多, 比較出名的應該是萬網和dnspod。 不過建議使用dnspod, 萬網那個後臺簡直了…

進入https://domains.dnspod.cn 選擇你想要的域名, 購買即可。  我這裡的.xyz域名算是最便宜的一種吧。 如果你想學習如何搭建, 建議也買這種的。 9元/年

域名購買支援支付寶。

四。繫結域名

將獨立域名與GitHub Pages的空間繫結

在Repository的根目錄下面,新建一個名為CNAME的文字檔案,裡面寫入你要繫結的域名,比如colin1994.xyz

如下:


然後到dnspod中, 選擇我的域名—>新增一條記錄

如下:


這裡記錄型別選擇 A.  記錄值設定為對應的伺服器IP。  也就是你的Github主頁的IP。 (獲取辦法: 開啟終端, 輸入 ping  xxx.github.io) 即可獲得。

另外,  如果想指定子域名, 比如 blog.colin1994.xyz 這樣, 那麼你可以設定如下:

主機型別 blog

記錄型別 CNAME

記錄值 xxx.github.io

然後到你Github中, 設定CNAME的內容為 blog.colin1994.xyz

如此, 即可。

接下去, 你訪問  colin1994.xyz  即可自動指定到 colin1994.github.xyz 訪問個人主頁。

五。更多


你可以在github中編輯你自己的個人主頁, 想怎麼玩, 看你自己。

另外附錄一些不錯的教程, 以供參考。

當然. 如果本教程中有任何問題或者不懂的地方, 歡迎指出~

哦哦哦,對了。 還有很重要的一件事, 那就是拉票~

我參加了 2014 CSDN部落格之星評選


相關推薦

利用Github免費搭建個人主頁個人部落

之前閒著, 利用Github搭了個免費的個人主頁。 (colin1994.xyz)這裡是我的一個簡單主頁,有興趣的朋友可以訪問看看。**********先不公開了**********今天到家了, 趁著閒著, 寫一篇相關教程記錄自己搭建的過程。涉及: Github註冊 Gith

利用Github免費搭建個人主頁(個人部落)

之前閒著, 利用Github搭了個免費的個人主頁。 (colin1994.xyz)這裡是我的一個簡單主頁,有興趣的朋友可以訪問看看。**********先不公開了**********今天到家了, 趁著閒著, 寫一篇相關教程記錄自己搭建的過程。涉及: Github註冊 Gith

Github+域名搭建個人主頁個人部落

Github+域名搭建個人主頁(個人部落格) 一、工作準備 搭建個人主頁需要做的準備工作有兩個: 1)、註冊Github賬號,註冊Github賬號是免費的, Github網站地址:https://github.com/github 點選Sign up進入註冊頁面,總共有

Django重置密碼實戰部落

一 編寫模板檔案 1 mysite/templates/account/password_reset_form.html {% extends "base.html" %} {% block title %}重置密碼{% endblock %} {% block co

雲棲社群雲棲號團隊部落攻略【2018版】

雲棲社群雲棲號是什麼? 這是一個為技術團隊打造的專區(小站),團隊成員的技術文章將在這裡彙總,可以幫助團隊沉澱優質技術內容、打造技術品牌和影響力等。 雲棲號申請條件 點選https://yq.aliyun.com/teams頁面右側的【申請雲棲號】,按照要求填寫郵件內容,社群管理員稽核後即可開通。 申請

全站從http升級到httpsWordPress部落

87testing.com最近幾年HTTPS取代HTTP已經成為大趨勢,HTTP是超文字傳輸協議

瀏覽器CSDN 部落去除廣告

CSDN 部落格很好用,但是,有廣告讓人有點小不愉快… 這個不光是去除CSDN 的廣告,還能去除瀏覽器所瀏覽網頁的廣告。 一. 開啟 Chrome網上應用店,(需安裝 谷歌訪問助手 ,如果未安裝,可檢視我的上一篇部落格, Chrome 訪問助手的安裝)

利用Github Page 搭建個人部落網站

轉載請註明出處: 更多精彩文章請關注微信公眾號:猿blog 前言 最近這幾天,沒事幹,想找點事折騰下,於是自己便想到了自己一直想幹的一件事:搭建一個屬於自己的部落格網站。目前搭建個人 blog 網站最好的是用 wordpress ,但是那個折騰起來好像還挺麻煩的,再加

如何利用GitHub設計一個炫酷的個人網站含代碼

代碼 建立 一點 沒有 ima href info 個人網站 bubuko 1.在開始制作之前我們先預覽一下我的網站吧! 1.方式一: 由於是手機版的所以用手機掃下面的二維碼體驗比較好一點: https://tom-shushu.github.io/MyWeb.git

利用github pages五分鐘建好個人網站+個人博客

set 頁面 基本操作 官方文檔 github項目 .com 擔心 樣式 技術 筆者自己在建個人網站/個人博客的時候其實遇到了不少麻煩,但是都一一解決了,這裏教給大家最簡單的方式。 首先你需要一個GitHub賬號,訪問https://github.com創建新賬號即可。 然

簡潔風個人主頁3 js背景圖片隨機切換

靜態頁面做完了,現在用js做一個背景圖片隨機切換的效果。 1.點選‘個人網站'這個字樣,實現body背景的切換。所以,首先獲取這兩個節點。 var body = document.body; var change_btn = document.getElementById("change

簡潔風個人主頁2 css樣式設定

時間太久,差點忘記跟新了。 靜態頁面完成之後,用css設定樣式。樣式主要分為兩大塊——背景圖設定、中間半透明標籤。 1.背景圖設定。 背景圖片的設定,主要是將圖片能夠鋪滿整個螢幕。並且後期實現圖片切換的效果,將圖片路徑寫在background:url()內。 body { ba

研究使用Github Pages搭建具有資料庫的個人網站

這段時間想使用github搭建一個個人網站,但是木有錢買伺服器(+﹏+),聽說github有一個Github Pages的功能,很好用,經過我的測試它支援html+css+js。而且網上也有很多已經開發好的框架可以直接使用,例如:Hexo。Hexo非常火,網上有很多人都在用,而且使用非常

從CSDN個人主頁進入個人部落專欄

對這個問題本身感到很無語,但確實這個設計不太人性化。 解決: 1.進入個人主頁 2.將滑鼠移動到右上角的標誌上,出現,點選“部落格” 3.進入到新頁面後,點選我的部落格 4.不要捉急,馬上就成功了,進入新頁面後,再點選“我的部落格”(無語) 5.終於進入了夢寐以

springboot+mybatis+thymeleaf+docker構建的個人站點開源專案集成了個人主頁個人作品、個人部落

前言 My Site 主要功能有:個人首頁、個人作品、個人部落格為一體的站點,網站的文章和作品均由markdown進行編寫,可以滿足你的基本需求。如果覺得這個專案不錯,請為它點贊支援。 專案架構

簡潔風個人主頁1 html 靜態佈局

最近做了一個簡潔風個人網站主頁,和大家分享一下。介面如圖,(換了兩張背景圖片): 一、介面:背景為一組自定義圖片,中間一個透明標籤,標籤內包含header,content,footer三部分; 二、

伺服器搭建個人網站阿里雲伺服器

伺服器搭建個人網站 一丶購買伺服器 阿里雲提供了幾種伺服器,雲伺服器ESC、輕量應用伺服器,ESC更好一點兒,我選了輕量級應用伺服器。購買好了之後,在阿里雲網站主頁→控制檯→輕量應用伺服器。找到執行中的例項點進去就好了。伺服器器就購買好了 二、配置伺服器環境 首先你要知

新手玩個人server阿裏雲續二

ria pause 管理 debug timeout yum directory eth http 小二班一番廝殺:那英四強誕生:大家閨秀,小家碧玉。窈窕淑女,妍姿俊俏 。不解釋!?不行!陳冰,李嘉格,劉明湘。張碧晨。大多數的時候,僅僅要

java利用myeclipse自帶三大框架搭建三大框架Hibernate+Struts2+Spring過程詳解

sun 過程 9.png att alt 分享圖片 struts apach sch 搭建過程因人而異,我的搭建過程大致是這樣的:   1.創建一個javaweb項目;   2.導入Spring框架,上圖:     2.1:     2.2:     2.3:   3.

新手玩個人server阿裏雲

line val 規範 關系 ble 資料 並且 enter check 阿裏雲如火如荼的0元活動,事實上一開始我僅僅是去直播吧看阿森納vs貝西克塔斯。姑且算是一