一、 一臺主機
個人是阿里雲(CentOS系統)
二、 node.js
能夠參照我這篇文章搭建環境
https://segmentfault.com/a/11...
三、 git
安裝後查看版本正常輸出表明安裝成功node
$ sudo yum install git-core $ git --version git version 1.8.3.1
$ 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
註釋: 我這裏選擇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,這樣固然是很繁瑣的。
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(目前還沒備案完成)