天天看點

在Gitee上搭建個人部落格

最近幾天心血來潮,想要自己搞一個部落格。說幹就幹。對于我這種不想花錢又追求美觀的白嫖玩家來說,在Github上搭建的Github Page就成了不錯的選擇。在Github Page上成功搭建之後,速度實在是太慢了,偶爾還會挂掉。于是我通過将代碼轉移到Gitee上,生成Gitee Page,得到了一個我既沒有花一分錢,速度又快,又美觀,整起來還不費勁的個人部落格了。 接下來我會簡單還原一下我配置個人部落格的過程~

Github Page的搭建

我找到的教程是這位大神的文章,寫的十分詳細,👉利用Github Page快速搭建個人部落格,套用的模闆也來自這裡。

這裡主要說一下我踩到的坑和一些提示。

  1. 由于項目檔案偏大,在clone項目的時候,可以通過工具人碼雲Gitee進行加速。我們在

    fork

    對應模闆之後,在碼雲裡還可以建立一個倉庫(建議是和自己使用者名同名的倉庫,名字都要全英文,之後放到Gitee時可以生成更簡潔的域名)并從Github導入項目,之後再從Gitee将代碼

    clone

    下來,速度超快,這樣就不用翻,也不用處理翻之後出現的一系列問題了 。
  2. 改動時動作不要太大,每次改一點,友善發現問題。即時關注郵箱。
  3. 按照大神的教程,第一次

    push

    上去之後,通路

    xxx.github.io

    可能是未部署的。這時要自行在Github項目頁面的

    Settings

    裡設定Github Page的

    source

    為master分支并建立Page。即時關注郵箱!!!Github很多通知都是通過發郵件的方式進行的。比如第一次部署頁面時,一般就會收到一個郵件提醒。
  4. 本地

    push

    時,可以隻設定Github一個遠端倉庫,也可以設定Gitee,Gitee上本身就有同步對應Github倉庫的功能。如果之後你不打算在Github上建立Page,也可以隻向Gitee的倉庫

    push

  5. 安裝

    Ruby+gem+jekyll

    是為了能夠在本地的端口檢視浏覽界面,調試程式時比較有幫助。你也可以僅僅在本地進行修改,push上去後線上檢視結果。
  6. 在浏覽器檢視頁面時,按

    F12

    可以進入開發者模式,檢視目前頁面的各種元件在源碼的位置,實乃前端開發之利器!
  7. 網上有非常多的線上制作logo和線上壓縮圖檔大小的網站。logo可以在這些網站既有的方案中選擇。
  8. Github Page在接收到最新的

    push

    時,可以直接自動重新部署,但是需要花費五分鐘左右的時間,如果浏覽器顯示該頁面沒有變化,嘗試重新整理頁面或者清除目前頁面的

    cookie

  9. 如果您不幸地采用了代理加速操作,導緻退出後Github上不去,可以修改

    hosts

    檔案;如果可以登上Github了,但是圖檔顯示異常,同樣要修改

    hosts

    檔案;關于

    hosts

    檔案,網上的方案現在不一定有效,有些ip的映射需要線上查詢。這些都處理好之後,可能之後Github Page又會顯示該網頁連接配接不安全,采用了

    HTPS

    協定什麼的,不讓你進去,那麼就在

    internet選項-連接配接-區域網路配置

    裡,将所有有打勾的地方都删掉,重新開機一次電腦。如果還是不行,其他的方法都試遍了,确認可能造成的損失後,請嘗試

    重置擴充卡配置

    或者直接

    重置網絡配置

    并重新開機(也不一定有效,放在最後試)。

在Gitee上生成Page

如果您已經擁有了github部落格的倉庫代碼,其實就可以在Gitee上建立部落格了。

建立倉庫方法:

在Gitee上搭建個人部落格

選擇從github/gitlab導入倉庫

在Gitee上搭建個人部落格

填寫github倉庫的url,完成倉庫的建立(命名建議參考碼雲Page幫助)

在Gitee上搭建個人部落格

現在代碼已經放在gitee的伺服器上了,接着需要部署部落格。

在建立的gitee倉庫界面中選擇 服務/Gitee Pages,跟着提示完成gitee部落格的部署。

順帶一提如果你在github上對此倉庫進行了更改,也可以在gitee選擇強制同步

在Gitee上搭建個人部落格

gitee會根據建立倉庫時的url,将所有github部落格倉庫的更新同步到gitee的伺服器上。但是如果需要在部落格中看到變化,還需要在倉庫界面選擇gitee pages服務重新部署一次(github會自動部署部落格,但是gitee不會)

參考碼雲Page幫助,上面總結了可能遇到的所有問題。按照和生成Github Page差不多的操作,就能得到Gitee Page了。

附上我的個人部落格的連結👉Binary Lab

繼續閱讀