从零开始搭建一个 hexo 博客。
1. hexo介绍
- 基于nodejs的轻型blog,官网, 有丰富的插件和主题,可以自由选择npm 安装。
-
环境的搭建(本地pc)
- git 和 node 的安装
# 我mac是用homebrew安装 $ brew install git $ brew install node
- git 和 node 的安装
-
hexo安装与配置
-
hexo安装
$ npm install -g hexo-cli
-
新建项目
# 建立blog项目 $ hexo init <folder> $ cd <folder> $ npm install
-
下载主题
xxx为主题名称,主题和插件都可以去官网找$ git clone https://github.com/xxxx/hexo-theme-xxxx.git themes/xxx
-
配置文件
#主配置文件 _config.yml 主题配置文件 themes/xxx/_config.yml
-
-
hexo的主要命令
-
生成静态页 命令在blog项目文件夹下
$ hexo g
-
启动服务,通过本地localhost:4000访问
$ hexo s
-
-
部署到服务器
hexo 可以部署到github上也可以自己在服务器上配置个nginx后部署,服务器上无需复杂环境配置,推送上来的都是静态资源,这就很省事了。
我选择的是nginx部署。- ngixn.conf 配置站点(不赘述)
- 服务器中建立git仓库
#Git 初始化裸库 /data/GitLibrary为仓库地址可自己修改 $cd /data/GitLibrary $git init --bare hexo.git #创建 Git 钩子(hook) vim /data/GitLibrary/hexo.git/hooks/post-receive #用于指定 Git 的源代码 和 Git 配置文件 #!/bin/bash /data/www/hexo为blog站点目录 git --work-tree=/data/www/hexo --git-dir=/data/GitLibrary/hexo.git checkout -f #保存并退出后, 给该文件添加可执行权限 $ chmod +x /data/GitLibrary/hexo.git/hooks/post-receive
- 本地blog中主_config.yml配置
# 配置服务器信息以及git仓库目录 deploy: type: git repo: username@ipAddress:/data/GitLibrary/hexo.git
- 更新线上blog代码
#本地调试代码完毕后 $ hexo g //生成静态页 $ hexo deploy // 更新推送到线上 # 此时会提示输入服务器密码, 免ssh 请百度
-
其他
可以使用hexo-admin插件来方便博客撰写
blog样品:我的博客
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: