1、關於github搭建個人博客的問題
首先,看下你修改後的模板上傳,提交了嗎
其次,看下樣式的路徑是否正確
然後,看專下是否引入模板的方式不對屬
最後,通過f 12g 看控制台信息,是樣式找不到,還是網路問題,應該是樣式找不到,那就要分析為什麼沒找到,是不是使用模板方式不對
2、GitHub Pages 應用jekyll模板的不顯示圖片
你好,
在你的md文件中 ![GIF](assets/img/fresh.gif) 表示生成一個image標簽,圖片找不到那應該是地址問題,通過你的描述是託管在github上,那麼github的.io域名是帶有一個path的,
所以你的地址前應該也加上這個path,如yourname.github.io/blog/assets/img/fresh.gif.
手動加必定是繁瑣的,所以可以在_config.yml中配置baseurl: blog,
頁面中這樣使用:
這樣jekyll在生成網站是會自動加上這個path.
另外對於你的MarkDown疑惑:
Markdown 是一種輕量級的「標記語言」,它的優點很多,目前也被越來越多的寫作愛好者,撰稿者廣泛使用。看到這里請不要被「標記」、「語言」所迷惑,Markdown 的語法十分簡單。常用的標記符號也不超過十個,這種相對於更為復雜的HTML 標記語言來說,Markdown 可謂是十分輕量的,學習成本也不需要太多,且一旦熟悉這種語法規則,會有一勞永逸的效果。
很慶幸jekyll採用了MarkDown形式文件作為基礎.他的擴展名為.md/.markdown都會被jekyll識別渲染.使用markdown你可以更專注的關注內容而不用考慮樣式.學習md僅僅需要幾分鍾.
如果你實在不想用md,完全可以在.md文件里寫html.仍然會被渲染.
還有一個問題就是README.md 這個文件一般用於github對你倉庫的描述文件,採用md語法在打開這個倉庫時會自動渲染此文件.
如果還有其他問題歡迎追問,如果有所幫助敬請採納.
3、我為什麼放棄 WordPress 而選用 Jekyll + Github Pages
為什麼要用github託管代碼用github完全沒問題,實際上npm本身的包管理因為沒有命名空間的原因已經出過岔子了。自己提供託管的原因個人認為主要是:1,為了方便,省去域名等,直接用項目名稱訪問,但是這與GitHub 託管不沖突,所以這個原因不是必要原因2,還有什麼比把代碼掌握在自己手裡更讓人放心的呢?一個單純的包分發工具是不是太單調了?怎麼講故事?
4、怎麼在github上建立個人網站
擁有一個域名
1
首先需要擁有一個自己的域名,下面以GoDaddy為例,講述如何購買一個個人域名。打開GoDaddy中文官網,如下圖所示:
2
登錄這個網站,如果沒有賬號,先創建賬戶,然後登錄。搜索你想要的域名,如下圖所示:
3
我買的域名是7元人民幣,自己玩一下,沒有必要買那麼好的域名,如下圖所示:
4
付款的時候選擇國內更接地氣的支付寶即可,如下圖所示:
5
付款成功三分鍾左右,域名准備工作就全部做好了。可以對域名進行管理了。現在先不設置,放在後面的步驟進行設置,如下圖所示:
END
擁有一個GitHub賬號
1
互聯網崇尚自由與分享。GitHub是一個全世界程序員聚集起來的地方,大家互相分享自己的代碼,提升別人,也提升自我。大家都在為著開源社區努力著。因為我從開源項目中學到很多知識,所以我也非常願意分享我的所見所得所學。
如果沒有GitHub賬號就先去注冊一個吧,有的話,直接登錄即可,後面的操作都要用到GitHub。
END
GitHub上新建個人網站項目
1
新建一個倉庫
登錄GitHub之後,在頁面右上角點擊+加號按鈕,點擊New repository,如下圖所示:
2
由於我們是新建一個個人網站項目,所有倉庫的名稱需要安裝GitHub個人網站項目的規定來寫。 規則就是:
YOUR-GITHUB-USERNAME.github.io
比如我的GitHub用戶名是ganecheng,那我就要填寫ganecheng.github.io。然後選擇公開模式,接著點擊創建倉庫按鈕,如下圖所示:
3
創建成功之後,進入了項目主頁面。點擊設置按鈕,如下圖所示:
4
進入之後,滾動頁面到下方。點擊頁面自動生成器按鈕,如下圖所示:
5
點擊右下方繼續去布局按鈕,如下圖所示:
6
選擇一個模板,點擊發布頁面按鈕。
這個時候,你就可以通過YOUR-GITHUB-USERNAME.github.io來訪問此頁面了,如下圖所示:
END
上傳個人網頁到GitHub
1
自動生成頁面,肯定不符合我們的要求,我們希望能夠自己設計自己的個人網站。我們可以自己編寫一個網頁文件,命名為index.html。然後上傳到GitHub個人網站項目上。這里為了節約時間,可以先下載我的個人網站項目代碼,然後修改為你的網頁上傳到GitHub。
下面介紹詳細步驟。
進入某個項目,然後下載源碼。解壓之後,拿到裡面的index.html文件,如下圖所示:
2
然後進入自己的個人網站項目主頁YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。點擊上傳文件按鈕,進入上傳文件頁面,將index.html文件拖入藍色大圈圈區域,點擊提交按鈕即可提交成功。此時打開網址YOUR-GITHUB-USERNAME.github.io就可以看到主頁已經改變為我們自己的網頁了,如下圖所示:
END
域名CNAME到個人網站項目
網頁上傳成功了,我們不想一直通過YOUR-GITHUB-USERNAME.github.io來訪問我們的個人網站,而是希望通過自己的域名來訪問。
下面講述詳細步驟。
點擊我們的個人網站項目設置選項卡,滾動到下面,就會發現一個自定義域名卡片。輸入我們前面在GoDaddy上買的域名,然後點擊保存,如下圖所示:
接著我們還要將我們的域名解析到這個個人網站項目上。打開GoDaddy域名管理頁面。點擊右上角設置圖標,點擊管理DNS按鈕。進入到DNS管理頁面,如下圖所示:
接著,點擊添加一條域名解析記錄,之前GoDaddy自動添加的沒用的解析可以全部刪掉,主機填寫www,代表你是一級域名來訪問,指向填寫YOUR-GITHUB-USERNAME.github.io,然後點擊保存按鈕。稍等片刻,域名解析就會生效,如下圖所示:
END
訪問你的域名
1
所有這些步驟做完之後,在瀏覽器里輸入自己的域名,回車鍵一按,就會返回我們剛剛上傳到GitHub的index.html頁面了。
這里只是入門了GitHub搭建個人網站的功能,GitHub官方推薦Jekyll博客系統來發布自己的頁面。以後有數據更新,都可以通過Jekyll來重新編譯整個網站,如下圖所示
5、ruby是2.4版本 為嘛jekyll使用的還是老版本
jekyll是一個簡單的免費的Blog生成工具,類似WordPress。
但是和WordPress又有很大的不同,原因是jekyll只是一個生成靜態網頁的工具,不需要資料庫支持。
但是可以配合第三方服務,例如Disqus。
最關鍵的是jekyll可以免費部署在Github上,而且可以綁定自己的域名。
6、github pages綁定了個人域名,怎麼使用https訪問而證書不報錯
你要是只用GitHub的服務肯定是不行的,必須要用一個別的服務。或者你可以用自己的伺服器搭建Jekyll博客,相比之下比 CloudFlare 復雜。
7、預覽 反jekyll,github pages下的jekyll怎麼配置都是垃圾
為什麼放棄用了十年的 WordPress?
大約在 2007 年, 我第一次把 WordPress 安裝在了一個共享的虛擬主機上. 邊用邊學, 一用就是 10 年. 自己配置,維護一個獨立 WordPress 讓我學到一些技術: 略懂了一點 PHP, MySQL, 寫過一個 WordPress 插件, 還為了備份而寫過一個 Python Package.
當初為什麼要安裝獨立的 WordPress?
多數的博客服務提供商都會有所限制, 而我想要足夠靈活的控制, 所以只能自己安裝. WordPress 滿足了我的需要, 並且:
容易安裝, PHP + MySQL 就足夠
插件豐富, 擴展功能簡單
可以順便學習 PHP, MySQL, 文檔內容豐富.
為什麼要放棄 WordPress?
我遇到的痛點 + 解決方案:
垃圾評論: 安裝反垃圾插件 -> 停用評論 -> 改用 DISQUS
備份: 壓縮(mp database + 網站目錄)-> 上傳到 Dropbox 備份. 自己寫了個Python 工具來上傳備份, 上傳完畢後再下載驗證, 然後刪除本地及 Dropbox 上的舊備份.
這其實是每個獨立博客都會面臨的問題.
簡潔穩定的新選擇: Jekyll + Github Pages
吸引我的是簡單.
我不再是那個校園里的少年, 彼時追求的一些東西, 現在可能已經淡忘. 所以我需要的一個服務, 一個既能穩定, 還能還給我自由的服務.
Github Pages 提供 build + 網頁存儲服務
Jekyll 提供我簡單與自由的寫作體驗
我沒有任何 Ruby 經驗, 也不熟悉安裝各類包. 用 Vagrant 寫了一個快速搭建 Jekyll 開發環境的腳本: jekyll-vagrant
啟動一個 Ubuntu 14
設置 port forwarding
安裝 Ruby,Jekyll
vagrant up之後就可以用 Jekyll 跑本地的網站了
遷移過程
WordPress 遷移到子域名;
主域名交給 Cloudflare 管理, 並使用其 CDN, Flexible SSL 服務
主域名轉向到 Github
必要的 http 301 轉向, 保證舊的文章還能被訪問.
8、如何用github搭建個人網站
擁有一個域名
1
首先需要擁有一個自己的域名,下面以GoDaddy為例,講述如何購買一個個人域名。打開GoDaddy中文官網,如下圖所示:
2
登錄這個網站,如果沒有賬號,先創建賬戶,然後登錄。搜索你想要的域名,如下圖所示:
3
我買的域名是7元人民幣,自己玩一下,沒有必要買那麼好的域名,如下圖所示:
4
付款的時候選擇國內更接地氣的支付寶即可,如下圖所示:
5
付款成功三分鍾左右,域名准備工作就全部做好了。可以對域名進行管理了。現在先不設置,放在後面的步驟進行設置,如下圖所示:
END
擁有一個GitHub賬號
1
互聯網崇尚自由與分享。GitHub是一個全世界程序員聚集起來的地方,大家互相分享自己的代碼,提升別人,也提升自我。大家都在為著開源社區努力著。因為我從開源項目中學到很多知識,所以我也非常願意分享我的所見所得所學。
如果沒有GitHub賬號就先去注冊一個吧,有的話,直接登錄即可,後面的操作都要用到GitHub。
END
GitHub上新建個人網站項目
1
新建一個倉庫
登錄GitHub之後,在頁面右上角點擊+加號按鈕,點擊New repository,如下圖所示:
2
由於我們是新建一個個人網站項目,所有倉庫的名稱需要安裝GitHub個人網站項目的規定來寫。 規則就是:
YOUR-GITHUB-USERNAME.github.io
比如我的GitHub用戶名是ganecheng,那我就要填寫ganecheng.github.io。然後選擇公開模式,接著點擊創建倉庫按鈕,如下圖所示:
3
創建成功之後,進入了項目主頁面。點擊設置按鈕,如下圖所示:
4
進入之後,滾動頁面到下方。點擊頁面自動生成器按鈕,如下圖所示:
5
點擊右下方繼續去布局按鈕,如下圖所示:
6
選擇一個模板,點擊發布頁面按鈕。
這個時候,你就可以通過YOUR-GITHUB-USERNAME.github.io來訪問此頁面了,如下圖所示:
END
上傳個人網頁到GitHub
1
自動生成頁面,肯定不符合我們的要求,我們希望能夠自己設計自己的個人網站。我們可以自己編寫一個網頁文件,命名為index.html。然後上傳到GitHub個人網站項目上。這里為了節約時間,可以先下載我的個人網站項目代碼,然後修改為你的網頁上傳到GitHub。
下面介紹詳細步驟。
進入某個項目,然後下載源碼。解壓之後,拿到裡面的index.html文件,如下圖所示:
2
然後進入自己的個人網站項目主頁YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。點擊上傳文件按鈕,進入上傳文件頁面,將index.html文件拖入藍色大圈圈區域,點擊提交按鈕即可提交成功。此時打開網址YOUR-GITHUB-USERNAME.github.io就可以看到主頁已經改變為我們自己的網頁了,如下圖所示:
END
域名CNAME到個人網站項目
網頁上傳成功了,我們不想一直通過YOUR-GITHUB-USERNAME.github.io來訪問我們的個人網站,而是希望通過自己的域名來訪問。
下面講述詳細步驟。
點擊我們的個人網站項目設置選項卡,滾動到下面,就會發現一個自定義域名卡片。輸入我們前面在GoDaddy上買的域名,然後點擊保存,如下圖所示:
接著我們還要將我們的域名解析到這個個人網站項目上。打開GoDaddy域名管理頁面。點擊右上角設置圖標,點擊管理DNS按鈕。進入到DNS管理頁面,如下圖所示:
接著,點擊添加一條域名解析記錄,之前GoDaddy自動添加的沒用的解析可以全部刪掉,主機填寫www,代表你是一級域名來訪問,指向填寫YOUR-GITHUB-USERNAME.github.io,然後點擊保存按鈕。稍等片刻,域名解析就會生效,如下圖所示:
END
訪問你的域名
1
所有這些步驟做完之後,在瀏覽器里輸入自己的域名,回車鍵一按,就會返回我們剛剛上傳到GitHub的index.html頁面了。
這里只是入門了GitHub搭建個人網站的功能,GitHub官方推薦Jekyll博客系統來發布自己的頁面。以後有數據更新,都可以通過Jekyll來重新編譯整個網站,如下圖所示
9、如何將jekyll託管到github
喜歡寫Blog的人,會經歷三個階段。
第一階段,剛接觸Blog,覺得很新鮮,試著選擇一個免費空間來寫。
第二階段,發現免費空間限制太多,就自己購買域名和空間,搭建獨立博客。
第三階段,覺得獨立博客的管理太麻煩,最好在保留控制權的前提下,讓別人來管,自己只負責寫文章。
大多數Blog作者,都停留在第一和第二階段,因為第三階段不太容易到達:你很難找到俯首聽命、願意為你管理伺服器的人。
但是兩年前,情況出現變化,一些程序員開始在Github網站上搭建blog。他們既擁有絕對管理權,又享受github帶來的便利----不管何時何地,只要向主機提交commit,就能發布新文章。更妙的是,這一切還是免費的,github提供無限流量,世界各地都有理想的訪問速度。