1. 程式人生 > >使用coding和hexo快速搭建部落格

使用coding和hexo快速搭建部落格

歡迎訪問我的個人部落格皮皮豬:http://www.zhsh666.xyz

今天教大家怎麼用hexo快速搭建自己的部落格。我不是專業人士,不懂前端知識,所以我十分討厭那些專業術語,講了一大堆,對於技術小白來說,就像聽天書一樣,雲裡霧裡的。所以下面的內容都是我自己的理解,語言很通俗,有可能說的不那麼專業,還望專業人士勿噴。
首先宣告一點,剛開始搭建部落格會比較麻煩,有很多東西大家可能以前沒有聽說過,不要怕,耐著性子一邊看教程一邊動手操作,你一定能夠做出來的!好吧,廢話不多說,現在開始!

hexo

hexo是一種部落格框架,所謂框架,就是為了解決和處理一個複雜問題的結構,簡單地說,用已經搭建好的框架來搭建部落格,就不需要自己一磚一瓦地去構造了。

git

git是一種版本管理系統。當我們要開發一款軟體時,軟體有很多的功能需要完善,所以會出現很多版本,比如1.0,2.0等等,但是,當我們升級到高版本後,突然發現曾經的版本更好用,這時候該怎麼辦呢?那麼git就是記錄你們每次改版發生的改動,當你想要退回到某一個曾經的版本時,那麼就用git直接回退到曾經的版本就可以了。這時候你可能會問,為什麼你不把曾經的版本備份下來呢?這樣不是更方便嗎?想法很簡單,但是一個軟體有很多的版本,而且有些軟體還很大,所以這樣直接備份會佔用很大空間,會浪費很多資源。而且,git會記錄軟體改版的詳細資訊,包括改版的時間,哪個檔案發生了變化等等,所以用git管理開發十分方便,這也是未來的趨勢。注意的是,git需要用命令列管理。

GitHub和coding

這兩個是線上的版本管理系統,你可以理解為線上的git,同時他們還有社群的性質。不同的是,GitHub是國外的,也可以說是世界的,因為有很多大牛在上面貢獻自己的開原始碼,包括Google,蘋果,微軟等等世界一流的工程師,在上面開發軟體,會有更多的大牛給你提出意見,幫助你完成開發。而coding是中國的,相對來說名氣更弱一些,但是訪問速度快,還可以免費擁有私人倉庫。所以,這篇教程我們使用coding pages部署部落格。(注意:coding已被騰訊雲收購)

需要下載的東西

1.git

2.node.js

3.notepad++

4.hexo

(這個需要用git命令列下載,沒有安裝包,需要在電腦的某一個盤裡新建一個資料夾,名字可以隨便取,比如hexo,用來存放你的部落格程式碼,進入這個資料夾,右鍵,你會看到有git bash hexo的選項,點選,你就進入了git命令列,輸入命令 npm install hexo-cli -g,稍等片刻,下面出現一堆英文,那證明已經下載完hexo了!)

hexo的步驟不再重複,全在之前的部落格裡 點這裡跳轉

Step1:此時我們需要建立一個coding賬號(注意codding已被騰訊雲收購,點選此處跳轉),然後新增一個專案,專案名為你的coding賬號名,例如我的賬號名是Zevs6,所以我新建的專案為Zevs6,注意要在初始化專案那一項打勾

Step2:進入專案 -> 設定 -> 部署公匙 ->新建部署公匙,給專案新增公匙SSH,ssh公匙獲取方法和github一樣直接在本地找到使用即可,在之前部落格點這裡跳轉 第四步有詳細的介紹。公匙名稱可以不填,但是授予推送許可權選項必須打勾,這樣你才有寫許可權

Step3: 在你的域名管理平臺中(比如阿里雲,騰訊雲之類的),域名 ->管理-> 解析域名,增加一條CNAME資訊,記錄值為 youruser.coding.me(youruser為你的coding使用者名稱)例如我的:

Step4:等到第三步的解析生效(最長十分鐘),在coding中,專案 -> 程式碼 -> Pages服務中,一鍵部署Pages。在Pages的設定裡,自定義自己的域名並繫結(域名前加www.字首)

Step5:在本地部落格路徑下,修改_config.yml下的deploy,改為:

deploy:
  type: git
  repo:
      coding: [email protected]:yourname/yourname.git,master

格式一定要正確!!!不然會報錯!!!

Step6:

​ 在本地部落格路徑下,執行命令:

hexo clean
hexo g
hexo d

hexo d 部署成功時會提示然您輸入賬號密碼驗證

相關推薦

使用codinghexo快速搭建部落

歡迎訪問我的個人部落格皮皮豬:http://www.zhsh666.xyz 今天教大家怎麼用hexo快速搭建自己的部落格。我不是專業人士,不懂前端知識,所以我十分討厭那些專業術語,講了一大堆,對於技術小白來說,就像聽天書一樣,雲裡霧裡的。所以下面的內容都是我自己的理解,語言很通俗,有可能說的不那麼專業,

hexo快速搭建部落

hexo快速搭建部落格 hex主頁: https://hexo.io/zh-cn/ 1.安裝建立並啟動 #建立一篇新文章 $ hexo new “My New Post” $ hexo init blog $ cd blog

hexo-github搭建部落詳細教程

我是跨考計算機研究生的複合型學渣一枚,接觸考研之前還沒學高等數學。現在研一入學沒多久,感覺自己很健忘,於是乎決定開始寫點東西,記錄自己的學習歷程,並且想跟大家多多討論,希望大家多多指教。今天用Hexo+github搭建了個部落格,並把全程都記錄了下來。 node.js安裝 下載安裝

Django 快速搭建部落 第七節(文章詳情頁,markdown語法)

更多最新原創文章請訪問:最新原創主頁 更多最全原創文章請訪問:更多原創主頁 上一節我們把真正的index.html顯示出來了,只是一個摘要,接下來我們要做的是當我們點選標題或者繼續閱讀的時候,會開啟詳情頁 1 base.html的

hexo github搭建部落常用的命令

這些命令你都用過嗎?npm install hexo -g #安裝 npm update hexo -g #升級hexo init #初始化hexo new "postName" #新建文章hexo new page "pageName" #新建頁面hexo generate

Mac下Hexo+GitHub搭建部落圖文教程

安裝Node 從官網下載好一步步安裝就行了,或者從這下載node-v4.3.1安裝,密碼: 3n33。 安裝Git Xcode自帶Git,詳細安裝方法自行搜尋。 安裝Hexo Node和Git安裝完成後,在終端下輸入下面的命令: s

hexo+github 搭建部落

hexo+github搭建部落格 這個管用。 categories顯示為空白 在hexo new page “categories”、hexo new “文章標題”,並且在文章標題.md中的categories中添加了分類資訊之後部署,發現cate

如何使用jekyllgithub pages搭建部落

安裝jekyll 在linux或mac系統中,開啟終端,輸入如下: ~ $ gem install jekyll bundler ~ $ jekyll new myblog ~ $ cd myblog ~/myblog $ bundle exec jek

Django 快速搭建部落 第三節(資料庫表設計)

上一節我們已經能在pycharm下新建了blog app了, 這個時候,我們需要設計一下部落格的資料庫設計 關於資料庫表的設計,作為新手的我們並不需要要求懂太多稍微的懂一些也就可以了,畢竟資料庫也是需要有一定的功底的, 這裡我們依據部落格學習,將部落格表

Django+python+eclipse 快速搭建部落blog

1.新建Django專案 選擇sqlite資料庫 2.建立部落格模組app 3.測試新建的模組是否正常 4.編輯程式碼 4.1修改 blog.models.py from django.db import model

Hexo + yilia 搭建部落可能會遇到的所有疑問

前提 為什麼會再次寫這篇部落格?請看下圖: 這是我部落格搜尋引擎的主要關鍵字。為什麼會有這些關鍵字呢? 我猜估計是曾經寫了幾篇關於搭建部落格的文章,被搜尋引擎收入了,所以搜尋引擎才會將這些流量引導至我的部落格,文章如下: 那還有這

Hexo+NexT(零):最全Hexo+Next搭建部落教程

快速、簡潔且高效的部落格框架 有位大神說,喜歡寫部落格的人的人,折騰部落格會經歷三個階段。找到一個免費空間,搭建一個部落格,很欣喜,很有成就感,此為一階段;受限免費空間各種限制,自己買空間和域名,實現對部落格的完全控制,此為二階段;管理網站太累,只想安安靜靜碼文字,管理網站這種瑣事,交給專業的人士去打理吧

快速搭建部落:寫作技巧

前言 這篇博文講的Typora,不止可以用來寫個人部落格,還可以用來寫部落格園,加上自己搞個床圖,在Typora上傳圖片就自動上傳床相簿上去,真的很方便。也可以在CSDN寫部落格,然後在那邊複製過來,使用的是CSDN的床圖。 我用部落格園說的Windows Live Writer這個安裝不了。 1. Hexo

通過GitHubHexo搭建自己的個人部落

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

使用 Hexo GitHub 搭建部落,出現 hexo -d 報錯

問題描述 G:\blog>hexo d INFO Deploying: git INFO Setting up Git deployment… ‘git’ �����ڲ����ⲿ���

關於GitHexo+GitHub搭建個人部落的記錄

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

mac os x環境下使用git+hexo搭建部落:沒想到你們是這樣的npmhexo

hexo deploy出現這個: { [Error: Cannot find module './build/Release/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' } { [Error: Cannot find module './bu

使用GitHub Pages + Hexo 快速搭建個性化部落(二)-購買並解析域名

購買域名 在此選擇的Godaddy, 登入官網http://www.godaddy.com,註冊賬戶 ————————我是間隔線—————————— 登入後選擇購買域名服。 —

部署到githubcoding上的hexo的個人部落繫結同一域名

因為GitHub速度不夠快,為了實現國內訪問coding,國外切換至GitHub的進行如下操作。 實現步驟: 1、阿里雲 購買的域名xiaofengbi.top,在阿里雲控制檯【域名服務】新增四條解析記錄 2、Coding平臺下: 【pages 服

淺析 Hexo 搭建部落的原理

一直在用 Hexo 寫部落格,但是對其原理並不是很清晰,在網上找了一些資料,對 Hexo 有了新的認識,現在就來記錄一下 使用 Hexo + github pages 搭建部落格 記得剛開始知道 Hexo + github pages 搭建部落格是在 2016 年,那時候,閨蜜非常激動的給我