用GitHub Pages 5分鐘搭建個免費的個人博客

2021-12-21 flyzy小站

原文連接：https://www.flyzy2005.cn/build-page/build-github-pages-in-5-mins

點擊閱讀原文獲取

昨晚試了下GitHub Pages，由GitHub管理，我們只需要更新博客就可以，還是挺方便的~今天試了試能不能直接拷貝主題，發現是可以的。所以如果直接用我使用的主題，幾分鐘就可以搭建一個出來~我的效果：https://flyzy2005.github.io/

環境需要

GitHub帳號&Git客戶端。Git客戶端隨便搜一下，安裝教程很多~至於基本的Git操作可以參考：Git與GitHub常用命令小結。用到的所有Git命令就是最開始的那幾步裡用到的~

 

GitHub Pages博客搭建

1.fork倉庫

訪問https://github.com/Flyzy2005/flyzy2005.github.io，點擊左上角的Fork，再點擊Settings，重命名這個倉庫：

新名字就按照你的用戶名.github.io，例如我的是flyzy2005.github.io。

2.clone到本地做修改

將這個倉庫clone到本地倉庫，項目結構如下圖所示：

其中，about.html是關於的界面，index.html是首頁，tags.html是標籤集合頁面。用記事本打開，可以修改裡面的title和description改成你自己的~

favicon.ico和img文件夾裡的圖片是各種背景圖和頭像圖，也可以做相應的修改~

最後，改一下_config.yml裡的配置文件裡的內容，基本都有中文注釋的~注意一定要把百度統計和Google分析改成自己的，如果不用可以直接注釋（在前面加個#）！！

在_posts文件夾裡的就是你要發布的博客了，Markdown格式的文件。你可以將我的全部刪除改成自己的~文件命令格式2018-01-25-build-home-page-with-wordpress.markdown，前面是日期，後面是名字。裡面內容開頭格式如下：

1

2

3

4

5

6

7

8

9

10

11

12

---

layout:     post

title:      手把手教你搭建自己的個人網站

subtitle:   基於WordPress的個人網站

date:       2018-01-25

author:     flyzy

header-img: "img/post-bg-2018.jpg"

tags:

    - 建站

    - WordPress

    - 個人博客網站

---

後面再跟著Markdown格式的內容就可以了~

 

全部搞定後，再push到GitHub上去，過個1分鐘左右，刷新你的主頁（默認your_account_name.github.io），就會看到你的頁面了~如果你想本地調試，可以參考GitHub Pages搭建一個免費，無限流量的博客教程，搭建Jekyll在本地調試。

相關焦點

  • 如何搭建自己的個人博客
    大概17年初我將自己的寫博客主要陣地轉移到了CSDN，原因是CSDN在百度搜尋引擎中佔據了最高的權重。後面證明我的判斷是正確的，我的CSDN博文閱讀量一路飆升，讓更多的人可以的閱讀我的博客。就在上個月我閱讀了純潔的微笑的博文 技術人如何搭建自己的技術博客這篇文章，我決定折騰一下搭建一下自己的個人博客。
  • 程式設計師要不要寫博客?如何寫博客?十年 bloger 經驗分享!
    為什麼要寫 blog，石頭覺得有如下幾個好處：可以把它作為整理學習筆記的地方，方便沉澱學習，就跟當初我開始玩一樣。更多的是寫給自己看，玩玩「建站」流程（獨立博客），也算一個小技能。（要不要寫博客看個人興趣，但學會總結沉澱是必須的）「成就自己、幫助他人」。在日常工作中，你肯定也有通過別人的博客解決了你的某個問題，這個時候「反哺」一下開放的網際網路也何嘗不是一件快事。
  • 一行代碼不用寫:GitHub博客小白版入門教程
    利用GitHub Pages平臺，就可以搭建非常好用的個人博客。但是難點在於，你在要敲很多代碼才能搭出一個博客。對於小白和新手來說，太不友好。沒關係！現在不用寫代碼也可以了。不需要敲碼，不用寫使用命令行，可以自定義主題，還能有自己的域名。Fast.ai提供了模版，只要註冊一個github帳號，小白就能夠完成搭建博客的操作。
  • 十分鐘搭建一個屬於自己的個人博客
    jin大學生資源共享平臺致力於 幫助 每一個 熱愛學習的大學生     大家好，我是石頭，今天教大家一起利用模板搭建一個簡易的個人主頁，大家可以用來製作自己的簡歷，或者做一個簡單的記錄博客，最後利用github部署實現遠程訪問。
  • GitHub博客小白版入門教程
    賴可 發自 凹非寺量子位 報導 | 公眾號 QbitAIGitHub不僅可以傳代碼，還可以建博客。利用GitHub Pages平臺，就可以搭建非常好用的個人博客。但是難點在於，你在要敲很多代碼才能搭出一個博客。對於小白和新手來說，太不友好。
  • 基於Hexo+GiteePages搭建的個人Blog教程
    然後擁有一個自己的個人博客對於一個計算機專業生或是計算機愛好者都是一件挺好的事情，甚至在面試就業中也會為自己加分。最後就是閒得慌，就是想折騰。二、那麼多博客平臺不用，非要自己搭建一個？首先其實就是覺得自己搞一個比較有成就感，而且自己可控，還有就是完全免費的可以搞一個屬於自己網站，何樂而不為呢？然後就是其實在自己動手搭建的過程中，也是一個學習的過程。
  • 【簡歷加分】hexo框架搭建個人博客站點,手把手教學.
    最近，粉絲們在金九銀十期間也是不斷的面試，有比較多的畢業生說我在這個期間出多一些面試題，上幾期都是傾向於面試文章，這期出一次簡歷加分項操作，使用hexo框架搭建個人博客。作為應屆畢業生或者1-3年工作經驗的程式設計師擁有自己的個人博客站點，絕對是簡歷的加分項，然而學習的成本確實非常的低，只要幾十分鐘就能搭建好自己的個人博客。閒話不多說，下面我們就開始動手來搭建自己的博客吧！
  • 從畢業小白到Offer收割機——在 Github Pages 上部署自己的簡歷
    參考：https://help.github.com/articles/what-is-github-pages/可以說相當於一個可直接用 git 管理內容的靜態伺服器，有許多人會用它來託管自己的個人博客（利用 Jekyll、Pelican 這一類靜態頁面生成工具）或是在這上面發布自己的 HTML5 小遊戲。當然這麼好的東西也是有限制的。
  • 教你免費搭建個人網站(GitHub)
    下面我來教大家使用此工具快速免費的搭建屬於自己的個人網站。-THE FIRST-首先，您需要確認你本地有一份可以正常打開預覽的個人網頁源碼。如果您沒有網站開發基礎的話請不要繼續向下閱讀，您可以選擇在後臺和我留言，我很樂意幫助您繼續完成屬於您的個人網站。
  • 將VuePress 部署到 Github Pages
    因最近想構建一個屬於自己的Sociology學習筆記的網址，所以才有才有此文，這篇文章主要mark一下部署vuepress[1]到GitHub[2]的gh-pages上的坑。vuepress[3]是一個由vuejs[4]驅動的靜態網站生成系統。默認帶有一個為編寫技術文檔優化的主題。
  • 程式設計師必備技能:在Github Pages上部署自己的簡歷
    答案就是：在Github Pages上部署自己的簡歷如果你非要問為什麼，原因就是：既然你用Github Pages部署自己的簡歷，說明你至少對git和github都不陌生，都會用，而這兩樣是現在企業在招聘時的一個加分項或者說一個必有項；繼而說明你至少是一個比較愛學習的人，因為大多數學校是不會教這兩樣的。
  • 使用 Python 30分鐘 教你快速搭建一個博客
    ，有9個人都有寫博客的習慣。看完這些你是不是也很想擁有這樣一個博客呢？只要你認真往下看，30分鐘搭建這樣一個博客不在話下。安裝之前，請確認下Python版本。The HTML pages are in build\html.執行完了後，你可以發現原先的build，不再是空文件夾了。我們點進去 build\html\，打開index.html
  • 用Flutter搭建個人網站?so easy!
    /   作者簡介   /本篇文章來自i校長的投稿，分享了他對用Flutter 搭建個人網站的過程，相信會對大家有所幫助！同時也感謝作者貢獻的精彩文章。https://www.jianshu.com/u/77699cd41b28/   簡述   /曾幾何時，你有沒有一個搭個人網站的衝動，我這個想法在我第一次開始寫博客就有了，可就是沒有搭起來，直到我看到flutter有了web支持，我就在想，是時候了，必須且一定要做，於是乎我就搭建了現在的網站ibaozi.cn，代碼開源至https://github.com
  • 5分鐘在laravel框架下完成網站搭建
    反正小編覺得Laravel還真的不錯，國外成熟的插件和模板也是不少的，今天小編就給大家分享一下如何5分鐘在laravel框架下完成網站搭建。做網站少不了CMS，也就是內容管理系統，小編就上網搜了下Laravel 網站方面的內容，就搜到了October，這是一個內容管理系統（CMS），更是一個致力於讓開發工作流變得簡單的web平臺。
  • 安卓免費學習的博客,github,CSDN,視頻教程,一網打盡!
    /blog.csdn.net/xyz_lmn/張國威：http://blog.csdn.net/hellogv愷風（Wei）：http://blog.csdn.net/flowingflying蘭亭風雨：http://blog.csdn.net/ns_code趙凱強：http://blog.csdn.net/zhaokaiqiang1992：個人站點
  • 如何快速搭建屬於自己的個人博客網站?
    那麼，我們該如何快速搭建屬於自己的個人博客網站呢？下面本文將詳細分享一下個人博客網站搭建方法和步驟，希望能幫助到有這方面想法的小夥伴。在百度上搜索「域名購買」，會出現很多空間和域名服務商，不過個人建議還是到大企業購買比較穩妥，國內幾個比較大的服務商有阿里雲、騰訊雲、百度雲及京東雲等等。我的域名就是在阿里雲上註冊的，畢竟馬爸爸的企業還是比較有保障。
  • 寫博客,VSCode+組合神器=效率
    今天想給大家分享我一直在用的寫博客組合神器，之前有文章寫過，我寫博客的時間其實已經很久了，我也有個人的博客，最開始寫博客其實我是在 CSDN，後來，也陸續在其他的平臺有做過一些分享，但是，想必大家也跟我一樣，都想擁有自己的個人博客，想把自己寫的博客發布到自己的博客上，這個想法其實是挺好的，但是，一般搭建自己的博客都是需要有一定的費用支出的，比如
  • 如何在微軟Azure上搭建個人博客網站
    在此前的IT之家極客學院中，我們已經探討過如何搭建WordPress個人博客，不過手動配置伺服器對很多讀者來說可能並不是一件容易的事。好在在Azure中，微軟已經就搭建WordPress個人博客給出了一站式的解決方案，對於零基礎讀者來說，在Azure上搭建WordPress即意味著你無需經歷繁瑣的伺服器配置過程。
  • 一文詳解Hexo+Github小白建站
    （日後再聊）以下的圖文並茂的搭建過程是針對純小白所實現的，例如github倉庫的創建、環境變量的配置、git終端等一些基礎操作都有較為詳細的說明，按照流程一步步來，分分鐘建站毫無壓力。一、搭建環境環境介紹：windows系統：系統根據自己的實際需要準備即可，mac、linux皆可，為了服務更多的讀者，本文主要介紹的是在windows系統下搭建。
  • 教你免費搭建個人網站!馬上擁有自己的網站!
    第一步：選擇域名&註冊域名百度搜索註冊域名，就會出來多個註冊域名的網站，這裡以第三個阿里云為例，註冊我們的域名。在搜索框中輸入你想要註冊的域名，搜索後會顯示出該域名是否有人註冊，下面會出來一列後綴不同的域名，本文的題目叫免費建站，以少花錢為前提，所以你可以選擇最便宜的 .top域名，加入清單&付款，這個域名就屬於你了，首年只需兩元錢。但只有域名沒有伺服器是不能用的，這時你就需要往下看第二步。