1. 程式人生 > >【記錄】在 github 上搭建網站的詳細步驟

【記錄】在 github 上搭建網站的詳細步驟


設定分配很簡單,只要為root設定一個root密碼就行了: $ sudo passwd root

之後會提示要輸入root使用者的密碼,連續輸入root密碼,再使用:$ su

就可以切換成超級管理員使用者登陸了

在ubuntn下調出終端。

一、開始前先更新下,然後安裝 ruby【目前我用是2.3.1版本】

sudo apt-get update

apt install ruby

二、上一步操作完了後,通過 ruby -v檢視發現顯示的是 ruby 2.3.1版本

三、更改預設的sources源
 鑑於官方源無法訪問,所以我們得更換為可以使用的源,這裡推薦使用
ruby china

源,大致步驟如下

  • 先鍵入命令gem sources檢視當前已經新增的源(預設應該是同時有官方源和淘寶源)
  • 然後通過 gem sources --remove https://rubygems.org/gem sources -r https://ruby.taobao.org/分別移除官方源和淘寶源 (注意,請對比實際,移除自己已經新增的源即可,可以改為自己上一步中查詢出來的地址)
  • 通過 gem sources -a http://gems.ruby-china.org
  • 修改來源後可以通過gem sources -l檢視是否正確修改

Jekyll安裝測試

安裝參考: http://jekyll.com.cn/docs/installation/

$ gem install jekyll bundler

給文章頁面新增多說評論(多說已掛)

註冊多說賬號,得到short_name (如圖,robotkang就是我的shortname

首先按照如下格式編輯_config.yml

comments :

  provider : duoshuo

  duoshuo :

    short_name : havee

2,將生成的多說程式碼複製,找到倉庫的_layouts資料夾下的post.html文件,使用程式碼編輯器開啟,將多說程式碼貼上到{ { content } },</div>的下面,對了,請養成隨時

Ctrl+S進行文件編輯儲存的習慣

這段程式碼有4個地方要填

  • data-thread-key填上{{ page.id }}
  • data-title填上 {{ page.title }}
  • data-url填上 your web site/{{ page.url }}
  • short_name註冊多說賬號的時候讓你填的二級短域名

網址填上你自己的域名,當然也要寫到CNAME檔案中

本地除錯的指令:jekyll serve

如遇錯誤,則執行:bundle exec Jekyll serve

給部落格設定瀏覽量:

詳情參考:  http://ibruce.info/2015/04/04/busuanzi/

LinuxUbuntn)下如何將本地專案pushgithub倉庫

  1. 在終端裡進入到所上傳的目錄下

在部署我的網站的時候查閱了很多資料,發現很多都是不太全面的,以下是集各家之長所寫,希望對後來人有所幫助。

完成此項工作一共分以下幾步:

  1. 在Ubuntu終端裡安裝git管理工具。

安裝指令:sudo apt-get install git  檢視版本:git –-version

  1. 在github上註冊賬戶,官網地址[github官網](https://github.com), 註冊登入後進入setting, 點選進入 ssh keys, 然後add ssh;
  2. 由於你的本地Git倉庫和GitHub倉庫之間的傳輸是通過SSH加密的,所以,需要一點設定:

      第1步:建立SSH Key。在使用者主目錄下,看看有沒有.ssh目錄,如果有,再看看這個目錄下有沒有id_rsa和id_rsa.pub這兩個檔案,如果已經有了,可直接跳到下一步。如果沒有,開啟Shell(Windows下開啟Git Bash),建立SSH Key:指令:ssh-keygen -t rsa -C [email protected]

      你需要把郵件地址換成你自己的郵件地址,然後一路回車,使用預設值即可,由於這個Key也不是用於軍事目的,所以也無需設定密碼。如果一切順利的話,可以在使用者主目錄裡找到.ssh目錄,裡面有id_rsa和id_rsa.pub兩個檔案,這兩個就是SSH Key的祕鑰對,id_rsa是私鑰,不能洩露出去,id_rsa.pub是公鑰,可以放心地告訴任何人。

   Linux可以直接在終端裡開啟檔案,指令:xdg-open id_rsa.pub (利用這個命令,在終端下開啟檔案就方便多了,比如用預設的pdf 閱讀器開啟一個pdf檔案:xdg-open xxx.pdf)

第2步:登陸GitHub,開啟“Account settings”,“SSH Keys”頁面,然後,點“Add SSH Key”,填上任意Title,在Key文字框裡貼上id_rsa.pub檔案的內容:

點“Add Key”,你就應該看到已經新增的Key:

為什麼GitHub需要SSH Key呢?因為GitHub需要識別出你推送的提交確實是你推送的,而不是別人冒充的,而Git支援SSH協議,所以,GitHub只要知道了你的公鑰,就可以確認只有你自己才能推送。

當然,GitHub允許你新增多個Key。假定你有若干電腦,你一會兒在公司提交,一會兒在家裡提交,只要把每臺電腦的Key都新增到GitHub,就可以在每臺電腦上往GitHub推送了。

最後友情提示,在GitHub上免費託管的Git倉庫,任何人都可以看到喔(但只有你自己才能改)。所以,不要把敏感資訊放進去。
4. 之後在github上新建一個倉庫(建好的同學請忽略此步)

然後將倉庫的連結地址copy一下,待用

  1. 在終端裡進入到本地要push到github的專案的根目錄;(比如說,我就是要把robotkang.Github.io這個資料夾上傳到github上)

7. 執行 git init命令, 在根目錄得到一個隱藏的 .git資料夾, 本地倉庫初始化成功;

8. 執行 git add . 命令, 將目錄新增到索引;

9. 執行 git commit -m "這裡填寫提交的說明資訊"

10. 執行 git remote add origin '此處是剛才複製的github倉庫的url'(注:命令中無此單引號); https://github.com/MengZheK/kangblog.github.io.git

此步如報錯,解決辦法如下:

      先輸入$ git remote rm origin再輸入$ git remote add origin 此處是剛才複製的github倉庫的url就不會報錯了!

11. 執行 git push -u origin master等待結束,提交成功;

密碼是:

12. 若11步執行不成功, 則執行 git push -u origin master --force, 即可。

克隆倉庫到本地

請確保本地安裝了git客戶端,克隆你的username.github.com倉庫到本地。

git clone https://github.com/username/username.github.com.git

我們要繫結的話需要在username.github.com目錄下增加一個CNAME檔案。
在裡面新增你的域名,假設為example.com,然後推送CNAME檔案到遠端倉庫:

git add CNAME

git push origin master

  1. 在終端裡ping你的github上倉庫的域名,得到一個IP;
  2. 到域名服務商解析你的域名

3、登入http://github.com>進入專案>Settings>Custom domain>輸入你的域名>Save。
 

首先看一下Jekyll的專案目錄


還是簡要介紹一下各個目錄的用途。

    • .git git版本控制器
    • CNAME GitHub Pages自定義域名用的
    • _config.yml Jekyll配置檔案
    • _includes 包含檔案的,比如說網頁的Header,Footer等重複利用檔案
    • _layouts 網頁HTML檔案
    • _posts 你的文章(markdown格式)
    • _site 生成的文章html文件
    • assert 文件目錄,比如存放首頁LOGO、圖片等
    • css 樣式表
    • index.html 首頁文件,當然也可以新增About、Tag等頁面

PS:可能的錯誤以及解決

問題1:Installing Jekyll: ERROR: Failed to build gem native extension.

解決:you are missing the ruby-dev package, try installing it with sudo apt-get install ruby-dev

問題2:

 Dependency Error: Yikes! It looks like you don't have bundler or one of its de

pendencies installed. Inorderto use Jekyll as currently configured, you'll nee

d to install this gem. The full error message from Ruby is: 'cannot load such fi

le -- bundler' If you run into trouble, you can find helpful resources at http:/

/jekyllrb.com/help/!

jekyll 3.3.0 | Error:  bundler

解決:這個提示告訴我們沒有安裝bundler,很簡單,我們在命令列中輸入gem install bundler進行安裝即可。

問題3:

https://img-blog.csdn.net/20170228153537298?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcm9ib3RrYW5n/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

解決:$ gem install minima jekyll-feed

問題4

表示 當前的 jekyll 版本是 3.1.1 ,無法使用 jekyll-sitemap

解決方法有兩個

1、開啟當前目錄下的 _config.yml 檔案,把 gems: [jekyll-paginate,jekyll-sitemap] 換成 gems: [jekyll-paginate] ,也就是去掉jekyll-sitemap。

2、升級 jekyll 版本,我當前的是 jekyll 3.1.2 。

最後,我想說的是:

沒有十全十美的教程,如同不存在徹頭徹尾的絕望(改自村上春樹語)

重要的是保持住一顆搗騰不安的心以及對知識的渴望與尋找.....

相關推薦

記錄github 搭建網站詳細步驟

設定分配很簡單,只要為root設定一個root密碼就行了: $ sudo passwd root 之後會提示要輸入root使用者的密碼,連續輸入root密碼,再使用:$ su 就可以切換成超級管理員使用者登陸了 在ubuntn下調出終端。 一、開始前先更新下,然後安

gitGithub面的開原始碼怎麼在本地編譯執行

最近才發現Github是一個好東西,可以從上面學到很多東西,不說了,趕快寫完去學習去。。。 1、首先你可以看看這個開源專案的README.md,一般一般這裡都會有專案的使用方式以及一些注意的點 2、你可以將程式碼下載到你的開發環境中,然後再對應的開發環境中編譯(指令碼語言直

VUE腳手架專案搭建詳細流程

整理了一下VUE大型專案腳手架的搭建,和一些自己的理解,不對的地方歡迎指出! 第一步:下載NODE                下載NODE,在這裡是為了用到node裡邊的npm,node下載成功後 第

工具github入門到傳本地專案

GitHub是基於git實現的程式碼託管。git是目前最好用的版本控制系統了,非常受歡迎,比之svn更好。 GitHub可以免費使用,並且快速穩定。即使是付費帳戶,每個月不超過10美刀的費用也非常便宜。 利用GitHub,你可以將專案存檔,與其他人

redislinux的安裝與配置(詳細圖解)

1、下載 http://redis.io/download 2、解壓至任一目錄 tar xzf redis-2.8.17.tar.gz 3、編譯並安裝 cd redis-2.8.1

專欄 - 史最簡單的 GitHub 教程

史上最簡單的 GitHub 教程 GitHub 是一個面向開源及私有軟體專案的託管平臺,因為只支援 Git 作為唯一的版本庫格式進行託管,故名 GitHub。在程式的世界中,GitHub 是程式設計師當之無愧的聖地!

詳細的Composer安裝tp5教程

amp href packagist 中間 ref create 中國 src 兩個 http://www.thinkphp.cn/topic/52362.html Composer安裝tp5教程1.下載composer先介紹幾個網站Composer官網https://

Deep LearningGithub關注最多的53個深度學習專案

Top Deep Learning Projects A list of popular github projects related to deep learning (ranked by stars). Last Update: 2016.08.09

分散式事務GitHub分散式事務框架壓測效能對比

一、前言       隨著專案逐步以微服務開發為趨勢,逐漸呈現一個服務對應一個數據庫。從中產生了分散式事務的問題:一個操作先後呼叫不同的服務,要保證服務間的事務一致性,這就是分散式事務解決的問題。   

GitHub搭建個人網站

tomat git ack ssh 網頁 auto ranch enter htm 大致如下步驟: 1、註冊Git賬號 2、創建SSH keys 3、新建repository --- 4、設置網站 5、clone庫到本地 6、提交、上傳 7、預覽 本教程默認你了解GitH

win向Github檔案傳輸/修改/刪除的新手教程

新增和上傳 作為一個前端萌新,接觸Github是必須的,寫這個栗子的目的是為了讓自己熟悉git的一些操作,也方便自己查詢。用的栗子是以前寫過的一個fullpage的教程,讓我們來看看如何在全球最大同性交友網站處理 自己的寶貝~ 第一步:你要有一

win10 Oracle11g 64位配置PL/SQL Developer記錄

oci per 文件夾 sdn rod tns logs min 工具 在 http://download.csdn.net/download/wuqinfei_cs/7740373 下載PL/SQL Developer。 1. 解壓,在instantclient_11_

LinuxLAMP環境搭建(簡易版)

freetype 軟件 系統 解壓縮 net done .gz 輔助 one 一. 輔助軟件包安裝 準備工作:1.Linux系統準備 恢復快照(初始化安裝) 設置IP 關閉SELINUX 配置yum源 2.yum -y install gcc

easyui中 datagrid與pagination結合使用記錄

fit def ext flag break nowrap isp emp inline /** * Js名稱:客源基本管理 * */ var setPageNumber = 1; var setPageSize = 10; var guestManageLis

轉載最全:TensorFlow 好玩的技術、應用和你不知道的黑科技

tube map 高性能 知識 seq 出現 執行時間 mes lex 【導讀】TensorFlow 在 2015 年年底一出現就受到了極大的關註,經過一年多的發展,已經成為了在機器學習、深度學習項目中最受歡迎的框架之一。自發布以來,TensorFlow 不斷在完善並增加新

記錄ASP.NET MVC View 移動版瀏覽的奇怪問題

手機瀏覽器 超鏈接 jquery 記錄 元素 ASP.NET MVC View 中的一段代碼:<span id="span_Id">@Model.ID</span>沒什麽問題吧,瀏覽器瀏覽正常,查看元素為:<span id="span_Id">12345

5標題的小logo

-- span pan shortcut color font nbsp 圖片 logo <link rel="shortcut icon" href="logo圖片的路徑"> shortcut --- 捷徑,近路 icon --- 圖標【5】標題上的小lo

記錄今日上午○線段樹

lin adding images 難點 微軟 9.png 要求 bottom 如何 ●poj 3225 Help with Intervals ○贅述題目: 給出以下集合操作: 然後有初始的一個空集S,和以下題目給出的操作指令,並輸入指令: 要求進行指令操作後,按格式

QuartzQuartz的搭建、應用(單獨使用Quartz)

文章 sgd aca guide mfc uci strong div guid 原文:http://www.cnblogs.com/nick-huang/p/4848843.html 目錄 1. > 參考的優秀資料 2. > 版本說明 3. > 簡單的

ProtoBufferwindows安裝ProtoBuffer3.x (附已編譯資源)

文章 sta baidu linux平臺 hub 結構 mage 關心 平臺   百度了很久,所介紹的方法很多都不適用,搜出來的文章都是找到vs的工程文件然後balabala...,但因為gihub上的最新版本protobuf3.3.0,是不帶vs的工程文件了,官方的rea