个人博客代码_Jekyll + Github Pages 搭建个人免费博客
今天親手通過 Jekyll 搭建了一套免費博客,搭建步驟其實超級簡單。你不需要購買域名,也不需要購買服務器,就可以輕松擁有你自己的博客。Jekyll 的核心是一個文本轉換引擎。它的方便之處在于支持多種文本標記語言:Markdown,Textile,HTML,然后 Jekyll 就會幫你加入你選擇主題的樣式的布局中。最終生成你自己的靜態博客網站。
博客搭建步驟
1.安裝環境1.1 安裝Ruby
官網地址:https://rubyinstaller.org/downloads/
根據自己的需要下載不同版本,直接點擊“下一步”就可輕松安裝成功。
1.2 安裝RubyGems
官網地址:https://rubygems.org/pages/download
據自己的需要下載不同版本。解壓壓縮文件到本地。在 CMD 命令窗口執行如下命令:
1.3 安裝Jekyll
以上兩個步驟操作完成后,在 CMD 窗口執行如下命令安裝Jekyll:
2.本地搭建博客
2.1 項目啟動
項目啟動日志如下:
在瀏覽器訪問:http://localhost:4000/
2.2 添加 MarkDown 文檔
在項目根目錄下的 _posts 目錄創建 markdown 文檔。這里注意 md 文檔命名要添加 “yyyy-mm-dd”的前綴。
例如:2019-10-11-5分鐘搭建博客.md
2.3 部署代碼到 Github2.3.1 創建 Github 賬號
注:這里我使用的 Github 托管靜態博客的,你也可以選擇把代碼托管到 碼云 或者其他平臺上。
沒有 Github 賬號的朋友可以注冊一個賬號,有賬號的朋友可跳過。
2.3.2 創建代碼倉庫
創建一個名稱為 ‘賬號名稱.http://github.io’。例如:我的賬號名是helloRestlessMan,倉庫名就是 helloRestlessMan.github.io
2.3.3 部署代碼到Github
在我們創建的博客的目錄找到 _site 目錄,將 _site 目錄下的所有文件都提交到Github上。
操作步驟:
2.4部署代碼到碼云(Gitee)
創建與賬號名相同的倉庫,如下圖:
提交代碼到 Gitee 上,再開啟 Gitee Pages 服務即可。
最后就可以訪問了。http://huaairen.gitee.io/
2.5 訪問自己的博客網站
效果如下圖:
2.6 切換主題
我這里下載的主題是 mundana-jekyll-theme,
主題下載地址:http://jekyllthemes.org/themes/mundana-jekyll-theme/注:可能存在兼容性問題,使用下面的命令
cd mundana-jekyll-theme bundle install #安裝依賴 bundle exec jekyll serve #運行項目
我的博客地址:https://hellorestlessman.github.io/
項目運行效果:
豐富的主題自由選擇
這里推薦兩款 Jekyll 主題的網站:
1.官方主題網站:http://jekyllthemes.org/
2.Github 上的博客模板:https://github.com/jekyll/jekyll/wiki/Sites
文章推薦
1. Github + hexo matery 主題搭建免費博客
2. 5分鐘搭建私人Java博客系統
3. 手把手博客搭建
參考資料
1.使用 github + jekyll 搭建個人博客
2.Github + Jekyll 搭建個人博客
3.Jekyll主題收藏
4.Gitee + Jekyll 搭建博客
總結
以上是生活随笔為你收集整理的个人博客代码_Jekyll + Github Pages 搭建个人免费博客的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2021年宝鸡中学高考成绩查询,宝鸡中学
- 下一篇: 关于csgo的观看录像fps低_CSGO