使用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
目錄下,可以看到 landscape
和even
兩個資料夾。
我們所要使用的主題都是放在這個目錄下,Hexo預設使用的是landscape
主題,由於第二步Hexo初始化時主題沒有clone成功,所以我們這一步克隆了even
主題,接下來會使用even
主題進行演示。
想獲取更多主題,可在網站:https://hexo.io/themes/ 選擇自己喜歡的主題,按照此步的步驟clone下來。
4. _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選項
選擇 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部落格裡的一些東西,加上看到很多技術大牛都有自己的個人部落格,於是乎!便想著搭建一個自己的個人部落格。其實之前寫部落格還是追求於有很多人來看,以滿足自己這樣的一個慾望,後來慢慢覺得寫部落格無非是記錄一下自己成長的歷