在个人服务器利用hexo搭建博客

2

准备

1、 一台主机
我的是阿里云(CentOS系统)
2、 node.js
可以参照我这篇文章搭建环境
https://segmentfault.com/a/11...
3、 git
安装后查看版本正常输出代表安装成功

$ 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
1、 建立文件夹

$ hexo init blog

2、安装

$ cd blog
$ npm install

3、 生成静态页面

$ hexo g

4、 启动hexo博客

$ hexo s

这时候访问 ip:4000 你就能预览到hexo默认主题的页面了(看起来应该有点丑 ...)
没事,下一步教你更换主题

更换hexo主题

注释: 我这里选择next主题
1、 下载next主题

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

这样theme文件夹下会多出一个新的主题。
2、 配置hexo主题(_config.yml)

cd /home/blog
vim _config.yml

主要是配置theme选项,其他配置可以自行参考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(目前还没备案完成)

你可能感兴趣的

载入中...