前言
很久很久(其實不久)以前,我在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]
完成 :)
接下來就靠你自己了,讓你的博客內容豐富起來!