1. 程式人生 > >使用Gitee+Hexo搭建高速穩定的個人部落格

使用Gitee+Hexo搭建高速穩定的個人部落格

為何使用Gitee而不是GitHub

目前國內訪問GitHub速度慢,還可能被牆,所以Gitee來構建個人部落格。Gitee類似國內版的GitHub,訪問速度有保證。

環境要求

  • Git
  • NodeJs
    預設你已經安裝了Git和NodeJS(推薦使用cnpm)

開始搭建

1. 安裝Hexo

開啟 shell 終端,輸入命令`npm install -g hexo`
$ sudo cnpm install -g hexo
Password:
Downloading hexo to /usr/local/lib/node_modules/hexo_tmp
Copying /usr/local/lib/node_modules/hexo_tmp/
[email protected]
@hexo to /usr/local/lib/node_modules/hexo Installing hexo's dependencies to /usr/local/lib/node_modules/hexo/node_modules [1/27] [email protected]^1.0.7 installed at node_modules/[email protected]@abbrev [2/27] [email protected]^1.0.0 installed at node_modules/[email protected]@archy [3/27]
[email protected]
^0.2.1 installed at node_modules/[email protected][email protected] [4/27] [email protected]^3.6.1 existed at node_modules/[email protected]@js-yaml [5/27] [email protected]^3.4.0 installed at node_modules/[email protected]@bluebird [6/27] [email protected]^2.3.1 installed at node_modules/
[email protected]
@chalk [7/27] [email protected]^0.2.2 installed at node_modules/[email protected]@hexo-front-matter [8/27] [email protected]^3.0.4 installed at node_modules/[email protected]@minimatch [9/27] [email protected]^1.0.2 installed at node_modules/[email protected]@pretty-hrtime [10/27] [email protected]^0.6.3 installed at node_modules/[email protected]@hexo-util [11/27] [email protected]^1.1.0 installed at node_modules/[email protected]@hexo-cli [12/27] [email protected]^1.5.0 installed at node_modules/[email protected]@resolve [13/27] [email protected]^2.0.0 installed at node_modules/[email protected]@strip-indent [14/27] [email protected]^4.0.0 installed at node_modules/[email protected]@strip-ansi [15/27] [email protected]^0.2.0 installed at node_modules/[email protected]@text-table [16/27] [email protected]^1.2.0 existed at node_modules/[email protected]@tildify [17/27] [email protected]^1.1.2 installed at node_modules/[email protected]@titlecase [18/27] [email protected]^2.19.4 installed at node_modules/[email protected]@moment [19/27] [email protected]^0.5.14 installed at node_modules/[email protected]@moment-timezone [20/27] [email protected]^0.2.0 installed at node_modules/[email protected]@hexo-log [21/27] [email protected] installed at node_modules/[email protected]@swig-extras [22/27] [email protected]^4.17.5 installed at node_modules/[email protected]@lodash [23/27] [email protected] installed at node_modules/[email protected]@cheerio [email protected] download from binary mirror: {"module_name":"fse","module_path":"./lib/binding/{configuration}/{node_abi}-{platform}-{arch}/","remote_path":"./v{version}/","package_name":"{module_name}-v{version}-{node_abi}-{platform}-{arch}.tar.gz","host":"https://cdn.npm.taobao.org/dist/fsevents"} [24/27] [email protected]^3.1.2 installed at node_modules/[email protected]@nunjucks [25/27] [email protected]^2.0.2 installed at node_modules/[email protected]@swig-templates [26/27] [email protected]^0.2.0 installed at node_modules/[email protected]@hexo-fs [27/27] [email protected]^2.2.0 installed at node_modules/[email protected]@warehouse execute post install 2 scripts... [1/2] scripts.postinstall [email protected]^3.1.2 run "node postinstall-build.js src" [1/2] scripts.postinstall [email protected]^3.1.2 finished in 109ms [2/2] scripts.install [email protected][email protected][email protected]^1.0.0 run "node install" [fsevents] Success: "/usr/local/lib/node_modules/hexo/node_modules/[email protected]@fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node" already installed Pass --update-binary to reinstall or --build-from-source to recompile [2/2] scripts.install [email protected][email protected][email protected]^1.0.0 finished in 306ms deprecate [email protected]^1.1.2 no longer maintained Recently updated (since 2018-08-01): 1 packages (detail see file /usr/local/lib/node_modules/hexo/node_modules/.recently_updates.txt) 2018-08-06 → [email protected][email protected]^1.0.5(1.0.6) (14:32:36) All packages installed (280 packages installed from npm registry, used 4s, speed 1.65MB/s, json 236(1.51MB), tarball 5.8MB) [[email protected]] link /usr/local/bin/[email protected] -> /usr/local/lib/node_modules/hexo/bin/hexo

注:如果提示許可權錯誤,命令前加sudo,cnpm 是淘寶的開源映象,國內訪問比npm快。

2. 初始化Hexo

在你的電腦上建立Hexo資料夾,在shell終端中切換到Hexo目錄,輸入命令 hexo init

$ cd /work/Hexo 
/work/Hexo $ hexo init
INFO  Cloning hexo-starter to /work/Hexo
Cloning into '/work/Hexo'...
remote: Counting objects: 65, done.
remote: Total 65 (delta 0), reused 0 (delta 0), pack-reused 65
Unpacking objects: 100% (65/65), done.
Submodule 'themes/landscape' (https://github.com/hexojs/hexo-theme-landscape.git) registered for path 'themes/landscape'
Cloning into '/work/Hexo/themes/landscape'...
^Cwarning: Clone succeeded, but checkout failed.
You can inspect what was checked out with 'git status'
and retry the checkout with 'git checkout -f HEAD'

INFO  See you again

初始化完成後Hexo的目錄結構:
初始化後目錄結構

3. 獲取部落格主題

在shell中輸入命令:git clone https://gitee.com/xiuxiuing/hexo-theme-even themes/even

/work/Hexo $ git clone https://gitee.com/xiuxiuing/hexo-theme-even themes/even
Cloning into 'themes/even'...
remote: Counting objects: 136, done.
remote: Compressing objects: 100% (123/123), done.
remote: Total 136 (delta 4), reused 128 (delta 2)
Receiving objects: 100% (136/136), 264.27 KiB | 556.00 KiB/s, done.
Resolving deltas: 100% (4/4), done.

克隆完成後,在/Hexo/themes目錄下,可以看到 landscapeeven 兩個資料夾。
我們所要使用的主題都是放在這個目錄下,Hexo預設使用的是landscape主題,由於第二步Hexo初始化時主題沒有clone成功,所以我們這一步克隆了even主題,接下來會使用even主題進行演示。
想獲取更多主題,可在網站:https://hexo.io/themes/ 選擇自己喜歡的主題,按照此步的步驟clone下來。

4. _config.yml對部落格進行基礎配置

_config.yml檔案修改,儲存
_config.yml

5. 本地預覽部落格

編譯專案,輸入命令:hexo g
執行專案,輸入命令:hexo s

$ hexo g
INFO  Start processing
INFO  Files loaded in 186 ms
INFO  Generated: archives/2018/08/index.html
INFO  Generated: archives/index.html
INFO  Generated: archives/2018/index.html
INFO  Generated: index.html
INFO  Generated: 2018/08/08/hello-world/index.html
INFO  5 files generated in 242 ms
$ hexo s
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

在瀏覽器中輸入`http://localhost:4000/``就可以看到效果啦

部署部落格到Gitee上

1. 建立Gitee賬號

到碼雲:https://gitee.com/ 上申請註冊賬號,碼雲類似國內版的GitHub,所以操作介面跟GitHub差不多,多了一些國產化的東西,這裡不做更多介紹了,自己研究下。

2. 建立專案

建立專案
建立完成後,在專案中複製專案地址。

3. 在_config.yml中配置Git

deploy:
  type: git
  repo: https://gitee.com/xiuxiuing/blog.git
  branch: master

注意:冒號後面一定要有空格,否則不能正確識別。

4. 釋出到Gitee

輸入命令npm install hexo-deployer-git --save 安裝自動部署釋出工具
輸入命令hexo clean && hexo g && hexo d 釋出部落格,首次釋出需要在shell中輸入賬號和密碼。

5. Gitee Pages設定

在專案的服務中選擇Pages選項
Pages
選擇 master分支,點選 部署/更新
部署
稍等一會兒部落格就釋出成功啦,訪問部落格地址:https://xiuxiuing.gitee.io/blog,就可預覽線上部落格啦!!!
如果部落格的樣式不對,則需要在_config.yml中配置下部落格地址和路徑:

url: https://xiuxiuing.gitee.io/blog/
root: /blog

再執行命令hexo clean && hexo g && hexo d 就可以啦。

至此,我們的部落格就搭建完成啦!!!
/Hexo/source/_posts目錄下就可以寫我們的部落格啦!!!

覺得不錯,麻煩幫忙分享給朋友,謝謝各位啦!!!

相關推薦

使用Gitee+Hexo搭建高速穩定個人部落

為何使用Gitee而不是GitHub 目前國內訪問GitHub速度慢,還可能被牆,所以Gitee來構建個人部落格。Gitee類似國內版的GitHub,訪問速度有保證。 環境要求 Git NodeJs 預設你已經安裝了Git和NodeJS(推薦使用cnpm)

GitHub pages + Hexo 搭建自己的個人部落

hexo是一個非常簡單簡潔的部落格系統,因為不喜歡wordpress的臃腫然後就轉Hexo。 這是我自己搭建好的部落格 第一步:配置GitHub pages 首先需要一個GitHub賬號 然後可以 具體可參照官方教程 第二步:安裝node.js 下載安裝包 安裝的時候選擇一下

Github+hexo搭建自己的個人部落

Git的安裝 下載連結 下載並且安裝之後桌面滑鼠單擊右鍵出現Git Bash Here 代表安裝完成 或者cmd命令列輸入 git --version 提示版本資訊代表安裝成功 node.js的安裝 下載地址 操作簡單,傻瓜式安裝,狂點下一步 下載並安裝

通過GitHub和Hexo搭建自己的個人部落

搭建個人部落格在我大學的時候建過一次,那時候是用新浪雲和Wordpress搭建的,那時候新浪雲服務是免費的,後來變收費,部落格就沒有了。之前便想著再弄個自己的部落格出來,這幾天就著手弄了起來。 看到很多人的個人部落格是用github來當伺服器,然後通過He

本地計算機安裝Hexo框架建立簡易個人部落,買個域名即可放到網上

1.安裝git:https://git-scm.com/download/win 下載完一路next安裝即可,開啟安裝目錄的git-bash.exe,用管理員許可權開啟,出現$的輸入提示符說明成功,如圖 在隨便一個盤裡建立一個hexo的資料夾放部落格,最好資料夾在那個盤的根目錄,

手把手教你搭建自己的個人部落(上)

前言 雙十一的時候,趁著阿里雲作活動,買了一年最便宜的雲伺服器,準備搭建一個自己的個人部落格(當然主要是為了裝13),目前域名正在備案之中,自己以前主要偏向於c++底層,基於Qt做一些網路通訊方面的開發,對於伺服器沒有多少認識,也算是邊實踐邊學習吧。 搭建環境

如何在Github搭建自己的個人部落

Github Page 與 Jekyll github本來是一個程式碼倉庫,用於存放使用者的各種開源專案。 開源專案當然需要有專案介紹,複雜一些的專案,一個readme.md是不夠的。 所以github就提供了一個叫Github Page的功能,為你提供一

Hexo部落系列(一)-利用Hexo v3.8打造個人部落

相關連結 Hexo官網文件:https://hexo.io/zh-cn/docs/ Git官網:https://www.git-scm.com/ Pro Git:https://www.git-scm.com/book/zh/v2 Windows系統上的環境安裝 安裝Git 下載

搭建 Github Pages 個人部落網站

目錄 引言 關於部落格 寫部落格對於程式猿來說,應該是個優秀的習慣,個人也覺得蠻高大上的 ^_^。網上的部落格論壇網站也多種多樣,個人覺得在長久以來的不斷競爭淘汰中,各大網站的功能等可能都相差無幾了,選擇自己稍微偏好的

使用node.js搭建簡易的個人部落(一)

node.js和express應用框架的啟動 首先需要在電腦上安裝node.js的開發環境,安裝好之後,就可以使用它了。這裡我使用的開發工具是webStorm,然後使用 npm install --save express命令來安裝express模組;

基於Github Pages + docsify,我花了半天就搭建好了個人部落

目錄 前言 一些說明 準備工作 上docsify官網看一看 使用docsify命令生成文件站點 部署到Github上 寫在最後 前

輕鬆代建個人部落 Hexo+Github一步步搭建屬於自己的部落

使用Hexo+Github一步步搭建屬於自己的部落格(基礎) 前言:電腦系統為window 10專業版,64位   歡迎預覽 我的部落格  

使用Hexo搭建個人部落,極速高效簡潔,新手小白可操作

目錄 只需要兩步 第一步程式碼部分: 第二部分放置程式碼 https://www.cnblogs.com/blogjun/articles/8289977.html 詳細操作可參考上文 這裡說一下大概的原理吧(純屬個人觀點,如有疑問請評論回去,接懟) 只需要兩步

使用Hexo+Github搭建個人部落

個人部落格:             技術部落格:http://messi1002.top/             閱讀部落格:http://www.read1002.t

Hexo + github pages + 阿里雲繫結域名搭建個人部落

申請域名 萬網購買的域名,地址:https://wanwang.aliyun.com/domain/com?spm=5176.8142029.388261.137.LoKzy7 控制檯進行解析 控制檯->域名與網站(萬網)->域名->域名列表->解析 設定主機記錄www

github + hexo 搭建個人部落教程

Github Pages介紹 本來用於介紹託管在Github上上的專案,由於它的空間免費穩定,因此適合用來搭建部落格。 每個帳號只能有一個倉庫來存放個人主頁,且倉庫的名字必須是使用者名稱/ username.github.io。你可以通過http://username.github.io

GitHub、Node.js和Hexo搭建個人部落

GitHub、Node.js和Hexo搭建個人部落格 1.Git 1.1、下載 下載地址:https://git-scm.com/downloads 1.2、Git安裝 雙擊安裝,點選Next 填寫安裝路徑,點選Next 選中安裝內容,點選Next

基於 Hexo + GitHub Pages 搭建個人部落

參考 markdown一些語法 1、 --- title: Hello Blog --- 2、連結[CSDN](https://blog.csdn.net/owenfy) 3、大小標題 ## Quick Start ### Create a new post 4、中間

Mac上基於hexo+GitHub搭建個人部落(一)

之前一直使用部落格園和簡書,但是部落格園太複雜,而簡書雖然很簡單,但是沒什麼新鮮感,偶然得知hexo+github可以搭建自己的部落格,主要是可以自己定主題,還很simple,因此,找了個時間,自己搞了一下,感覺還可以,就自己弄了一個。 1 環境配置 Hexo官網上有搭建文件! 1.1 安

使用Hexo + GitHub Pages 搭建個人部落

一.前言   之前是在CSDN上寫部落格的,但是無奈其廣告滿天飛,還有因為個人不太喜歡CSDN部落格裡的一些東西,加上看到很多技術大牛都有自己的個人部落格,於是乎!便想著搭建一個自己的個人部落格。其實之前寫部落格還是追求於有很多人來看,以滿足自己這樣的一個慾望,後來慢慢覺得寫部落格無非是記錄一下自己成長的歷