利用GitHub Pages搭建你的個人博客

在我的獨立博客查看:這篇這篇

前言

很久很久(其實不久)以前,我在luogu的杭州文瀾中學團隊看到了memset0的博客,便靠着天才的大腦,自己鑽研,艱苦創業,從hexo到jekyll,從Typecho到WordPress,最終選擇了GitHub Pages (隨時隨地有網就可以編輯),在一週前成功搭建了hzyangjc.github.io。本博客的主題由Hux大佬提供,同時感謝qiubaiying大佬的教程。

準備

1. 註冊GitHub賬號

戳這裏

按你的實際情況填寫即可。

2. fork我的repository

點擊這裏,進入我的倉庫,點擊右上角的fork,等一下,倉庫就歸你了。

修改基礎配置

1.點擊進入repository的settings

將repository name改爲“你的GitHub用戶名.github.io”,點“rename”。

2.回到Code

進入_config.yml,進行基礎配置

點擊圖中的那支筆,開始編輯

按照邊上的說明進行修改。

注意:第4行、15行的圖片,需要上傳。另開一個標籤頁,進入你的repository,進入img文件夾,點擊有點智商就能找到的“upload files”,上傳本地圖片。

這是gitalk配置。由於你是fork我的repo,不能使用,故全部註釋掉(在前面加“#”)。

改完後,來到頁面下方,commit changes。

修改about.html

圖中的內容,按照你的情況填寫即可。

拖到右邊

會HTML的大佬可以發揮。

修改package.json

不放圖了,反正前三行自己改

修改座右銘

進入index.html,第三行的description就是了(引號不能刪掉,下同)

修改README.md

用markdown語法自由改,就是GitHub上的介紹。

發佈新文章

step 1:進入_posts文件夾,點擊create new file

step 2:在上面的name your file...中,填寫格式爲年-月-日-名稱.md,如圖;然後用GitHub的markdown語法寫文章。鏈接中的博文未提到的是markdown圖片的插入方法:![圖片介紹](圖片網址)。這裏就不得不推薦一個好用的圖牀,可以給本地圖片一個專屬網址:sm.ms

step 3:hold on:文章基本設置
就是如圖這玩意:

格式:

---
layout:     post                    # 使用的佈局(不需要改)
title:      方格取數               # 標題 
subtitle:   NOIP2000提高組第四題 #副標題
date:       2018-07-09              # 時間
author:     YJC                      # 作者
header-img: img/方格取數.jpeg    #這篇文章標題背景圖片
catalog: true                       # 是否歸檔
tags:                               #標籤
    - 信息學
    - NOIP
---

其中header-img這裏用的是GitHub repository中的圖片,需要upload files。至於如何,在利用GitHub Pages搭建你的個人博客(上)中已講過。

tags格式中“-”和內容間必須有空格。

常見問題

配置文件修改後沒有效果

刷新幾遍瀏覽器就好了~
不行的話,先清除瀏覽器緩存再試試。

404錯誤

檢查你的倉庫名是否有按照要求填寫
確定 Fork 的是不是我的倉庫~

其他問題

給我發郵件吧:[email protected]

完成 :)

接下來就靠你自己了,讓你的博客內容豐富起來!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章