1. 程式人生 > >Hexo + GitHub + Coding 雙部落格教程

Hexo + GitHub + Coding 雙部落格教程

1:搭建 Node.js 環境

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境,可以在非瀏覽器環境下,解釋執行 JS 程式碼。
Node.js 官網:https://nodejs.org/en/
下載 Windows版本 安裝保持預設設定即可,一路Next,安裝很快就結束了。
然後開啟,開始選單,執行 CMD ,輸入 node -v 出現版本號則說明 Node.js 環境配置成功,第一步完成!!!

2 : 搭建 Git 環境

Git 是一款免費、開源的分散式版本控制系統,用於敏捷高效地處理任何或小或大的專案。
Git 官網:https://git-scm.com/


下載 Windows版本 保持預設設定即可,一路Next,安裝很快就結束了。
桌面滑鼠右鍵,開啟 Git Bush Here 輸入 git –version 出現版本號則說明 Git 環境配置成功。

3:GitHub 註冊和配置

GitHub 是一個程式碼託管平臺,因為只支援 Git 作為唯一的版本庫格式進行託管,故名 GitHub。
Github註冊:https://github.com/
重要的事情說三篇,註冊的時候 使用者名稱 使用者名稱 使用者名稱 一定要想好,設定好,因為使用者名稱就是你網站的域名,比如我的使用者名稱是 qq835821280 那你的域名就是 qq835821280.github.io

我的使用者名稱就沒有想好,不過我使用頂級域名,修復了這個缺點,如果你也使用頂級域名,使用者名稱可以隨意。

註冊用谷歌瀏覽器,因為有一個翻譯網頁功能,如果你英語好,當我沒說,註冊完了之後,把個人資料設定好,在新建一個倉庫。


轉動滑鼠,把網頁拉到Github Pages這個位置。

訪問你的域名 qq835821280.github.io,如果可以正常訪問,那麼 Github 的配置已經結束了。

4:Coding 註冊和配置

什麼是 Coding ? 你可以理解為 中國的 GitHub 。
優點:是國內訪問速度快,百度收錄你部落格的文章,GitHub裡面的文章,百度蜘蛛爬不到。
缺點:國人開發的東西,你們應該都懂的,說不定哪天就沒有了,需要開通會員,或者在你部落格裡面加 Coding 自身的廣告,不然你自己的域名訪問部落格,需要跳轉一個網頁,蛋疼,所以我們要 雙部落格,Coding國內使用者,GitHub國外使用者。
Coding註冊:

https://coding.net/register

重要的事情說三篇,註冊的時候 使用者名稱 使用者名稱 使用者名稱 一定要想好,設定好,因為使用者名稱就是你網站的域名,比如我的使用者名稱是 qq835821280 那你的域名就是 qq835821280.coding.me

點選 Pages 服務

點選 程式碼
新建檔案 建立一個index.html 檔案

<html>
  <head>
    <title>My Coding Pages</title>
  </head>
  <body>
    <h1>Hello Coding!</h1>
  </body>
</html>

輸入上面的程式碼提交。
訪問你的域名 qq835821280.coding.me,如果可以正常訪問,那麼 Coding 的配置已經結束了。

5:安裝配置 Hexo

Hexo 是一個快速、簡潔且高效的部落格框架,使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
強烈建議你花20分鐘區讀一讀 Hexo 的官方文件:https://hexo.io/zh-cn/
開啟 開始選單 執行 cmd

進入D盤
d:
新建 blog 資料夾
md d:\blog
進入 blog 資料夾
cd blog
安裝 Hexo
npm install -g hexo
初始化 Hexo
hexo init
安裝依賴包
npm install

新建完成後,指定資料夾的目錄如下:
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

生成新的 public 資料夾
hexo g
啟動 Hexo 服務
hexo s

如果 http://localhost:4000 能夠正常訪問,則說明 Hexo 本地部落格已經搭建起來了,
只是本地哦,別人看不到的。下面,我們要部署到 Github 跟 Coding 。

6:部署 Hexo部落格 到 Github 跟 Coding 上

開啟 D:\blog資料夾 資料夾裡面滑鼠右鍵 開啟 Git Bash Here
生成SSH keys 輸入你自己的郵箱地址
ssh-keygen -t rsa -C "[email protected]"
在回車中會提示你輸入三次密碼,我們按三次回車不設定密碼。

測試SSH keys金鑰 不要修改下面的內容
ssh -T [email protected]
ssh -T [email protected]
輸入yes就好,然後會看到:

配置Git 輸入你自己的郵箱地址
git config --global user.name "qq835821280"
git config --global user.email "[email protected]"
開啟 D:\blog資料夾 記事本開啟 或者 notepad++ 開啟 _config.yml檔案
找到Deployment,然後按照如下修改,使用者名稱改成你的:
需要注意的是:冒號後面記得空一格!

初始化git本地倉庫
git init
安裝上傳外掛
npm install hexo-deployer-git --save
刪除舊的 public 資料夾
hexo clean
生成新的 public 資料夾
hexo g
開始上傳 hexo部落格
hexo d

7:域名解析

看著部落格的域名是二級域名,總有一種寄人籬下的感覺,為了讓這個小窩看起來更加正
式,我在阿里雲上買了一個域名,打算將部落格繫結自己的域名。

GitHub 域名設定:


Coding 域名設定:

刪除舊的 public 資料夾
hexo clean
生成新的 public 資料夾
hexo g
開始上傳 hexo部落格
hexo d
等幾分鐘,訪問下你自己的域名。

相關推薦

Hexo + GitHub + Coding 部落教程

1:搭建 Node.js 環境 Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境,可以在非瀏覽器環境下,解釋執行 JS 程式碼。 Node.js 官網:https://nodejs.org/en/ 下載 Window

基於Hexo+GitHub Pages 搭建部落詳細教程

摘要 : 這是一篇有關如何使用Github Pages和Hexo搭建自己獨立部落格的詳盡教程,裡面介紹瞭如何使用和配置Hexo框架,如何將Hexo部署到自己的Github專案中,域名註冊,以及域名的繫結等功能。 前言: 就在一個多月前,我經過百

hexo+github搭建個人部落(超詳細教程)

首先呢,先說一下吧,作為一個程式猿來說,大多的大牛都是使用的是msdn/github這些來交流技術,但是我後來發現csdn上面好多的大牛都已經摒棄csdn,自己搭建個人部落格進行發表文章記錄點滴了。

使用hexo+GitHub搭建個人部落的心得(含教程

Author Email Yaoyao Liu [email protected] 前言 對於廣大CS專業的學生和碼農,找一個地方寫部落格,記錄一些程式設計、配置環境、閱讀論文的心得體會是一個很常見的習

使用Hexo+Github搭建個人部落

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

Hexo + Github搭建靜態部落(一)

快速介紹 Hexo是一個基於Node.js搭建的靜態部落格框架,通過Hexo,使用者可以以博文的方式釋出Markdown文件。結合預設或定製化主題模板(很像其他靜態部落格生成框架,Jekyll或Ghost)博文會被轉化和生成為HTML/CSS。Hexo所需的所有元件都是模組化的,可以按

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

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

Hexo + GitHub搭建靜態部落(二)

快速介紹 本文是 Hexo + GitHub 搭建靜態部落格(一) 內容上的延展,Hexo 環境的搭建、依賴的下載請根據上文自行配置。 本文主要介紹 Hexo 的 歸檔、標籤、分類,以及依靠外掛支援的 評論、站內搜尋、字數統計 等功能。 歸檔、分類、標籤 三者是眾多部落格模板

Mac下Hexo+GitHub搭建個人部落

Mac下Hexo+GitHub搭建個人部落格 環境搭建 Node和Git安裝完成後,在終端下輸入下面的命令: sudo npm install -g hexo 初始化hexo 在使用者目錄下建立名為hexo的資料夾 mkdir hexo 然後cd到此目錄下

使用Hexo+Github+Ubuntu搭建部落

Ubuntu 安裝nodejs sudo apt-get install nodejs 安裝git sudo apt-get install git Github

HexoHexo+Github構建個人部落 (三):新增面板主題

一、選擇主題 選擇你自己喜歡的主題 參考: 二、配置主題 1.我選擇了hexo-theme-yilia這個主題,簡潔大方,功能齊全; 2.具體新增方法: 安裝 git clone https://github.com/litten/hexo-theme-yilia.

hexo + github pages搭建部落樣式載入不出來

搭建hexo部落格時樣式總是報404載入不出來 對於如何搭建hexo部落格網上有很多關於使用hexo + github pages搭建個人部落格的部落格,按照部落格內容也都可以搭建起來。執行後在本地伺服器都可以實現訪問,但是通過域名訪問時卻遇到樣式載入不出來的問題,查詢該問題也沒找到清晰

關於Git和Hexo+GitHub搭建個人部落的記錄

前言 本來想通過vue.js+nodejs+mongo構建個部落格專案,一方面可以實踐新技術,另一方面也可以有自己的個人部落格,後來因為各種拖延,一直沒開始,(lll¬ω¬),突然看到朋友都在使用git, 也想試試手,剛好又看到大家都用github的pag

Linux環境下使用hexo+github搭建個人部落

前言 相當前天刷知乎,看見別人的blog的是放在github上,最近也剛學會使用github,也想嘗試著將自己的blogs放在github上;昨天曾經Google查詢資料,嘗試著自己搭建但是無奈出現問題,最後一步安裝hexo失敗了;今天不甘心,又去查閱了hexo的官方文件。

hexo+github搭建個人部落

v 大概可以分為以下幾個步驟 搭建環境準備(包括node.js和git環境,gitHub賬戶的配置) 安裝Hexo 配置Hexo 怎樣將Hexo與github page 聯絡起來 怎樣釋出文章 主題 推薦 主題Net的簡單配置 新增sitemap和fe

Hexo+GitHub搭建靜態部落平臺(三)-Next主題基本使用

部落格網站搭建好後就是為自己的網站設定一個美觀的主題了, hexo 官方提供了許多官方主題,還有許多別人編寫的主題,例如:hexo-theme-jekyll 和 hexo-theme-yilia。還有很多就不一一列舉了,我將介紹也是我在使用的 Next主題 。

詳細介紹用Hexo+Github建立個人部落

以前自己也用買的伺服器搭建過個人部落格,折騰了好久,由於一些原因放棄了,現在發現用Hexo和Github也可以實現搭建個人部落格,於是又重新折騰了一番,途中也遇到很多坑,但是這樣的方式不需要花費錢,也比較簡單,所以在這裡我想把自己的過程詳細的寫下來。 搭建過程具體來說有一

hexo系列:使用Hexo+github建立獨立部落

前言:牛不牛的都使用個人部落格、咱也跟著潮流走,主要個人也挺喜歡hexo這種簡約部落格,來體驗一把.... 注:此為windows下教程 1.安裝git下載地址:git下載地址   安裝就不說了大家

Hexo+Github搭建個人部落(一)

前言 經常在檢視技術文章時跳轉到大佬們的個人部落格,看起來很酷很炫。也想自己搭一個。嗯,於是有了這篇部落格。 基礎概念 個人以為,學習使用一項技術之前首先要簡單瞭解下它的基本概念,不要一上來就幹~沒前戲是不行的。所以我們不妨先來看一下Hexo 和 Gi

使用hexo+github pages搭建部落

為什麼寫部落格 就如我在部落格主頁上所說,主要有三點: 記錄與分享 錘鍊技術,提高寫作能力和表達能力 樹立個人品牌,提高影響力 而在此部落格之前,我在CSDN上(小旋鋒的部落格)寫過一些部落格,截止於2018年5月23日,個人資料如下: 當我在C