伺服器搭建hexo
㈠ 如何在linux上使用hexo搭建git博客
安裝前提
安裝 Hexo 非常簡單。需要預先安裝:
Node.js
Git
在 Ubuntu 14.04/15.04 上安裝配置 Node.js v4.0.0 http://www.linuxidc.com/Linux/2015-10/123951.htm
如何在CentOS 7安裝Node.js http://www.linuxidc.com/Linux/2015-02/113554.htm
Ubuntu 14.04下搭建Node.js開發環境 http://www.linuxidc.com/Linux/2014-12/110983.htm
Git 伺服器搭建與客戶端安裝 http://www.linuxidc.com/Linux
Ubuntu下Git伺服器的搭建與使用指南 http://www.linuxidc.com/Linux/2015-07/120617.htm
准備條件做好了之後就可以開始安裝Hexo了
安裝Hexo
打開Git Bash 執行命令
1
$ npm install -g hexo-cli
創建博客
Hexo安裝完成後,分別執行如下命令,Hexo會自動生成需要的文件夾
1
2
3
$ hexo init <folder> ##<folder> 為你指定的文件地址
$ cd <folder>
$ npm install
例如:需要將博客搭建在本地的D:\my_hexo下,則分別執行命令:hexo init D:\my_hexo ,cd D:\my_hexo,npm install
執行完命令後如果沒有問題我們就可以執行啟動命令來查看我們的博客了.
本地預覽
1
2
3
$ hexo server ## 啟動服務,默認埠4000
$ hexo server -p xxxx ## 自定義埠啟動服務
$ hexo clean ## 清除緩存,在頁面顯示不正常的時候可以執行此命令
然後在瀏覽器輸入http://127.0.0.1:4000/ 即可訪問
創建Repository
登錄github 點擊右上角的」+」,Create a new repository
Create a new repository
復制剛剛新建的https連接:https://github.com/Admol/admol.github.io.git
打開你hexo目錄下的_config.yml
設置deploy信息,如:
1
2
3
4
deploy:
type: git
repository: https://github.com/Admol/admol.github.io.git
branch: master
設置SSH key
檢驗是否已存在key
分別執行命令
1
2
cd ~
cd .ssh
再執行命令 ls 查看是有已有key文件,一般存在key的話都會顯示id_rsa.pub 和 id_dsa.pub這兩個文件,沒有key什麼都不會顯示
添加一個 SSH key
執行命令(已有key的可以跳過步驟2):
1
2
3
$ ssh-keygen -t rsa -C "[email protected]"
## t 指定密鑰類型,默認是 rsa ,可以省略。 -C 設置注釋文字,比如郵箱或其他。
然後會提示你 Enter Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter,這里是輸入一個文件名用來保存ssh key,也可以什麼都不輸,會使用默認的id_rsa.pub 和 id_dsa.pub
回車之後,需要輸入兩次密碼(該密碼是你push文件的時候要輸入的密碼,而不是github的密碼)
輸入密碼之後,看見如下顯示信息,添加SSH key成功.
Github 設置 SSH key
登錄github,點擊Settings,然後點擊 SSH keys ,在這個頁面你可以管理你所有的ssh keys
然後點擊Add SSH key
用文本編輯器打開剛剛添加的key文件id_rsa.pub,復制裡面的所有的內容
回到github頁面,將復制的內容粘貼到剛剛那個頁面的key對應的文本框裡面,title 可以隨便填寫
測試ssh key 是否添加成功
在命令行輸入:
1
$ ssh -T [email protected]
會出現一段警告代碼,輸入yes回車,然後會要求你輸入剛剛設置的密碼,然後它會和你說:Hi,帥哥....約嗎
到此SSH key就設置完畢了
部署到Github
打開命令窗口,回到你的hexo博客目錄下,如別執行如下命令:
1
2
hexo generate
hexo deploy
等待命令執行完畢後,可以查看代碼是否已提交到github上,然後在瀏覽器輸入admol.github.io就可以訪問了
新建頁面
1
$ hexo new page 'pageName'
執行命令後可以在你本地的/source 目錄下看見以為你新增頁面名為名的文件夾
顯示頁面
打開文件後可以對index.md 進行編輯.然後打開/themes/jacman目錄下的_config.yml文件(自己正在使用的主題),
添加剛剛新增的頁面:
1
2
3
4
5
menu:
首頁: /
統計: /archives
關於: /about
pageName: /pageName ##前面的pageName可以自定義,後面的pageName必須寫剛剛新增的頁面名稱
新建文章
1
$ hexo new [layout] 'name'
[layout] 為可選,不寫默認為post. /source 目錄下的文件夾名稱即為 layout 名
安裝主題
1
$ git clone https://github.com/JamesPan/hexo-theme-icarus.git themes/icarus
更換主題
首先下載主題,然後打開根目錄下的 _cinfig.yml ,修改 theme: 要更換的主題名
修改主題顏色
打開 /themes/jacman目錄下的_config.yml文件,修改:
1
2
theme_color:
theme: '色值'
修改logo圖片
打開主題下的 _config.yml 文件,修改:
1
2
3
4
imglogo:
enable: false ## 是否顯示logo
src: img/logo.gif ## logo圖片地址
favicon: img/qq.ico ## 頁面左上角圖標
Hexo 版本升級
1
$ npm update hexo -g
㈡ 如何用github-hexo搭建一個靜態博客
Hexo搭建Github靜態博客
1. 環境環境
1.1 安裝Git
請參考【1】
1.2 安裝node.js
下載:http://nodejs.org/download/
可以下載 node-v0.10.33-x64.msi
安裝時直接保持默認配置即可。
2. 配置Github
1.1 建立Repository
建立與你用戶名對應的倉庫,倉庫名必須為【your_user_name.github.io】
1.2 配置SSH-Key
參考【1】
3. 安裝Hexo
關於Hexo的安裝配置過程,請以官方Hexo【2】給出的步驟為准。
3.1 Installation
打開Git命令行,執行如下命令
$ npm install -g hexo
3.2 Quick Start
1. Setup your blog
在電腦中建立一個名字叫「Hexo」的文件夾(比如我建在了D:\Hexo),然後在此文件夾中右鍵打開Git Bash。執行下面的命令
$ hexo init
[info] Copying data
[info] You are almost done! Don't forget to run `npm install` before you start b
logging with Hexo!
Hexo隨後會自動在目標文件夾建立網站所需要的文件。然後按照提示,運行 npm install(在 /D/Hexo下)
npm install
會在D:\Hexo目錄中安裝 node_moles。
2. Start the server
運行下面的命令(在 /D/Hexo下)
$ hexo server
[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
表明Hexo Server已經啟動了,在瀏覽器中打開 http://localhost:4000/,這時可以看到Hexo已為你生成了一篇blog。
你可以按Ctrl+C 停止Server。
3. Create a new post
新打開一個git bash命令行窗口,cd到/D/Hexo下,執行下面的命令
$ hexo new "My New Post"
[info] File created at d:\Hexo\source\_posts\My-New-Post.md
刷新http://localhost:4000/,可以發現已生成了一篇新文章 "My New Post"。
NOTE:
有一個問題,發現 "My New Post" 被發了2遍,在Hexo server所在的git bash窗口也能看到create了2次。
$ hexo server
[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
[create] d:\Hexo\source\_posts\My-New-Post.md
[create] d:\Hexo\source\_posts\My-New-Post.md
經驗證,在hexo new "My New Post" 時,如果按Ctrl+C將hexo server停掉,就不會出現發2次的問題了。
所以,在hexo new文章時,需要stop server。
4. Generate static files
執行下面的命令,將markdown文件生成靜態網頁。
$ hexo generate
該命令執行完後,會在 D:\Hexo\public\ 目錄下生成一系列html,css等文件。
5. 編輯文章
hexo new "My New Post"會在D:\Hexo\source\_posts目錄下生成一個markdown文件:My-New-Post.md
可以使用一個支持markdown語法的編輯器(比如 Sublime Text 2)來編輯該文件。
6. 部署到Github
部署到Github前需要配置_config.yml文件,首先找到下面的內容
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type:
然後將它們修改為
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: github
repository: [email protected]:zhchnchn/zhchnchn.github.io.git
branch: master
NOTE1:
Repository:必須是SSH形式的url([email protected]:zhchnchn/zhchnchn.github.io.git),而不能是HTTPS形式的url(https://github.com/zhchnchn/zhchnchn.github.io.git),否則會出現錯誤:
$ hexo deploy
[info] Start deploying: github
[error] https://github.com/zhchnchn/zhchnchn.github.io is not a valid repositor URL!
使用SSH url,如果電腦沒有開放SSH 埠,會致部署失敗。
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
NOTE2:
如果你是為一個項目製作網站,那麼需要把branch設置為gh-pages。
7. 測試
當部署完成後,在瀏覽器中打開http://zhchnchn.github.io/(https://zhchnchn.github.io/) ,正常顯示網頁,表明部署成功。
8. 總結:部署步驟
每次部署的步驟,可按以下三步來進行。
hexo clean
hexo generate
hexo deploy
9. 總結:本地調試
1. 在執行下面的命令後,
$ hexo g #生成
$ hexo s #啟動本地服務,進行文章預覽調試
瀏覽器輸入http://localhost:4000,查看搭建效果。此後的每次變更_config.yml 文件或者新建文件都可以先用此命令調試,尤其是當你想調試新添加的主題時。
2. 可以用簡化的一條命令
hexo s -g
3.3 命令總結
3.3.1 常用命令
復制代碼
hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啟預覽訪問埠(默認埠4000,'ctrl + c'關閉server)
hexo deploy #將.deploy目錄部署到GitHub
hexo help # 查看幫助
hexo version #查看Hexo的版本
復制代碼
3.3.2 復合命令
hexo deploy -g #生成加部署
hexo server -g #生成加預覽
命令的簡寫為:
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
4 配置Hexo
4.1 配置文件介紹
下面的各個部分的介紹,請直接參考【3】。
1. 默認目錄結構介紹
2. _config.yml配置文件介紹
NOTE:在修改_config.yml配置文件時,按照【3】的介紹進行修改後,重新 hexo clean 或者hexo deploy時,可能會出現如下錯誤:
復制代碼
$ hexo clean
[error] { name: 'HexoError',
reason: 'can not read a block mapping entry; a multiline key may not be an imp
licit key',
mark:
{ name: null,
buffer: '# Hexo Configuration\n## Docs: http://hexo.io/docs/configuration.h
tml\n## Source: https://github.com/hexojs/hexo/\n\n# Site\ntitle: Zhchnchn\nsubt
itle: Coding on the way\ndescription: Zhchnchn\'s blog\nauthor: Zhchnchn\nemail:
[email protected]\nlanguage:zh-CN\n\n# URL\n## If your site is put in a subdirect
......
,
position: 249,
line: 12,
column: 0 },
message: 'Config file load failed',
domain:
{ domain: null,
_events: { error: [Function] },
_maxListeners: 10,
members: [ [Object] ] },
domainThrown: true,
stack: undefined }
復制代碼
我的_config.yml配置文件是一個空行,所以錯誤肯定在前面,經過對比發現,我前面修改了一下 # Site的各項設置,在冒號:後面沒留空格導致了該問題,請對比一下下面的區別:
錯誤的設置:
author:Zhchnchn
email:[email protected]
language:zh-CN
正確的設置:
author: Zhchnchn
email: [email protected]
language: zh-CN
3. 各個主題下的目錄介紹(hexo\themes\下的modernist主題為例)
4.2 安裝主題
Hexo提供了很多主題,具體可參見Hexo Themes【4】。這里我選擇使用Pacman主題。具體設置方法如下【5】
4.2.1 安裝
1. 將Git Shell 切到/D/Hexo目錄下,然後執行下面的命令,將pacman下載到 themes/pacman 目錄下。
$ git clone https://github.com/A-limon/pacman.git themes/pacman
2. 修改你的博客根目錄/D/Hexo下的config.yml配置文件中的theme屬性,將其設置為pacman。
3. 更新pacman主題
cd themes/pacman
git pull
NOTE:先備份_config.yml 文件後再升級
4.2.2 配置
如果pacman的默認設置不能滿足需要的話,你可以修改 /themes/pacman/下的配置文件_config.yml來定製。
各個config的含義,請參考【5】中的介紹。
4.2.3 評論框
靜態博客要使用第三方評論系統,pacman配置了多說評論系統(/themes/pacman/_config.yml),默認關閉,只要將其打開即可:false->true。直接用你的微博/豆瓣/人人/網路/開心網帳號登錄多說,即可發表平評論。
#### Comment
oshuo:
enable: true ## oshuo.com
short_name: ## oshuo short name.
4.2.3 統計
1. pacman配置了google analysis系統(/themes/pacman/_config.yml),默認關閉,將其打開。
2. 需要注冊google analysis服務,以獲得 跟蹤 ID。
如果已有google賬戶的話,可以直接注冊。注冊時,需要正確填寫 網站的URL。注冊成功後,會得到一個跟蹤ID,以及一段跟蹤代碼。
3. pacman配置了google analysis系統,將其打開
#### Analytics
google_analytics:
enable: true
id: UA-57032437-1 ## e.g. UA-1766729-8 your google analytics ID.
site: auto ## e.g. yangjian.me your google analytics site or set the value as auto.
4. 在themes\pacman\layout\_partial\google_analytics.ejs 中,已經將google的跟蹤代碼添加進來了【3】。
復制代碼
<% if (theme.google_analytics.enable){ %>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '<%= theme.google_analytics.id %>', '<%= theme.google_analytics.site %>');
ga('send', 'pageview');
</script>
<% } %>
復制代碼
而且會將/themes/pacman/_config.yml中的id和site值讀取進來。
5. 如果設置不起作用,請試試在\themes\pacman\layout\_partial\head.ejs文件中最後,</head>之前,添加上下面的語句試試。
<%- partial('google_analytics') %>
4.3 Custom 404頁面
1. 網上大多數教程都將其說的極其簡單:「直接在根目錄下創建自己的 404.html 就可以」。但我卻在這兒廢了不少時間,究其原因是大家覺得太簡單而說的不夠明白。「根目錄下」指的不是Hexo目錄下,而是Hexo/source目錄下。
2. 404.html的內容可以設置為下面的內容【6】(NOTE: _config.yml中的permalink_defaults屬性不需要修改)。
復制代碼
---
layout: default
---
<html>
<head>
<meta charset="UTF-8" />
<title>404</title>
</head>
<body>
<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8"></script>
</body>
</html>
復制代碼
也可以簡化為這一行:
<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8"></script>
4.4 安裝插件
4.4.1 sitemap插件
1. 可以將你站點地圖提交給搜索引擎,文件路徑\sitemap.xml。
2. 安裝
$ npm install hexo-generator-sitemap
3. 啟用,修改Hexo\_config.yml,增加以下內容
復制代碼
# Extensions
Plugins:
- hexo-generator-sitemap
#sitemap
sitemap:
path: sitemap.xml
復制代碼
4. 使用方法
(1)訪問 http://localhost:4000/sitemap.xml,即可看到站點地圖。
(2)那麼怎麼將它顯示在頁面中呢【7】?
可以修改themes/pacman(也就是你正在使用的那個theme)下的 _config.yml,在 menu 節點下添加下面的內容(下面要介紹的RSS插件也同樣)
menu:
Home: /
Archives: /archives
Rss: /atom.xml
Sitemap: /sitemap.xml
修改後的效果如圖所示:
5. 如何向google提交sitemap
Sitemap 可方便管理員通知搜索引擎他們網站上有哪些可供抓取的網頁。向google提交自己hexo博客的sitemap,有助於讓別人更好地通過google搜索到自己的博客。
如何向google提交sitemap,請參考【8】。
6. 升級插件
$ npm update
7. 卸載插件
$ npm uninstall hexo-generator-sitemap
4.4.2 feed插件
1. RSS的生成插件,你可以在配置顯示你站點的RSS,文件路徑\atom.xml。
2. 安裝
$ npm install hexo-generator-feed
3. 啟用,修改Hexo\_config.yml,增加以下內容
復制代碼
# Extensions
Plugins:
- hexo-generator-feed
- hexo-generator-sitemap
#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20
復制代碼
4.使用方法
參見sitemap插件介紹
5. 優化Hexo
5.1 添加「Fork me on Github」 ribbon
給blog主頁添加一個「Fork me on Github」的綬帶(ribbon)【9】,比如選擇了紅色的ribbon,將相應代碼復制到Hexo正在使用的theme下layout.ejs中。比如我使用的pacman theme,那麼將下面的代碼(注意將you改為你自己的github上的注冊名)
<a href="https://github.com/zhchnchn"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com//" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>
粘貼到 themes\pacman\layout\layout.ejs中,放置在 最後,標簽</body>之前即可。
6 其他
6.1 中文亂碼
在md 文件中寫中文內容,發布出來後為亂碼,原因是md的編碼不對,將md文件另存為「UTF-8」編碼的文件即可解決問題。
References
【1】Windows下Git安裝指南(http://www.cnblogs.com/zhcncn/p/3787849.html)
【2】Hexo (https://github.com/hexojs/hexo)
【3】hexo你的博客(http://ibruce.info/2013/11/22/hexo-your-blog/)
【4】Hexo All Themes(https://github.com/hexojs/hexo/wiki/Themes)
【5】Pacman主題介紹(http://yangjian.me/pacman/hello/introcing-pacman-theme/)
【6】hexo添加404頁面(http://ruocaiwu.github.io/2014/08/14/hexo%E6%B7%BB%E5%8A%A0404%E9%A1%B5%E9%9D%A2/)
【7】如何搭建一個獨立博客——簡明Github Pages與Hexo教程(http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-a-blog/)
【8】如何向google提交sitemap(詳細)(http://fionat.github.io/blog/2013/10/23/sitemap/)
【9】GitHub Ribbons(https://github.com/blog/273-github-ribbons)
㈢ 利用hexo搭建自己的博客,為什麼沒有識別出markdown語法
Hexo 是一個基於nodejs 的靜態博客網站生成器,本身就是支持markdown的。並且會根據markdown(.md)結尾的文檔生成對應的post(文章),可以直接託管在靜態資源託管平台上(如 github page),就可以直接看到一個發布上線的博客站了。
沒法識別markdown語法,排除hexo搭建的問題。就是markdown(.md)文件不符合markdown的語法規則造成的了。檢查一下是否符合markdown的語法要求,可以參考markdown語法規則文檔,比如"#"後面是否空出一個空格(正確寫法是務必要加空格的)。
㈣ 怎麼將hexo部署到github上
安裝完成後,在你喜愛的文件夾下(如C:\Hexo),執行以下指令(在C:\Hexo內點擊滑鼠右鍵,選擇Git Bash),Hexo 即會自動在目標文件夾建立網站所需要的所有文件。
hexo init
END
安裝依賴包
npm install
END
本地查看
現在我們已經搭建起本地的hexo博客了,執行以下命令(在C:\Hexo),然後到瀏覽器輸入localhost:4000看看。
hexo generate
hexo server
END
注冊Github賬號
這里不演示了。
END
創建Repository
創建的時候注意Repository的名字。比如我的Github賬號是angelen10,那麼我應該創建的Repository的名字是:angelen10.github.io。
END
修改配置文件
1
到你剛剛創建的Repository下,找到以下內容:
2
先點擊HTTPS,然後復制裡面的地址。然後編輯_config.yml文件(在C:\Hexo下)。
3
修改文件裡面的deploy。其中的repository就改成你剛剛復制的地址。保存這個文件。
END
設置SSH keys
1
在Git Bash輸入以下指令(任意位置點擊滑鼠右鍵),檢查是否已經存在了SSH keys。
ls -al ~/.ssh
2
如果不存在就沒有關系,如果存在的話,直接刪除.ssh文件夾裡面所有文件:
3
輸入以下指令(郵箱就是你注冊Github時候的郵箱)後,回車:
ssh-keygen -t rsa -C "[email protected]"
4
然後它會提示要你輸入passphrase(如上圖,我沒有輸入直接回車,如果你輸入的話,要記得,到時候會用到)。之後,如果出現類似下圖:
5
然後鍵入以下指令:
ssh-agent -s
6
繼續輸入指令:
ssh-add ~/.ssh/id_rsa
7
輸入之後,在我這里是出錯了,不知道你的有沒有出錯。
8
如果你的也是這樣子出錯了的話,就輸入以下指令:
eval `ssh-agent -s`
ssh-add
9
到了這一步,就可以添加SSH key到你的Github賬戶了。鍵入以下指令,拷貝Key(先拷貝了,等一下可以直接粘貼):
clip < ~/.ssh/id_rsa.pub
10
然後到Github裡面,點擊右上角的設置圖標:
11
在Settings sidebar那裡,點擊SSH keys:
12
點擊Add SSH key:
13
輸入Title,作為這個key的描述吧(你可以輸入Personal MacBook Air,瞬間高大上)
14
然後這個Key就是剛剛拷貝的,你直接粘貼就好(也可以文本打開以下文件):
15
點擊Add Key:
16
輸入你的Github密碼即可完成SSH Key的添加。嗯,最後還是測試一下吧,鍵入以下命令:
ssh -T [email protected]
17
你可能會看到有警告,沒事,輸入「yes」就好。
END
完成部署
1
最後一步,快要成功了,鍵入指令:
hexo generate
hexo deploy
2
OK,我們的博客就已經完全搭建起來了,在瀏覽器輸入(當然,是你的用戶名):
http://angelen10.github.io/
3
注意:每次修改本地文件後,需要鍵入hexo generate才能保存。每次使用命令時,都要在C:\Hexo目錄下。每次想要上傳文件到Github時,就應該先鍵入hexo generate保存之後,再鍵入hexo deploy。大概成功之後是醬紫的:
4
對了,記住上圖的Username是你的Github賬號名稱,而不是郵箱;Password就是你的Github的密碼。
END
Tips
hexo現在支持更加簡單的命令格式了,比如:
hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new
㈤ hexo github搭建個人博客 需要伺服器嗎
可用可不用,伺服器您只需要租用vps即可,很多人做個人博客都是直接需用虛擬主機,價格便宜
㈥ 使用Orange Pi Zero做小小伺服器(hexo博客篇)
hexo官網 https://hexo.io/
初始化完成在目錄下執行:
next主題( http://theme-next.iissnan.com/ )
或是(隨你):
安裝hexo-admin(( https://github.com/jaredly/hexo-admin)[https://github.com/jaredly/hexo-admin] )
訪問http://你的Orange Pi Zero IP:4000/admin
進入設置頁面點擊超鏈接
配置用戶名、密碼和cookie秘鑰,復制圖示紅色框框內的內容
編輯_config.yml在最後粘貼內容
再次訪問後台
大概就寫這么多,當然關於hexo不僅僅就這么點東西,大家可以多去官網看看文檔和其他一些好看的主題與插件 (^-^)V
㈦ Hexo博客部署到騰訊雲伺服器
因為使用github倉庫存放Hexo博客速度太慢,所以自己買了騰訊雲的伺服器,現在開始把博客部署到騰訊雲,由於域名還沒有審核通過,暫時使用公網ip訪問
本地環境: win7
伺服器: 騰訊雲
使用工具: Xshell, Xftp, git
使用Xshell工具(root用戶)遠程登錄騰訊雲
此時打開瀏覽器,輸入公網IP+埠,進入nginx的歡迎頁面
修改根目錄root為/home/www/hexo;
修改域名server_name為你備案的域名 www.xxxx.com ,如果還沒有就不改,有了再改;
找到 root ALL=(ALL) ALL,在下一行添加 git ALL=(ALL) ALL,然後保存
在.ssh目錄下創建authorized_key這一步之後,打開本地存放公鑰的文件id_rsa.pub(github生成ssh密鑰問題不會的可以網路,教程很多這里不細講),復制密鑰到伺服器上的authorized_keys文件中並保存,這樣當你使用ssh遠程連接伺服器時就不用輸入密碼
接著在本地打開git bash用ssh方式遠程連接伺服器 ,登錄成功界面如下圖所示
打開hexo博客配置文件_config.yml 修改repo:git@你的伺服器公網IP:/home/git/hexo.git
執行部署命令之前需要進入本地hexo博客安裝目錄中刪除.deploy_git文件
打開Xftp工具進入/home/www/hexo,看到文件就表示通過git已經提交到伺服器中去了
但此時需要重啟nginx服務才能訪問
走到這一步就算是大功告成,瀏覽器輸入 http://xxx.xxx.xxx.xxx:80/ 進入hexo我的博客主頁了
更新:買的域名備案成功了,歡迎大家訪問 我的Hexo博客
㈧ 怎麼在自己的伺服器上搭建hexo
不同的伺服器搭建方式不同。我用的是小鳥雲的伺服器,挺不錯。舉個例子,github雖然非常好用,而且也已經相當成熟,但由於國內網路原因,導致訪問速度很慢,還經常被牆,於是動手將其同步託管到gitcafe上,這樣既可以解決國內訪問慢的問題,同時也算在github上做了個備份。
㈨ 為什麼很多前端工程師喜歡用hexo搭建博客
簡單快速,生成百篇文章不到一分鍾。可以快速方便的自定義Tag,Renders,Deployer,Generators等。支持Jekyll,Octopress的主題。支持Nodejs插件,完全可以作為前端的試驗場。簡單配置即可發布到Github,Bitbucket,GitLab等git repos,以及VPS和雲伺服器。而且可以集成Vue.js, Reactjs, Angularjs。