利用Word和Github制作個人博客網站(一)

初衷

我是大藍鯨,不懂技術,而且窮,卻喜歡搞事情。

寫這個教程的初衷只是教小白用戶一步步建立個人博客網站,技術大神可以繞道。

你只需要會 Word操作 和 注冊網站賬號 ?的技能就可以了。


一、注冊Github賬號

登陸網站https://github.com/

注冊界面

點擊Sign up for Github進入注冊頁面

注冊

由于dalanjing(大藍鯨拼音)被注冊了,我只能用dadalanjing了(嘆氣),然后,下一步直到注冊結束。

不出意外,你注冊的郵箱會收到一封確認郵件,點進去就行。


二、建立項目

1,注冊完成并郵件確認后,點擊Start a project

開始項目

2,項目的名字一定要 你的用戶名+.github.io(不要問為什么,官方文檔就是這么講的,照做就好了),然后Initialize this repository with a README打上鉤鉤,最后Create repository。

取個名字要注意


三、Word開始寫個簡單的網頁

1,新建一個文件夾,然后在里面新建一個word,取個名字叫 index

word名字就醬

2,打開,點擊右下角,Web版式視圖,這樣后面編輯內容即是網頁看到的樣子。

Web版式視圖

3,然后運用你Word技能做出一個博客首頁,大藍鯨Word渣,所以做一個你們參考一哈就行。

Word

4,另存為html格式(不解釋,照做

另存為html格式

5,然后文件夾里出現了index.html文件和index.files文件夾,這個文件夾保存網頁中的圖片。

看,就是這樣


四、上傳文件到Github

1,點Upload files

上傳

2,直接將html文件和文件夾拖進去就能上傳了,上傳結束點擊Commit changes.

拖進去

3,瀏覽器輸入 dadalanjing.github.io,就可以看到你的網頁了,但是,發現中文亂碼了。意不意外,驚不驚喜?哈哈

亂碼網頁

4,點開index.html

5,進入編輯模式,在代碼開頭加一條代碼,<!DOCTYPE html> ,至于為啥,可以百度一下這條語句的用途。以后上傳其他的html文件,記得都要編輯添加。

添加代碼

6,重新輸入地址,dadalanjing.github.io,就可以看到正確顯示的網頁了。

正確的網頁

五、自定義域名

到這里是不是一點都不炫酷?我們自己的網站需要一個自己的域名打開才行,上面一大串是什么鬼。當然,你滿足于上面的鏈接打開你的博客,這一小節就不用看了。但是,多折騰一下吧。這也是用github做個人博客的意義所在嘛,不然你用簡書就可以了。

1,購買域名,解析到你github的地址,然后就可以了,詳細的過程,給個鏈接你們看看(我好懶,不想寫了)

綁定自己的域名到github個人主頁

后記

這篇教程是為了不會用git,不會編程的小白用戶寫的。

生成的網頁是靜態的,想要更炫酷的,你可以用wordpress這樣的模版(但是也有學習成本在里面的)

方法是有限的,但想象力是無限的。

隨手點個贊唄,讓我知道我做的事情還是有意義的噻。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容