在我的服務器利用hexo搭建博客

準備

一、 一臺主機
個人是阿里雲(CentOS系統)
二、 node.js
能夠參照我這篇文章搭建環境
https://segmentfault.com/a/11...
三、 git
安裝後查看版本正常輸出表明安裝成功node

$ sudo yum install git-core
$ git --version
git version 1.8.3.1

Hexo 安裝

$ npm install -g hexo-cli
$ hexo version
hexo-cli: 1.1.0
os: Linux 3.10.0-693.2.2.el7.x86_64 linux x64
http_parser: 2.7.0
node: 9.3.0
v8: 6.2.414.46-node.15
uv: 1.18.0
zlib: 1.2.11
ares: 1.13.0
modules: 59
nghttp2: 1.25.0
openssl: 1.0.2n
icu: 60.1
unicode: 10.0
cldr: 32.0
tz: 2017c

新建博客

注:我當前的目錄是/home
一、 創建文件夾linux

$ hexo init blog

二、安裝nginx

$ cd blog
$ npm install

三、 生成靜態頁面git

$ hexo g

四、 啓動hexo博客github

$ hexo s

這時候訪問 ip:4000 你就能預覽到hexo默認主題的頁面了(看起來應該有點醜 ...)
沒事,下一步教你更換主題npm

更換hexo主題

註釋: 我這裏選擇next主題
一、 下載next主題vim

$ cd /home/blog/theme
$ git clone https://github.com/iissnan/hexo-theme-next

這樣theme文件夾下會多出一個新的主題。
二、 配置hexo主題(_config.yml)segmentfault

cd /home/blog
vim _config.yml

主要是配置theme選項,其餘配置能夠自行參考hexo官網hexo

theme: hexo-theme-next

更換主題後從新生成靜態文件而後啓動,依舊是訪問ip:4000查看頁面主題,能夠看到頁面變化表明成功了優化

$ hexo g
$ hexo s

添加hexo-admin 後臺管理

當你每次寫文章就要從新生成一次靜態頁面,而且從新啓動hexo,這樣固然是很繁瑣的。
hexo-admin 能夠解決這個問題,你能夠在hexo-admin新增和編輯你的文章,徹底不須要其餘的繁瑣步驟。

$ npm i hexo-admin --save
$ hexo server -d

打開 http://ip:4000/admin/ 進入後臺管理頁面

最後

固然搭建完博客後,你須要按ip:port這種方式訪問,這種low b 的訪問方式固然得優化一下。
你能夠用nginx 把80端口映射到4000端口,這樣你就能用域名訪問啦。

最後展現下個人成果 elliot.xin(目前還沒備案完成)

相關文章
相關標籤/搜索